/* 前台 UI（front_ui v1.1 素材）。9宫格 border-image 由 js/front_ui.js 按 front_ui.json 生成 */
.fu-load{position:fixed;inset:0;z-index:9999;background:#0a0606;color:#f0d080;font:14px "Noto Serif SC","Microsoft YaHei",serif}
.fu-load-bg,.fu-bgk,.fu-bgb{background-color:#0a0606;background-size:cover;background-position:center}
.fu-load-bg{position:absolute;inset:0;background-position:center top!important}
.fu-load .fu-logo{display:none}
.fu-bar{position:absolute;left:50%;bottom:max(46px,13vh);transform:translateX(-50%);width:min(62vw,560px);height:26px;box-sizing:border-box}
.fu-bar-track{position:absolute;left:24px;right:24px;top:50%;height:12px;margin-top:-6px;border-width:5px!important;box-sizing:border-box;overflow:visible}
.fu-bar-fill{position:absolute;left:0;top:0;bottom:0;height:auto!important;min-width:10px;border-width:4px!important;box-sizing:border-box;transition:width .2s}
.fu-glow{position:absolute;right:-24px;top:50%;width:48px;height:32px;margin-top:-16px;mix-blend-mode:screen;pointer-events:none}
.fu-tip{position:absolute;left:50%;bottom:max(12px,3.5vh);transform:translateX(-50%);min-width:min(70vw,600px);box-sizing:border-box;padding:0 12px;line-height:14px;text-align:center;font-size:12px;color:#f3dca0;white-space:nowrap}
.fu-scr{position:fixed;inset:0;z-index:9000;color:#f3dca0;font-family:"Noto Serif SC","Microsoft YaHei",serif;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);box-sizing:border-box}
.fu-scr button{font-family:inherit;color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}
.fu-logo-c{position:absolute;left:calc(env(safe-area-inset-left) + 3vw);top:3vh;height:34vh;width:auto;pointer-events:none}
.fu-lp{position:absolute;right:calc(env(safe-area-inset-right) + 6vw);top:50%;transform:translateY(-46%);width:min(44vw,380px);box-sizing:border-box;padding:6px 6px 2px;display:flex;flex-direction:column;gap:8px}
.fu-tt{align-self:center;margin-top:-22px;height:34px;line-height:24px;min-width:150px;box-sizing:border-box;text-align:center;font-size:16px;font-weight:700;letter-spacing:6px;color:#ffe2a0}
.fu-in{display:flex;align-items:center;height:44px;box-sizing:border-box;gap:6px}
.fu-in img{width:22px;height:22px}
.fu-in input{flex:1;min-width:0;background:none;border:0;outline:0;color:#ffe9b8;font:15px inherit;font-family:inherit;height:100%}
.fu-row{display:flex;align-items:center;justify-content:space-between;font-size:12px}
.fu-ck{display:flex;align-items:center;gap:6px;background:none;border:0;min-height:44px;padding:0;font-size:13px}
.fu-ck img{width:22px;height:22px}
.fu-note{opacity:.7}
.fu-srv{display:flex;align-items:center;gap:8px;min-height:44px;box-sizing:border-box;font-size:14px;text-align:left}
.fu-srv img{width:14px;height:14px}.fu-srv span{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fu-srv em{font-style:normal;color:#ffd070;font-size:13px}
.fu-go{min-height:52px;box-sizing:border-box;font-size:19px;font-weight:700;letter-spacing:6px;color:#ffe9b8;text-shadow:0 1px 2px #000}
.fu-foot{position:absolute;left:0;right:0;bottom:calc(env(safe-area-inset-bottom) + 4px);text-align:center;font-size:10px;opacity:.75;pointer-events:none}
.fu-back{position:absolute;left:calc(env(safe-area-inset-left) + 10px);top:8px;width:48px;height:48px;padding:0;border:0;background:none;z-index:5}
.fu-back img{width:100%;height:100%}
.fu-h{text-align:center;font-size:18px;font-weight:700;letter-spacing:6px;margin-top:16px}
.fu-tabs{display:flex;justify-content:center;gap:10px;margin-top:8px}
.fu-tab{min-width:120px;min-height:44px;font-size:14px;box-sizing:border-box}
.fu-list{width:min(70vw,560px);margin:8px auto 0;max-height:52vh;overflow-y:auto;display:flex;flex-direction:column;gap:6px}
.fu-item{display:flex;align-items:center;gap:10px;min-height:44px;box-sizing:border-box;font-size:15px;text-align:left}
.fu-item[disabled]{opacity:.5}.fu-item img{width:14px;height:14px}.fu-item span{flex:1}.fu-item .fu-bd{width:36px;height:19px}
.fu-sn{text-align:center;font-size:11px;opacity:.7;margin-top:6px}
/* 创角换皮 */
.class-select.fu-create{background-color:#0a0606}
.class-select.fu-create .class-select-inner{background:none!important;border:0!important;box-shadow:none!important;max-width:none!important;width:100%!important;height:100%;max-height:none!important;padding:4px calc(env(safe-area-inset-right) + 10px) 4px calc(env(safe-area-inset-left) + 10px)!important;box-sizing:border-box;display:flex;flex-direction:column;overflow:hidden}
.class-select.fu-create h2{margin:6px 0 0!important;font-size:18px!important;letter-spacing:8px;color:#ffe2a0}
.class-select.fu-create .class-select-sub{margin:0!important;font-size:10px!important}
.class-select.fu-create .art-credit{display:none}
.fu-create #p0-create{flex:1;display:flex;flex-direction:column;min-height:0}
.fu-create .pc-cls{flex:1;min-height:0;display:flex!important;justify-content:center;gap:4vw;padding:4px 0}
.fu-card{position:relative;height:100%!important;aspect-ratio:440/760;width:auto!important;padding:0!important;border:0!important;background:none!important;box-shadow:none!important;flex:0 0 auto;transition:transform .15s}
.fu-card.on{transform:scale(1.04)}
.fu-cbg,.fu-por{position:absolute;left:6.4%;top:3.7%;width:87.3%;height:76.6%;background-size:cover;object-fit:cover;object-position:top}
.fu-frm{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.fu-frm.s{inset:-3.2% -5.5%;width:111%;height:106.4%;display:none}.fu-card.on .fu-frm.s{display:block}.fu-card.on .fu-frm.n{display:none}
.fu-np{position:absolute;left:7%;right:7%;top:83%;height:12.6%;display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:1.1}
.fu-np img{position:absolute;left:2%;top:50%;transform:translateY(-50%);height:80%;width:auto}
.fu-np b{font-size:15px!important;color:#ffe9b8;letter-spacing:4px}.fu-np i{font-style:normal;font-size:10px!important;opacity:.85;white-space:nowrap}
.fu-create .pc-row{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:4px}
.fu-create .pc-g{width:48px!important;height:48px!important;min-width:48px;padding:0!important;border:0!important;background:none!important}
.fu-create .pc-g img{width:100%;height:100%}
.fu-create #pc-name.n-name{height:44px;box-sizing:border-box;width:min(30vw,240px)!important;flex:0 0 auto!important;color:#ffe9b8;font-size:15px;outline:0;padding:0}
.fu-create .pc-dice{width:44px!important;height:44px!important;padding:0!important;border:0!important;background:none!important}.fu-create .pc-dice img{width:100%;height:100%}
.fu-create .pc-msg{text-align:center;font-size:11px!important;min-height:13px;margin:0!important}
.fu-create .pc-go{position:absolute;right:calc(env(safe-area-inset-right) + 12px);bottom:calc(env(safe-area-inset-bottom) + 8px);width:150px!important;min-height:50px!important;box-sizing:border-box;font-size:17px!important;letter-spacing:4px;color:#ffe9b8!important;margin:0!important}
.fu-create .pc-go[disabled]{filter:grayscale(.7) brightness(.7)}
.fu-create .pc-test{position:absolute;left:calc(env(safe-area-inset-left) + 12px);bottom:calc(env(safe-area-inset-bottom) + 8px);width:auto!important;min-height:44px!important;font-size:12px!important;padding:0 6px!important;margin:0!important;box-sizing:border-box}