/* 设计尺寸 1080×1920；#wrap 的 font-size 由脚本设为“1rem = 100 设计像素” */
@font-face { font-family: 'Kai'; src: url(assets/font/kai.woff2) format('woff2'); font-display: block; }
@font-face { font-family: 'Brush'; src: url(assets/font/brush.woff2) format('woff2'); font-display: block; }
* { box-sizing: border-box; -webkit-tap-highlight-color: transparent; user-select: none; -webkit-user-select: none; }
html, body { margin: 0; height: 100%; background: #2b2230; overflow: hidden; overscroll-behavior: none; }
body { display: flex; align-items: center; justify-content: center; font-family: 'Kai', 'KaiTi', 'STKaiti', serif; color: #6E5266; }
#wrap { position: relative; overflow: hidden; touch-action: none; background: #F7F5F1; }
#wrap > canvas { position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: block; }
#ui { position: absolute; inset: 0; pointer-events: none; }
.screen { position: absolute; inset: 0; display: none; pointer-events: auto; }
.screen.on { display: block; }
.screen.pass { pointer-events: none; }
.screen.pass .hit { pointer-events: auto; }
.fade { animation: fadeIn .5s ease both; }
@keyframes fadeIn { from { opacity: 0 } to { opacity: 1 } }
@keyframes rise { from { opacity: 0; transform: translateY(.2rem) } to { opacity: 1; transform: none } }
@keyframes breathe { 0%,100% { transform: scale(1) } 50% { transform: scale(1.03) } }
@keyframes pulse { 0%,100% { filter: drop-shadow(0 0 0 rgba(255,200,90,0)) } 50% { filter: drop-shadow(0 0 .12rem rgba(255,200,90,.95)) } }
.bgimg { position: absolute; inset: 0; background: center/cover no-repeat; }
.abs { position: absolute; }
.center-x { left: 0; right: 0; margin-left: auto; margin-right: auto; }

/* ---------- 按钮 ---------- */
.btn { position: absolute; display: flex; align-items: center; justify-content: center; cursor: pointer; background: center/100% 100% no-repeat; transition: transform .08s, filter .2s; }
.btn:active, .btn.down { transform: translateY(.03rem) scaleY(.97); }
.btn-main { width: 6.0rem; height: 1.32rem; background-image: url(assets/ui/btn_main.png); color: #FFF7EC; font-size: 1rem; }
.btn-main span { font-size: .56rem; letter-spacing: .25em; text-shadow: 0 .02em 0 rgba(150,40,30,.6); padding-left: .25rem; }
.btn-main:active, .btn-main.down { background-image: url(assets/ui/btn_main_down.png); }
.btn-sec { width: 3.6rem; height: 1.0rem; background-image: url(assets/ui/btn_sec.png); color: #6E5266; }
.btn-sec span { font-size: .4rem; letter-spacing: .15em; }
.btn-sec:active, .btn-sec.down { background-image: url(assets/ui/btn_sec_down.png); }
.btn-sec img { height: .38rem; margin-right: .12rem; }
.btn-round { width: .96rem; height: .96rem; background-image: url(assets/ui/btn_round.png); }
.btn-round:active, .btn-round.down { background-image: url(assets/ui/btn_round_down.png); }
.btn-round img { width: 46%; }
.btn-round .ti { font-family: 'Brush', serif; color: #E5675A; font-size: .5rem; margin-top: -.06rem; }
.btn-round.breath { animation: pulse 1.6s infinite; }
.chip { position: absolute; height: .82rem; padding: 0 .4rem; display: flex; align-items: center; background: url(assets/ui/chip.png) center/100% 100% no-repeat; }
.chip span { font-size: .36rem; letter-spacing: .1em; color: #6E5266; white-space: nowrap; }

/* ---------- 加载（件从母图切，位置见 ui_m.css） ---------- */
#s-loading .fill { width: 0; }
#s-loading .icon { margin-left: -.44rem; }   /* 鹤身中线对准填充末端（母图 52% 时鹤腹在 x≈451） */
#s-loading .stamp { position: absolute; left: 8.95rem; top: 15.45rem; width: .85rem; opacity: 0; transform: scale(2) rotate(-12deg); transition: transform .28s cubic-bezier(.3,1.6,.5,1), opacity .15s; }
#s-loading .stamp.on { opacity: .95; transform: scale(1) rotate(-6deg); }
#s-loading .pct { position: absolute; left: 8.1rem; top: 16.3rem; line-height: 1; font-size: .33rem; letter-spacing: .02em; -webkit-text-stroke: .007rem #4E3A4C; color: #4E3A4C; white-space: nowrap; }
#s-loading .tip { position: absolute; left: 5.42rem; top: 17.27rem; transform: translateX(-50%); line-height: 1; font-size: .39rem; letter-spacing: .2em; color: #4E3A4C; white-space: nowrap; }
#s-loading .retry { top: 17.9rem; display: none; }

/* ---------- 开始（两套：未通关 v0 / 通关后 v1，件从各自母图切） ---------- */
#s-start .v { position: absolute; inset: 0; display: none; pointer-events: none; }
#s-start .v .btn { pointer-events: auto; }
#s-start:not(.cleared) .v0, #s-start.cleared .v1 { display: block; }
#s-start .prog { position: absolute; left: 5.43rem; transform: translateX(-50%); line-height: 1; font-size: .31rem; letter-spacing: .04em; -webkit-text-stroke: .014rem #4E3A4C; color: #4E3A4C; white-space: nowrap; pointer-events: none;
  filter: drop-shadow(0 0 .03rem #FFFDF8) drop-shadow(0 0 .03rem #FFFDF8); }
#s-start .v0 .prog { top: 18.2rem; }
#s-start .v1 .prog { top: 17.84rem; }

/* ---------- 漫画 ---------- */
#s-comic { background: #F6EEE6; }
/* 漫画格铺满整屏（方图按高铺满），慢慢横移把左右两边也看到 */
#s-comic .panel { position: absolute; inset: 0; background: 50% 50%/cover no-repeat; transition: opacity .4s; animation: comicPan 3.2s ease-in-out both; }
@keyframes comicPan { from { background-position: 22% 50% } to { background-position: 78% 50% } }
/* 动起来的漫画格 / 预告：视频第一帧就是母图，盖在静图上，播完淡出回到静图 */
#s-comic .vid, #s-teaser .vid, #s-credits .vid { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; opacity: 0; transition: opacity .5s; pointer-events: none; }
#s-comic .vid.on, #s-teaser .vid.on, #s-credits .vid.on { opacity: 1; }
#s-comic .vid.on { animation: comicPanV 6s ease-in-out both; }
@keyframes comicPanV { from { object-position: 22% 50%; } to { object-position: 78% 50%; } }
#s-comic .bubble { position: absolute; left: .9rem; right: .9rem; top: 15.6rem; min-height: 1.3rem; padding: .25rem .45rem; background: url(assets/ui/tipbar.png) center/100% 100% no-repeat; display: flex; align-items: center; justify-content: center; filter: drop-shadow(0 .06rem .12rem rgba(90,60,70,.3)); }
#s-comic .bubble span { font-size: .46rem; letter-spacing: .08em; color: #5E4458; text-align: center; }
#s-comic .skip { top: .7rem; right: .5rem; width: 2.0rem; height: .78rem; }
#s-comic .skip span { font-size: .32rem; }
#s-comic .dots { position: absolute; top: 17.25rem; width: 100%; text-align: center; font-size: .4rem; color: #FFF4DA; letter-spacing: .3em; text-shadow: 0 0 .06rem rgba(150,90,40,.8); }

/* ---------- 局内 HUD（暂停、标题签、提示、菱形、手势、题诗框、落印从局内各状态母图切，位置见 ui_m.css） ---------- */
#s-hud .pause, #s-hud .title, #s-hud .hint { transition: opacity .4s, left .6s, top .6s; }
#s-hud .title span { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -54%); line-height: 1; font-size: .4rem; letter-spacing: .06em; color: #5A3F55; -webkit-text-stroke: .004rem #5A3F55; white-space: nowrap; }
#s-hud .dias { position: absolute; top: 17.9rem; width: 100%; display: flex; justify-content: center; gap: .085rem; transition: top .5s; }
#s-hud .dias i { width: .54rem; height: .54rem; background: url(assets/ui/m/hd_dia_off.png) center/72% no-repeat; transition: transform .25s; }
#s-hud .dias i.on { background-image: url(assets/ui/m/hd_dia_on.png); background-size: 100%; filter: drop-shadow(0 0 .06rem rgba(255,190,70,.9)); }
#s-hud .dias i.hide, #s-hud .dias.hinting i:not(.on) { background-image: url(assets/ui/m/hd_dia_hollow.png); background-size: 100%; filter: drop-shadow(0 0 .04rem rgba(255,200,120,.75)); }   /* 还没到的步：空心菱形（从线索触发母图切） */
#s-hud .guide { position: absolute; top: 17.29rem; width: 100%; text-align: center; line-height: 1; font-size: .4rem; letter-spacing: .04em; color: #553A50; -webkit-text-stroke: .014rem #553A50; transition: opacity .4s;
  filter: drop-shadow(0 0 .03rem #FFFDF8) drop-shadow(0 0 .03rem rgba(255,253,248,.8)); }
#s-hud .tipbar { position: absolute; left: 1.2rem; right: 1.2rem; bottom: 2.3rem; height: .9rem; display: flex; align-items: center; justify-content: center; background: url(assets/ui/tipbar.png) center/100% 100% no-repeat; opacity: 0; transition: opacity .3s; }
#s-hud .tipbar.on { opacity: 1; }
#s-hud .tipbar span { font-size: .36rem; letter-spacing: .1em; color: #5E4458; }
#s-hud .poem { position: absolute; left: 9.025rem; top: 1.825rem; width: 1.6375rem; height: 4.825rem; background: url(assets/ui/m/hd_poem.png) center/100% 100% no-repeat; opacity: 0; transition: opacity .5s; }
#s-hud .poem.on { opacity: 1; }
#s-hud .poem .cols { position: absolute; left: .2rem; right: .2rem; top: .45rem; bottom: .5rem; display: flex; flex-direction: row-reverse; justify-content: space-around; }
#s-hud .poem .cols i { font-style: normal; writing-mode: vertical-rl; white-space: nowrap; font-size: .42rem; letter-spacing: .2rem; color: #B9403A; -webkit-text-stroke: .01rem #B9403A; }
#s-hud .hand { opacity: 0; transition: opacity .3s; }
#s-hud .hand.on { opacity: 1; filter: drop-shadow(0 0 .04rem rgba(110,120,170,.55)); animation: handMove 1.4s ease-in-out infinite; }
@keyframes handMove { 0%,100% { transform: translateY(0) } 50% { transform: translateY(-.5rem) } }
#s-hud .seal-btn { display: none; }
#s-hud .bigtitle { position: absolute; left: 5.14rem; top: 1.5rem; transform: translateX(-50%) translateY(.1rem); padding-left: .26rem; line-height: 1; white-space: nowrap; font-size: 1.24rem; letter-spacing: .26rem; color: #6C4B63; -webkit-text-stroke: 0; opacity: 0; transition: opacity 1s, transform 1s; }
#s-hud .bigtitle.on { opacity: 1; transform: translateX(-50%); }
#s-hud .bigtitle small { display: none; }
#s-hud .adm { display: none; }
#s-hud.ph-admire .adm { display: block; animation: fadeIn 1s ease both; }
/* 上色瞬间：顶部 HUD 收起，四颗菱形放大全亮；再赏：只留暂停，挪到母图位置 */
#s-hud.ph-reveal .pause, #s-hud.ph-reveal .title, #s-hud.ph-reveal .hint, #s-hud.ph-admire .title, #s-hud.ph-admire .hint, #s-hud.ph-admire .dias { opacity: 0 !important; pointer-events: none; }
#s-hud.ph-admire .pause { left: .65rem; top: 1.075rem; }
#s-hud.ph-reveal .dias { top: 16.8rem; gap: .14rem; }
#s-hud.ph-reveal .dias i, #s-hud .dias i.full { width: .74rem; height: .74rem; background: url(assets/ui/m/hd_dia_full.png) center/100% no-repeat; filter: drop-shadow(0 0 .1rem rgba(255,200,80,.95)); transform: none; }
#s-hud .toast { position: absolute; top: 2.0rem; left: 50%; transform: translateX(-50%); height: .82rem; padding: 0 .45rem; display: flex; align-items: center; background: url(assets/ui/chip.png) center/100% 100% no-repeat; opacity: 0; transition: opacity .4s; }
#s-hud .toast.on { opacity: 1; }
#s-hud .toast span { font-size: .34rem; color: #6E5266; white-space: nowrap; letter-spacing: .08em; }

/* ---------- 弹窗（件从母图切，位置见 ui_m.css） ---------- */
.pc { position: absolute; background: center/100% 100% no-repeat; }
.modal { background: rgba(60,40,60,.38); }
#s-pause .foot { position: absolute; left: 5.4rem; top: 13.25rem; transform: translateX(-50%); white-space: nowrap; line-height: 1; font-size: .4rem; letter-spacing: .12em; color: #4E3A4C; }
#s-set .sw { cursor: pointer; }
#s-set .sw.off { background-image: url(assets/ui/m/set_sw3.png); }
#s-set .m-set_sw3:not(.off) { background-image: url(assets/ui/m/set_sw1.png); }
/* ---------- 结算（底图是母图去掉界面的干净天空，件从母图切，位置见 ui_m.css） ---------- */
#s-result .ttl { position: absolute; left: 5.4rem; top: 1.42rem; transform: translateX(-50%); padding-left: .62rem; line-height: 1; white-space: nowrap; font-size: 1.36rem; letter-spacing: .62rem; color: #5A3F55; -webkit-text-stroke: .03rem #5A3F55; }
#s-result .juan { position: absolute; left: 5.42rem; top: 3.14rem; transform: translateX(-50%); line-height: 1; white-space: nowrap; font-size: .5rem; letter-spacing: .08em; color: #4E3A4C; -webkit-text-stroke: .012rem #4E3A4C; }
#s-result .pic { position: absolute; left: .6rem; top: 5.65rem; width: 6.85rem; height: 6.75rem; background: center/cover no-repeat; opacity: 0; transition: opacity .8s;
  -webkit-mask-image: radial-gradient(ellipse 72% 68% at 50% 50%, #000 80%, transparent 100%); mask-image: radial-gradient(ellipse 72% 68% at 50% 50%, #000 80%, transparent 100%); }
#s-result .pic.on { opacity: 1; }
#s-result .verse { position: absolute; left: 7.49rem; top: 6.5rem; height: 2.5rem; display: flex; flex-direction: row-reverse; }
#s-result .verse .col { width: .75rem; height: 100%; writing-mode: vertical-rl; display: flex; align-items: center; font-size: .45rem; line-height: .75rem; letter-spacing: .23rem; color: #4E3A4C; -webkit-text-stroke: .01rem #4E3A4C; border-left: .015rem solid rgba(201,144,47,.45); }
#s-result .verse .col.by { font-size: .32rem; letter-spacing: .08rem; color: #5E4458; -webkit-text-stroke: .006rem #5E4458; }
#s-result .verse i { font-style: normal; opacity: 0; transition: opacity .3s; }
#s-result .verse i.on { opacity: 1; }
#s-result .seal { opacity: 0; transform: scale(1.8); transition: transform .25s cubic-bezier(.3,1.6,.5,1), opacity .15s; }
#s-result .seal.on { opacity: .95; transform: scale(1); }
#s-result .s-bie { position: absolute; width: .95rem; left: 5.95rem; top: 11.05rem; }
#s-result .ink { position: absolute; width: 2.6rem; left: 7.6rem; top: 9.6rem; opacity: 0; transform: scale(.4); transition: opacity .5s, transform .5s ease-out; mix-blend-mode: multiply; }
#s-result .ink.on { opacity: .35; transform: scale(1); }
#s-result .tap { position: absolute; top: 13.3rem; width: 100%; text-align: center; font-size: .34rem; color: #6E5266; letter-spacing: .15em; animation: fadeIn 1s ease infinite alternate; }
#s-result .next .t10 { display: none; position: absolute; inset: 0; align-items: center; justify-content: center; font-family: 'Brush', serif; font-size: .7rem; letter-spacing: .12em; color: #FFF6E6;
  text-shadow: 0 .03rem .01rem rgba(140,40,30,.6), 0 0 .04rem rgba(170,50,40,.5); -webkit-text-stroke: .01rem #F7E2C4; }
#s-result .next.last .t10 { display: flex; }
#s-result .next.last .m-rs_next_t { display: none; }

/* ---------- 画卷页（竖卷轴、标题、饰线从母图切；每段：已续=玩家的画，待续=金色线稿+光框，未开=淡线稿+锁） ---------- */
#s-scroll .back { top: .45rem; left: .1rem; }
#s-scroll .prog { position: absolute; left: 5.42rem; top: 2.5rem; transform: translateX(-50%); line-height: 1; white-space: nowrap; font-size: .34rem; letter-spacing: .04em; color: #4E3A4C; -webkit-text-stroke: .012rem #4E3A4C; }
#s-scroll .list { position: absolute; left: 1rem; top: 3.75rem; width: 8.825rem; height: 13.1rem; overflow-y: auto; touch-action: pan-y; scrollbar-width: none; }
#s-scroll .list::-webkit-scrollbar { display: none; }
#s-scroll .seg { position: relative; height: 2.7625rem; cursor: pointer; }
#s-scroll .seg .th { position: absolute; left: .225rem; top: .0625rem; width: 6.525rem; height: 2.5625rem; background: center/cover no-repeat;
  -webkit-mask-image: linear-gradient(90deg, transparent, #000 4%, #000 92%, transparent); mask-image: linear-gradient(90deg, transparent, #000 4%, #000 92%, transparent); }
#s-scroll .seg.line .th { left: .025rem; width: 6.95rem; -webkit-mask-image: none; mask-image: none; border-radius: .08rem;
  box-shadow: 0 0 0 .02rem rgba(236,184,86,.85), 0 0 .2rem .04rem rgba(255,214,120,.75); animation: pulse 2.4s infinite; }
#s-scroll .seg.lock .th { left: 0; width: 8.825rem; height: 1.9rem; opacity: .2; filter: grayscale(.4) sepia(.3); }
#s-scroll .seg .vl { position: absolute; left: 7.1rem; top: .375rem; width: .125rem; height: 1.975rem; background: url(assets/ui/m/sc_vl.png) center/100% 100% no-repeat; }
#s-scroll .seg b { position: absolute; left: 7.675rem; top: .375rem; writing-mode: vertical-rl; white-space: nowrap; font-weight: normal; line-height: .475rem; font-size: .4rem; letter-spacing: .1rem; color: #4E3A4C; -webkit-text-stroke: .012rem #4E3A4C; }
#s-scroll .seg.line b { left: 7.75rem; top: .48rem; font-size: .43rem; letter-spacing: .075rem; line-height: .5rem; }
#s-scroll .seg .sl { position: absolute; left: 8.14rem; top: 2.01rem; width: .41rem; height: .5rem; display: flex; align-items: center; justify-content: center; font-size: .28rem; color: #FFFFFF; }
#s-scroll .seg .sl::before { content: ''; position: absolute; inset: 0; z-index: -1; background: url(assets/ui/m/sc_segseal.png) center/100% 100% no-repeat; filter: brightness(.72) saturate(1.15); }   /* 印底压暗一档，白字才看得清 */
#s-scroll .seg { isolation: isolate; }
#s-scroll .seg .dv { position: absolute; left: .05rem; top: 2.6rem; width: 8.75rem; height: .275rem; background: url(assets/ui/m/sc_div.png) center/100% 100% no-repeat; }
#s-scroll .seg .lk { position: absolute; left: 3.73rem; top: .175rem; width: 1.3375rem; height: 1.15rem; background: url(assets/ui/m/sc_lock.png) center/100% 100% no-repeat; }
#s-scroll .seg .lt { position: absolute; left: 3.2rem; top: 1.3rem; width: 2.425rem; height: .55rem; background: url(assets/ui/m/sc_locktxt.png) center/100% 100% no-repeat; }
#s-scroll .seg.lock.shake .lk { animation: shake .4s; }
@keyframes shake { 0%,100% { transform: none } 25% { transform: translateX(-.06rem) } 75% { transform: translateX(.06rem) } }

/* ---------- 终章 ---------- */
/* 终章（竖卷轴、标题、三张选项卡从母图切；每行 = 玩家的小画 + 两列竖排题诗 + 行间金菱形） */
#s-end .rows { position: absolute; left: 2.9rem; top: 1.625rem; width: 4.5rem; height: 13.33rem; }
#s-end .r { position: relative; height: 1.333rem; opacity: 0; transition: opacity .6s; }
#s-end .r.on { opacity: 1; }
#s-end .r .th { position: absolute; left: 0; top: .02rem; width: 3.625rem; height: 1.3rem; background: center/cover no-repeat;
  -webkit-mask-image: radial-gradient(ellipse 54% 56% at 50% 50%, #000 70%, transparent 100%); mask-image: radial-gradient(ellipse 54% 56% at 50% 50%, #000 70%, transparent 100%); }
#s-end .r .vl { position: absolute; left: 3.5225rem; top: .08rem; width: .2rem; height: 1.5375rem; background: url(assets/ui/m/ed_vl.png) center/100% 100% no-repeat; }
#s-end .r .dg { position: absolute; left: 3.5475rem; top: 1.3675rem; width: .2rem; height: .25rem; background: url(assets/ui/m/ed_dia.png) center/100% 100% no-repeat; }
#s-end .r .ps { position: absolute; left: 3.72rem; top: .1rem; height: 1.2rem; display: flex; flex-direction: row-reverse; gap: .03rem; }
#s-end .r .ps i { font-style: normal; writing-mode: vertical-rl; white-space: nowrap; font-size: .24rem; line-height: .3rem; letter-spacing: .05rem; color: #4E3A4C; -webkit-text-stroke: .008rem #4E3A4C; }
#s-end .r.blank .ps i { color: #85561A; -webkit-text-stroke: .006rem #85561A; animation: blankPulse 1.2s infinite alternate; }
@keyframes blankPulse { from { opacity: .7 } to { opacity: 1 } }
#s-end .ask { opacity: 0; transition: opacity .5s; }
#s-end .cards { position: absolute; inset: 0; opacity: 0; transition: opacity .5s; pointer-events: none; }
#s-end .cards.on, #s-end .ask.on { opacity: 1; }
#s-end .cards.on .card { pointer-events: auto; }
#s-end .card.sel, #s-end .card.down, #s-end .card:active { background-image: url(assets/ui/m/ed_c2.png); }
/* 选中卡：母图选中那张外面有一圈金色光晕（切图时 grab 只抠了卡身），用 CSS 补回 */
#s-end .card.sel, #s-end .card.down { filter: drop-shadow(0 0 .05rem rgba(255,214,120,.95)) drop-shadow(0 0 .14rem rgba(255,196,90,.7)); }
#s-end .card.m-ed_c2:not(.sel):not(.down):not(:active) { background-image: url(assets/ui/m/ed_c1.png); }
#s-end .seal-xu { position: absolute; width: .78rem; left: 7.05rem; top: 13.85rem; opacity: 0; transform: scale(2); transition: transform .3s cubic-bezier(.3,1.6,.5,1), opacity .15s; }
#s-end .seal-xu.on { opacity: .95; transform: scale(1); }
#s-credits::after { content: ''; position: absolute; inset: 0; background: linear-gradient(rgba(252,244,240,.78), rgba(252,240,236,.86)); }
#s-credits .roll { z-index: 2; }
#s-credits.vidOn::after { background: linear-gradient(rgba(252,244,240,.5), rgba(252,244,240,.2) 40%, rgba(252,240,236,.55)); }   /* 放回顾视频时压暗层淡一点，岛看得见；字加白晕保对比 */
#s-credits.vidOn .roll { text-shadow: 0 0 .08rem #FFF8F4, 0 0 .16rem #FFF8F4, 0 0 .24rem rgba(255,248,244,.9); }
#s-credits .roll { position: absolute; left: 0; right: 0; top: 100%; text-align: center; color: #5E4458; }
#s-credits .roll p { font-size: .36rem; letter-spacing: .2em; margin: .6rem 0; }
#s-credits .roll h3 { font-family: 'Brush', serif; font-weight: normal; font-size: .8rem; letter-spacing: .3em; margin: 1rem 0 .4rem; }
/* 卷二预告：底图是母图同款干净底（鹤、金线海岛、卷轴都在底图里），签、待续字、印从母图切 */
#s-teaser .label, #s-teaser .daixu, #s-teaser .back { opacity: 0; transition: opacity 1.2s; }
#s-teaser .label.on, #s-teaser .daixu.on, #s-teaser .back.on { opacity: 1; }
#s-teaser .back { position: absolute; left: 8.75rem; top: 17.45rem; line-height: 1; white-space: nowrap; font-size: .4rem; letter-spacing: .1em; color: #5E4458; filter: drop-shadow(0 0 .03rem #FFFDF8) drop-shadow(0 0 .04rem rgba(255,253,248,.9)); }
#s-teaser .crane { position: absolute; width: 2.2rem; left: -2.5rem; top: 1.5rem; }

/* 纯文字层不挡点击 */
#s-scroll .ttl, #s-scroll .prog, #s-result .ttl, #s-result .juan, #s-result .verse, #s-result .pic, #s-start .prog, #s-hud .bigtitle, #s-hud .guide, #s-hud .poem, #s-hud .toast, #s-hud .tipbar, #s-hud .hand { pointer-events: none; }
#s-set .sw:active { filter: brightness(.82); transform: scale(.94); }
.btn.pc:active, .btn.pc.down { transform: translateY(.03rem) scale(.98); }

/* 暂停弹窗盖着的时候，下面 HUD 的字不用看清（被蒙层压暗），先藏起来 */
#ui:has(#s-pause.on) #s-hud .title span, #ui:has(#s-pause.on) #s-hud .guide { visibility: hidden; }

/* 字外白晕偏窄的 10 件（逐件对照记下的）：母图的晕更宽、带一点暖粉，外面再加一层宽的暖晕 */
#ui .m-set_ic_sound, #ui .m-set_replay_t, #ui .m-pause_re_t, #ui .m-pause_home_t, #ui .m-st_scroll_i, #ui .m-st_scroll_t,
#ui .m-dn_scroll_i, #ui .m-dn_set_t, #ui .m-ed_c1_t, #ui .m-ed_c3_t {
  filter: drop-shadow(0 0 .015rem #FFFFFF) drop-shadow(0 0 .03rem #FFF8F2) drop-shadow(0 0 .04rem #FFF4EC) drop-shadow(0 0 .07rem rgba(255,236,226,.9)) drop-shadow(0 0 .1rem rgba(255,228,218,.55));
}

/* 自动生成（tools/cut_mother.py），别手改：从母图切的件和它们在母图上的位置 */
.m-set_panel { left: 0.5750rem; top: 4.5250rem; width: 9.7000rem; height: 9.7250rem; background-image: url(assets/ui/m/set_panel.png); }
.m-set_foot { left: 4.0875rem; top: 13.4750rem; width: 2.6000rem; height: 0.3500rem; background-image: url(assets/ui/m/set_foot.png); filter: drop-shadow(0 0 .015rem #FFFFFF) drop-shadow(0 0 .03rem #FFFDF8) drop-shadow(0 0 .03rem #FFFDF8) drop-shadow(0 0 .05rem rgba(255,253,248,.8)); }
.m-set_plate { left: 2.5125rem; top: 4.0000rem; width: 5.7125rem; height: 1.4125rem; background-image: url(assets/ui/m/set_plate.png); }
.m-set_title { left: 1.8250rem; top: 0.2500rem; width: 2.5250rem; height: 0.8625rem; background-image: url(assets/ui/m/set_title.png); filter: drop-shadow(0 0 .015rem #FFFFFF) drop-shadow(0 0 .03rem #FFFDF8) drop-shadow(0 0 .03rem #FFFDF8) drop-shadow(0 0 .05rem rgba(255,253,248,.8)); }
.m-set_close { left: 9.2000rem; top: 4.6125rem; width: 1.1125rem; height: 1.1125rem; background-image: url(assets/ui/m/set_close.png); }
.m-set_close:active, .m-set_close.down { background-image: url(assets/ui/m/set_close_down.png); }
.m-set_ic_music { left: 2.3250rem; top: 6.4000rem; width: 0.7750rem; height: 0.8625rem; background-image: url(assets/ui/m/set_ic_music.png); filter: drop-shadow(0 0 .015rem #FFFFFF) drop-shadow(0 0 .03rem #FFFDF8) drop-shadow(0 0 .03rem #FFFDF8) drop-shadow(0 0 .05rem rgba(255,253,248,.8)); }
.m-set_ic_sound { left: 2.2250rem; top: 8.2875rem; width: 0.9750rem; height: 0.7875rem; background-image: url(assets/ui/m/set_ic_sound.png); filter: drop-shadow(0 0 .015rem #FFFFFF) drop-shadow(0 0 .03rem #FFFDF8) drop-shadow(0 0 .03rem #FFFDF8) drop-shadow(0 0 .05rem rgba(255,253,248,.8)); }
.m-set_ic_vib { left: 2.2000rem; top: 10.0250rem; width: 1.0500rem; height: 0.9875rem; background-image: url(assets/ui/m/set_ic_vib.png); filter: drop-shadow(0 0 .015rem #FFFFFF) drop-shadow(0 0 .03rem #FFFDF8) drop-shadow(0 0 .03rem #FFFDF8) drop-shadow(0 0 .05rem rgba(255,253,248,.8)); }
.m-set_t_music { left: 3.5625rem; top: 6.5125rem; width: 1.2625rem; height: 0.6750rem; background-image: url(assets/ui/m/set_t_music.png); filter: drop-shadow(0 0 .015rem #FFFFFF) drop-shadow(0 0 .03rem #FFFDF8) drop-shadow(0 0 .03rem #FFFDF8) drop-shadow(0 0 .05rem rgba(255,253,248,.8)); }
.m-set_t_sound { left: 3.5625rem; top: 8.3625rem; width: 1.3250rem; height: 0.6875rem; background-image: url(assets/ui/m/set_t_sound.png); filter: drop-shadow(0 0 .015rem #FFFFFF) drop-shadow(0 0 .03rem #FFFDF8) drop-shadow(0 0 .03rem #FFFDF8) drop-shadow(0 0 .05rem rgba(255,253,248,.8)); }
.m-set_t_vib { left: 3.5750rem; top: 10.1875rem; width: 1.2375rem; height: 0.6750rem; background-image: url(assets/ui/m/set_t_vib.png); filter: drop-shadow(0 0 .015rem #FFFFFF) drop-shadow(0 0 .03rem #FFFDF8) drop-shadow(0 0 .03rem #FFFDF8) drop-shadow(0 0 .05rem rgba(255,253,248,.8)); }
.m-set_sw1 { left: 6.5875rem; top: 6.3250rem; width: 1.9875rem; height: 1.0375rem; background-image: url(assets/ui/m/set_sw1.png); filter: drop-shadow(0 0 .035rem rgba(240,170,90,.55)); }
.m-set_sw2 { left: 6.6000rem; top: 8.1750rem; width: 1.9750rem; height: 1.0375rem; background-image: url(assets/ui/m/set_sw2.png); filter: drop-shadow(0 0 .035rem rgba(240,170,90,.55)); }
.m-set_sw3 { left: 6.5875rem; top: 10.0125rem; width: 1.9750rem; height: 1.0375rem; background-image: url(assets/ui/m/set_sw3.png); filter: drop-shadow(0 0 .035rem rgba(240,170,90,.55)); }
.m-set_div1 { left: 1.7125rem; top: 7.5750rem; width: 7.3750rem; height: 0.3625rem; background-image: url(assets/ui/m/set_div1.png); filter: drop-shadow(0 0 .015rem #FFFFFF) drop-shadow(0 0 .03rem #FFFDF8) drop-shadow(0 0 .03rem #FFFDF8) drop-shadow(0 0 .05rem rgba(255,253,248,.8)); }
.m-set_div2 { left: 1.7125rem; top: 9.4250rem; width: 7.3750rem; height: 0.3625rem; background-image: url(assets/ui/m/set_div2.png); filter: drop-shadow(0 0 .015rem #FFFFFF) drop-shadow(0 0 .03rem #FFFDF8) drop-shadow(0 0 .03rem #FFFDF8) drop-shadow(0 0 .05rem rgba(255,253,248,.8)); }
.m-set_replay { left: 2.8875rem; top: 11.7750rem; width: 5.0125rem; height: 1.3750rem; background-image: url(assets/ui/m/set_replay.png); }
.m-set_replay:active, .m-set_replay.down { background-image: url(assets/ui/m/set_replay_down.png); }
.m-set_replay_t { left: 1.3000rem; top: 0.3375rem; width: 2.4375rem; height: 0.6875rem; background-image: url(assets/ui/m/set_replay_t.png); filter: drop-shadow(0 0 .015rem #FFFFFF) drop-shadow(0 0 .03rem #FFFDF8) drop-shadow(0 0 .03rem #FFFDF8) drop-shadow(0 0 .05rem rgba(255,253,248,.8)); }
.m-pause_panel { left: 1.3750rem; top: 4.6500rem; width: 8.0500rem; height: 9.5375rem; background-image: url(assets/ui/m/pause_panel.png); }
.m-pause_plate { left: 2.6875rem; top: 4.1000rem; width: 5.4250rem; height: 1.4375rem; background-image: url(assets/ui/m/pause_plate.png); }
.m-pause_title { left: 1.7500rem; top: 0.3000rem; width: 2.5000rem; height: 0.8750rem; background-image: url(assets/ui/m/pause_title.png); filter: drop-shadow(0 0 .015rem #FFFFFF) drop-shadow(0 0 .03rem #FFFDF8) drop-shadow(0 0 .03rem #FFFDF8) drop-shadow(0 0 .05rem rgba(255,253,248,.8)); }
.m-pause_div { left: 2.4625rem; top: 5.6875rem; width: 5.9500rem; height: 0.4500rem; background-image: url(assets/ui/m/pause_div.png); filter: drop-shadow(0 0 .015rem #FFFFFF) drop-shadow(0 0 .03rem #FFFDF8) drop-shadow(0 0 .03rem #FFFDF8) drop-shadow(0 0 .05rem rgba(255,253,248,.8)); }
.m-pause_go { left: 2.3375rem; top: 6.4125rem; width: 6.1125rem; height: 1.4375rem; background-image: url(assets/ui/m/pause_go.png); }
.m-pause_go:active, .m-pause_go.down { background-image: url(assets/ui/m/pause_go_down.png); }
.m-pause_go_t { left: 2.1625rem; top: 0.3375rem; width: 1.8000rem; height: 0.7750rem; background-image: url(assets/ui/m/pause_go_t.png); filter: drop-shadow(0 .025rem .01rem rgba(140,40,30,.55)); }
.m-pause_re { left: 2.3375rem; top: 8.0500rem; width: 6.1125rem; height: 1.4500rem; background-image: url(assets/ui/m/pause_re.png); }
.m-pause_re:active, .m-pause_re.down { background-image: url(assets/ui/m/pause_re_down.png); }
.m-pause_re_t { left: 1.8000rem; top: 0.4000rem; width: 2.5125rem; height: 0.6750rem; background-image: url(assets/ui/m/pause_re_t.png); filter: drop-shadow(0 0 .015rem #FFFFFF) drop-shadow(0 0 .03rem #FFFDF8) drop-shadow(0 0 .03rem #FFFDF8) drop-shadow(0 0 .05rem rgba(255,253,248,.8)); }
.m-pause_home { left: 2.3375rem; top: 9.7000rem; width: 6.1125rem; height: 1.4375rem; background-image: url(assets/ui/m/pause_home.png); }
.m-pause_home:active, .m-pause_home.down { background-image: url(assets/ui/m/pause_home_down.png); }
.m-pause_home_t { left: 2.1375rem; top: 0.3875rem; width: 1.8875rem; height: 0.6750rem; background-image: url(assets/ui/m/pause_home_t.png); filter: drop-shadow(0 0 .015rem #FFFFFF) drop-shadow(0 0 .03rem #FFFDF8) drop-shadow(0 0 .03rem #FFFDF8) drop-shadow(0 0 .05rem rgba(255,253,248,.8)); }
.m-pause_set { left: 2.3375rem; top: 11.3500rem; width: 6.1125rem; height: 1.4375rem; background-image: url(assets/ui/m/pause_set.png); }
.m-pause_set:active, .m-pause_set.down { background-image: url(assets/ui/m/pause_set_down.png); }
.m-pause_set_t { left: 2.4000rem; top: 0.4125rem; width: 1.2875rem; height: 0.6375rem; background-image: url(assets/ui/m/pause_set_t.png); filter: drop-shadow(0 0 .015rem #FFFFFF) drop-shadow(0 0 .03rem #FFFDF8) drop-shadow(0 0 .03rem #FFFDF8) drop-shadow(0 0 .05rem rgba(255,253,248,.8)); }
.m-st_logo { left: 2.0750rem; top: 1.1500rem; width: 6.8500rem; height: 2.0250rem; background-image: url(assets/ui/m/st_logo.png); }
.m-st_seal { left: 8.1750rem; top: 2.7375rem; width: 0.5250rem; height: 0.7375rem; background-image: url(assets/ui/m/st_seal.png); }
.m-st_div { left: 3.6875rem; top: 3.0125rem; width: 3.5500rem; height: 0.4375rem; background-image: url(assets/ui/m/st_div.png); }
.m-st_main { left: 2.0875rem; top: 15.1000rem; width: 6.6125rem; height: 1.4500rem; background-image: url(assets/ui/m/st_main.png); }
.m-st_main:active, .m-st_main.down { background-image: url(assets/ui/m/st_main_down.png); }
.m-st_main_t { left: 1.7125rem; top: 0.3250rem; width: 3.2125rem; height: 0.8125rem; background-image: url(assets/ui/m/st_main_t.png); filter: drop-shadow(0 .025rem .01rem rgba(140,40,30,.55)); }
.m-st_scroll { left: 2.2125rem; top: 16.7875rem; width: 2.9500rem; height: 0.9875rem; background-image: url(assets/ui/m/st_scroll.png); filter: drop-shadow(0 .03rem .04rem rgba(170,110,90,.3)); }
.m-st_scroll:active, .m-st_scroll.down { background-image: url(assets/ui/m/st_scroll_down.png); }
.m-st_scroll_i { left: 0.5625rem; top: 0.1875rem; width: 0.6125rem; height: 0.6375rem; background-image: url(assets/ui/m/st_scroll_i.png); filter: drop-shadow(0 0 .015rem #FFFFFF) drop-shadow(0 0 .03rem #FFFDF8) drop-shadow(0 0 .03rem #FFFDF8) drop-shadow(0 0 .05rem rgba(255,253,248,.8)); }
.m-st_scroll_t { left: 1.4000rem; top: 0.2500rem; width: 0.9250rem; height: 0.5000rem; background-image: url(assets/ui/m/st_scroll_t.png); filter: drop-shadow(0 0 .015rem #FFFFFF) drop-shadow(0 0 .03rem #FFFDF8) drop-shadow(0 0 .03rem #FFFDF8) drop-shadow(0 0 .05rem rgba(255,253,248,.8)); }
.m-st_set { left: 5.6125rem; top: 16.7875rem; width: 2.9750rem; height: 0.9875rem; background-image: url(assets/ui/m/st_set.png); filter: drop-shadow(0 .03rem .04rem rgba(170,110,90,.3)); }
.m-st_set:active, .m-st_set.down { background-image: url(assets/ui/m/st_set_down.png); }
.m-st_set_i { left: 0.6625rem; top: 0.2000rem; width: 0.6125rem; height: 0.6125rem; background-image: url(assets/ui/m/st_set_i.png); filter: drop-shadow(0 0 .015rem #FFFFFF) drop-shadow(0 0 .03rem #FFFDF8) drop-shadow(0 0 .03rem #FFFDF8) drop-shadow(0 0 .05rem rgba(255,253,248,.8)); }
.m-st_set_t { left: 1.4375rem; top: 0.2625rem; width: 0.9125rem; height: 0.4750rem; background-image: url(assets/ui/m/st_set_t.png); filter: drop-shadow(0 0 .015rem #FFFFFF) drop-shadow(0 0 .03rem #FFFDF8) drop-shadow(0 0 .03rem #FFFDF8) drop-shadow(0 0 .05rem rgba(255,253,248,.8)); }
.m-st_progdeco { left: 2.5125rem; top: 18.1375rem; width: 5.8500rem; height: 0.4500rem; background-image: url(assets/ui/m/st_progdeco.png); }
.m-dn_logo { left: 1.9875rem; top: 1.3625rem; width: 6.8125rem; height: 1.9500rem; background-image: url(assets/ui/m/dn_logo.png); }
.m-dn_seal { left: 8.0625rem; top: 2.8875rem; width: 0.5250rem; height: 0.7500rem; background-image: url(assets/ui/m/dn_seal.png); }
.m-dn_div { left: 3.6875rem; top: 3.1750rem; width: 3.5125rem; height: 0.4750rem; background-image: url(assets/ui/m/dn_div.png); }
.m-dn_main { left: 2.1375rem; top: 14.7750rem; width: 6.5125rem; height: 1.4500rem; background-image: url(assets/ui/m/dn_main.png); }
.m-dn_main:active, .m-dn_main.down { background-image: url(assets/ui/m/dn_main_down.png); }
.m-dn_main_t { left: 1.6500rem; top: 0.2875rem; width: 3.2750rem; height: 0.8375rem; background-image: url(assets/ui/m/dn_main_t.png); filter: drop-shadow(0 .025rem .01rem rgba(140,40,30,.55)); }
.m-dn_scroll { left: 2.2000rem; top: 16.4625rem; width: 3.0000rem; height: 0.9875rem; background-image: url(assets/ui/m/dn_scroll.png); filter: drop-shadow(0 .03rem .04rem rgba(170,110,90,.3)); }
.m-dn_scroll:active, .m-dn_scroll.down { background-image: url(assets/ui/m/dn_scroll_down.png); }
.m-dn_scroll_i { left: 0.5625rem; top: 0.1750rem; width: 0.6250rem; height: 0.6500rem; background-image: url(assets/ui/m/dn_scroll_i.png); filter: drop-shadow(0 0 .015rem #FFFFFF) drop-shadow(0 0 .03rem #FFFDF8) drop-shadow(0 0 .03rem #FFFDF8) drop-shadow(0 0 .05rem rgba(255,253,248,.8)); }
.m-dn_scroll_t { left: 1.4125rem; top: 0.2375rem; width: 0.9625rem; height: 0.5125rem; background-image: url(assets/ui/m/dn_scroll_t.png); filter: drop-shadow(0 0 .015rem #FFFFFF) drop-shadow(0 0 .03rem #FFFDF8) drop-shadow(0 0 .03rem #FFFDF8) drop-shadow(0 0 .05rem rgba(255,253,248,.8)); }
.m-dn_set { left: 5.5875rem; top: 16.4625rem; width: 3.0125rem; height: 0.9875rem; background-image: url(assets/ui/m/dn_set.png); filter: drop-shadow(0 .03rem .04rem rgba(170,110,90,.3)); }
.m-dn_set:active, .m-dn_set.down { background-image: url(assets/ui/m/dn_set_down.png); }
.m-dn_set_i { left: 0.6500rem; top: 0.1750rem; width: 0.6250rem; height: 0.6250rem; background-image: url(assets/ui/m/dn_set_i.png); filter: drop-shadow(0 0 .015rem #FFFFFF) drop-shadow(0 0 .03rem #FFFDF8) drop-shadow(0 0 .03rem #FFFDF8) drop-shadow(0 0 .05rem rgba(255,253,248,.8)); }
.m-dn_set_t { left: 1.4250rem; top: 0.2625rem; width: 0.9625rem; height: 0.4750rem; background-image: url(assets/ui/m/dn_set_t.png); filter: drop-shadow(0 0 .015rem #FFFFFF) drop-shadow(0 0 .03rem #FFFDF8) drop-shadow(0 0 .03rem #FFFDF8) drop-shadow(0 0 .05rem rgba(255,253,248,.8)); }
.m-dn_progdeco { left: 2.2500rem; top: 17.7875rem; width: 6.3125rem; height: 0.4000rem; background-image: url(assets/ui/m/dn_progdeco.png); }
.m-ld_logo { left: 1.8625rem; top: 1.5375rem; width: 7.1250rem; height: 2.1250rem; background-image: url(assets/ui/m/ld_logo.png); }
.m-ld_seal { left: 8.2000rem; top: 3.0875rem; width: 0.6000rem; height: 0.8500rem; background-image: url(assets/ui/m/ld_seal.png); }
.m-ld_div { left: 3.8000rem; top: 3.5125rem; width: 3.2125rem; height: 0.3750rem; background-image: url(assets/ui/m/ld_div.png); }
.m-ld_sub { left: 3.1875rem; top: 3.9250rem; width: 4.4500rem; height: 0.3500rem; background-image: url(assets/ui/m/ld_sub.png); }
.m-ld_bar { left: 0.2875rem; top: 15.7375rem; width: 10.2250rem; height: 2.1250rem; background-image: url(assets/ui/m/ld_bar.png); }
.m-ld_fill { left: 1.5500rem; top: 16.0750rem; width: 3.4500rem; height: 0.5750rem; background: url(assets/ui/m/ld_fill.png) left top/auto 100% no-repeat; border-radius: .28rem; }
.m-ld_crane { left: 5.2000rem; top: 15.8875rem; width: 0.8625rem; height: 0.8000rem; background-image: url(assets/ui/m/ld_crane.png); filter: drop-shadow(0 .03rem .03rem rgba(160,90,40,.35)); }
.m-ld_tipdeco { left: 2.3625rem; top: 17.2750rem; width: 6.0750rem; height: 0.3375rem; background-image: url(assets/ui/m/ld_tipdeco.png); }
.m-tz_label { left: 2.4750rem; top: 8.8250rem; width: 5.8500rem; height: 1.0125rem; background-image: url(assets/ui/m/tz_label.png); }
.m-tz_label_t { left: 1.0000rem; top: 0.2375rem; width: 3.8125rem; height: 0.5250rem; background-image: url(assets/ui/m/tz_label_t.png); filter: drop-shadow(0 0 .015rem #FFFFFF) drop-shadow(0 0 .03rem #FFFDF8) drop-shadow(0 0 .03rem #FFFDF8) drop-shadow(0 0 .05rem rgba(255,253,248,.8)); }
.m-tz_daixu { left: 3.5375rem; top: 12.1625rem; width: 3.5750rem; height: 1.8250rem; background-image: url(assets/ui/m/tz_daixu.png); }
.m-tz_seal { left: 7.3125rem; top: 13.4250rem; width: 0.5500rem; height: 0.6625rem; background-image: url(assets/ui/m/tz_seal.png); }
.m-hd_pause { left: 0.4625rem; top: 0.5000rem; width: 0.9500rem; height: 0.9375rem; background-image: url(assets/ui/m/hd_pause.png); }
.m-hd_pause:active, .m-hd_pause.down { background-image: url(assets/ui/m/hd_pause_down.png); }
.m-hd_chip { left: 1.4750rem; top: 0.5250rem; width: 2.8250rem; height: 0.8125rem; background-image: url(assets/ui/m/hd_chip.png); }
.m-hd_hint { left: 9.4250rem; top: 0.4750rem; width: 0.9500rem; height: 0.9500rem; background-image: url(assets/ui/m/hd_hint.png); }
.m-hd_hint:active, .m-hd_hint.down { background-image: url(assets/ui/m/hd_hint_down.png); }
.m-hd_hand { left: 9.1250rem; top: 7.2375rem; width: 1.6750rem; height: 2.0500rem; background-image: url(assets/ui/m/hd_hand.png); }
.m-hd_dia_on { left: 4.2000rem; top: 17.9000rem; width: 0.5375rem; height: 0.5375rem; background-image: url(assets/ui/m/hd_dia_on.png); filter: drop-shadow(0 0 .06rem rgba(255,190,70,.9)); }
.m-hd_dia_off { left: 5.4625rem; top: 17.9125rem; width: 0.5125rem; height: 0.5125rem; background-image: url(assets/ui/m/hd_dia_off.png); }
.m-hd_dia_hollow { left: 5.5125rem; top: 17.7250rem; width: 0.4250rem; height: 0.4125rem; background-image: url(assets/ui/m/hd_dia_hollow.png); }
.m-hd_dia_full { left: 3.7625rem; top: 16.7750rem; width: 0.7375rem; height: 0.7375rem; background-image: url(assets/ui/m/hd_dia_full.png); filter: drop-shadow(0 0 .1rem rgba(255,200,80,.95)); }
.m-ad_seal { left: 6.7375rem; top: 1.5625rem; width: 0.7625rem; height: 0.8500rem; background-image: url(assets/ui/m/ad_seal.png); }
.m-ad_free { left: 4.0750rem; top: 15.9625rem; width: 2.7000rem; height: 0.4250rem; background-image: url(assets/ui/m/ad_free.png); }
.m-ad_deco { left: 3.8375rem; top: 16.4375rem; width: 3.2500rem; height: 0.3250rem; background-image: url(assets/ui/m/ad_deco.png); }
.m-ad_btn { left: 2.9125rem; top: 16.8125rem; width: 4.9750rem; height: 1.4250rem; background-image: url(assets/ui/m/ad_btn.png); }
.m-ad_btn:active, .m-ad_btn.down { background-image: url(assets/ui/m/ad_btn_down.png); }
.m-ad_btn_t { left: 1.6875rem; top: 0.3375rem; width: 1.6125rem; height: 0.7750rem; background-image: url(assets/ui/m/ad_btn_t.png); filter: drop-shadow(0 .025rem .01rem rgba(140,40,30,.55)); }
.m-rs_topdeco { left: 4.4000rem; top: 1.0000rem; width: 2.0125rem; height: 0.3000rem; background-image: url(assets/ui/m/rs_topdeco.png); }
.m-rs_subdeco { left: 2.4875rem; top: 3.2375rem; width: 5.8250rem; height: 0.3125rem; background-image: url(assets/ui/m/rs_subdeco.png); }
.m-rs_scroll { left: 0.0000rem; top: 4.2750rem; width: 10.8000rem; height: 9.0500rem; background-image: url(assets/ui/m/rs_scroll.png); }
.m-rs_tool { left: 9.2875rem; top: 9.3500rem; width: 0.7875rem; height: 0.7500rem; background-image: url(assets/ui/m/rs_tool.png); }
.m-rs_sign { left: 7.7625rem; top: 9.0000rem; width: 0.3625rem; height: 0.6625rem; background-image: url(assets/ui/m/rs_sign.png); }
.m-rs_cheng { left: 8.0125rem; top: 9.9125rem; width: 2.1500rem; height: 2.4000rem; background-image: url(assets/ui/m/rs_cheng.png); }
.m-rs_yiqi { left: 6.9875rem; top: 11.0625rem; width: 1.0250rem; height: 1.0875rem; background-image: url(assets/ui/m/rs_yiqi.png); }
.m-rs_nextdeco { left: 1.3000rem; top: 14.6500rem; width: 8.2000rem; height: 0.4000rem; background-image: url(assets/ui/m/rs_nextdeco.png); }
.m-rs_next { left: 2.6000rem; top: 14.1750rem; width: 5.6000rem; height: 1.4625rem; background-image: url(assets/ui/m/rs_next.png); }
.m-rs_next:active, .m-rs_next.down { background-image: url(assets/ui/m/rs_next_down.png); }
.m-rs_next_t { left: 1.6125rem; top: 0.2375rem; width: 2.4125rem; height: 0.9000rem; background-image: url(assets/ui/m/rs_next_t.png); filter: drop-shadow(0 .025rem .01rem rgba(140,40,30,.55)); }
.m-rs_again { left: 1.7625rem; top: 15.9750rem; width: 3.5000rem; height: 1.1375rem; background-image: url(assets/ui/m/rs_again.png); }
.m-rs_again:active, .m-rs_again.down { background-image: url(assets/ui/m/rs_again_down.png); }
.m-rs_again_t { left: 1.1500rem; top: 0.2500rem; width: 1.1500rem; height: 0.6125rem; background-image: url(assets/ui/m/rs_again_t.png); filter: drop-shadow(0 0 .015rem #FFFFFF) drop-shadow(0 0 .03rem #FFFDF8) drop-shadow(0 0 .03rem #FFFDF8) drop-shadow(0 0 .05rem rgba(255,253,248,.8)); }
.m-rs_home { left: 5.5625rem; top: 15.9750rem; width: 3.5000rem; height: 1.1250rem; background-image: url(assets/ui/m/rs_home.png); }
.m-rs_home:active, .m-rs_home.down { background-image: url(assets/ui/m/rs_home_down.png); }
.m-rs_home_t { left: 0.9750rem; top: 0.2625rem; width: 1.6375rem; height: 0.5875rem; background-image: url(assets/ui/m/rs_home_t.png); filter: drop-shadow(0 0 .015rem #FFFFFF) drop-shadow(0 0 .03rem #FFFDF8) drop-shadow(0 0 .03rem #FFFDF8) drop-shadow(0 0 .05rem rgba(255,253,248,.8)); }
.m-sc_title { left: 3.2500rem; top: 0.7375rem; width: 4.2500rem; height: 1.6125rem; background-image: url(assets/ui/m/sc_title.png); }
.m-sc_seal { left: 7.5250rem; top: 1.5125rem; width: 0.5000rem; height: 0.7375rem; background-image: url(assets/ui/m/sc_seal.png); }
.m-sc_progdeco { left: 2.6375rem; top: 2.4875rem; width: 5.5500rem; height: 0.2875rem; background-image: url(assets/ui/m/sc_progdeco.png); }
.m-sc_scroll { left: 0.0000rem; top: 2.7125rem; width: 10.8000rem; height: 14.9750rem; background-image: url(assets/ui/m/sc_scroll.png); }
.m-sc_segseal { left: 9.1000rem; top: 5.7375rem; width: 0.4750rem; height: 0.5625rem; background-image: url(assets/ui/m/sc_segseal.png); }
.m-sc_vl { left: 8.0875rem; top: 4.1000rem; width: 0.2000rem; height: 2.0000rem; background-image: url(assets/ui/m/sc_vl.png); }
.m-sc_div { left: 1.0375rem; top: 6.3125rem; width: 8.7375rem; height: 0.3500rem; background-image: url(assets/ui/m/sc_div.png); }
.m-sc_lock { left: 4.7375rem; top: 14.9875rem; width: 1.3375rem; height: 1.1500rem; background-image: url(assets/ui/m/sc_lock.png); }
.m-sc_locktxt { left: 4.1625rem; top: 16.0625rem; width: 2.4875rem; height: 0.6250rem; background-image: url(assets/ui/m/sc_locktxt.png); filter: drop-shadow(0 0 .015rem #FFFFFF) drop-shadow(0 0 .03rem #FFFDF8) drop-shadow(0 0 .03rem #FFFDF8) drop-shadow(0 0 .05rem rgba(255,253,248,.8)); }
.m-sc_foot { left: 4.3250rem; top: 17.7500rem; width: 2.1750rem; height: 0.4250rem; background-image: url(assets/ui/m/sc_foot.png); }
.m-sc_footdeco { left: 2.9750rem; top: 17.8125rem; width: 4.9375rem; height: 0.3750rem; background-image: url(assets/ui/m/sc_footdeco.png); }
.m-ed_title { left: 3.5375rem; top: 0.3375rem; width: 3.7500rem; height: 0.6375rem; background-image: url(assets/ui/m/ed_title.png); }
.m-ed_deco { left: 1.8375rem; top: 0.5375rem; width: 6.8250rem; height: 0.3125rem; background-image: url(assets/ui/m/ed_deco.png); }
.m-ed_scroll { left: 1.4750rem; top: 0.9250rem; width: 7.8500rem; height: 14.8500rem; background-image: url(assets/ui/m/ed_scroll.png); }
.m-ed_dia { left: 6.4875rem; top: 2.9625rem; width: 0.2000rem; height: 0.2500rem; background-image: url(assets/ui/m/ed_dia.png); }
.m-ed_vl { left: 6.4625rem; top: 1.6750rem; width: 0.2000rem; height: 1.5375rem; background-image: url(assets/ui/m/ed_vl.png); }
.m-ed_c1 { left: 2.3125rem; top: 15.8125rem; width: 6.1875rem; height: 0.8875rem; background-image: url(assets/ui/m/ed_c1.png); }
.m-ed_c1_t { left: 1.6125rem; top: 0.1875rem; width: 2.9250rem; height: 0.4750rem; background-image: url(assets/ui/m/ed_c1_t.png); filter: drop-shadow(0 0 .015rem #FFFFFF) drop-shadow(0 0 .03rem #FFFDF8) drop-shadow(0 0 .03rem #FFFDF8) drop-shadow(0 0 .05rem rgba(255,253,248,.8)); }
.m-ed_c2 { left: 2.2500rem; top: 16.7375rem; width: 6.3000rem; height: 0.9375rem; background-image: url(assets/ui/m/ed_c2.png); }
.m-ed_c2_t { left: 1.5000rem; top: 0.2000rem; width: 3.3750rem; height: 0.5250rem; background-image: url(assets/ui/m/ed_c2_t.png); filter: drop-shadow(0 0 .015rem #FFFFFF) drop-shadow(0 0 .03rem #FFFDF8) drop-shadow(0 0 .03rem #FFFDF8) drop-shadow(0 0 .05rem rgba(255,253,248,.8)); }
.m-ed_c3 { left: 2.3125rem; top: 17.7500rem; width: 6.1750rem; height: 0.8500rem; background-image: url(assets/ui/m/ed_c3.png); }
.m-ed_c3_t { left: 1.5375rem; top: 0.1625rem; width: 3.1250rem; height: 0.4875rem; background-image: url(assets/ui/m/ed_c3_t.png); filter: drop-shadow(0 0 .015rem #FFFFFF) drop-shadow(0 0 .03rem #FFFDF8) drop-shadow(0 0 .03rem #FFFDF8) drop-shadow(0 0 .05rem rgba(255,253,248,.8)); }