:root{--bg:#0f081a;--bg2:#2d1b4d;--text:#f5f2ff;--muted:#c9bde6;--accent:#7c3aed;--accent2:#6366f1}*{box-sizing:border-box}body{background:radial-gradient(circle at center, var(--bg2) 0%, var(--bg) 100%);color:var(--text);margin:0;font-family:PingFang SC,Microsoft YaHei,sans-serif}#app{min-height:100vh}.app-shell{background:linear-gradient(#2b1848 0%,#120a1e 100%);max-width:430px;min-height:100vh;margin:0 auto}.screen{min-height:100vh;padding:18px 16px 92px}.screen.arrange{padding-left:8px;padding-right:8px}.arrange,.arrange *{-webkit-user-select:none;user-select:none}.arrange{-webkit-touch-callout:none}.glass-card{-webkit-backdrop-filter:blur(12px);background:#ffffff0d;border:1px solid #ffffff1a;box-shadow:0 8px 32px #0000005e}.text-protection{text-shadow:0 2px 4px #000c}h1,h2,h3,p{margin:0}h2{margin:16px 0 14px;font-size:22px}h3{color:#d7c8ff;margin:12px 0 8px;font-size:15px}.primary-btn,.secondary-btn{color:#fff;border:none;border-radius:14px;height:48px;padding:0 20px;font-size:16px}.primary-btn{background:linear-gradient(90deg, var(--accent), var(--accent2))}.secondary-btn{background:#ffffff1a;border:1px solid #ffffff2e}.glow-button{transition:all .3s;box-shadow:0 0 15px #8b5cf64d}.primary-btn.sticky{width:min(398px,100% - 32px);position:fixed;bottom:16px;left:50%;transform:translate(-50%)}.progress-head{color:#d1c1f8;border-radius:14px;justify-content:space-between;align-items:center;gap:12px;padding:12px;font-size:13px;display:flex}.progress-track{background:#ffffff21;border-radius:999px;flex:1;height:6px;overflow:hidden}.progress-fill{background:linear-gradient(90deg,#8b5cf6,#a855f7);border-radius:999px;height:100%;box-shadow:0 0 8px #a855f7}.pair-row{margin-bottom:14px}.pair-index{text-align:center;color:#d3c7ef;margin-bottom:8px}.pair-options{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.plain-btn{-webkit-tap-highlight-color:transparent;touch-action:manipulation;background:0 0;border:none;padding:0}.plain-btn:focus,.plain-btn:focus-visible,.gender-btn:focus,.gender-btn:focus-visible,.record-item:focus,.record-item:focus-visible{box-shadow:none;outline:none}.card-face{color:#fff;touch-action:manipulation;border:1px solid #0000;border-radius:18px;width:100%;min-height:120px;padding:10px;position:relative;overflow:hidden}.card-img{object-fit:cover;z-index:0;width:100%;height:100%;image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges;backface-visibility:hidden;position:absolute;inset:0;transform:translateZ(0)}.card-face.has-image{-webkit-backdrop-filter:none;box-shadow:none;background:0 0}.card-face.has-image .card-top,.card-face.has-image .card-title,.card-face.has-image .tint-layer{display:none}.card-face.compact{aspect-ratio:4000/2664;border-radius:14px;min-height:0}.tint-layer{opacity:.17;position:absolute;inset:0}.suit-zhuque .tint-layer{background:#ef4444}.suit-xuanwu .tint-layer{background:#3b82f6}.suit-baihu .tint-layer{background:#eab308}.suit-qinglong .tint-layer{background:#22c55e}.card-face.selected{border-color:#fff;box-shadow:0 0 0 3px #ffffffd1,0 0 10px #ffffff59}.card-top,.card-title{z-index:1;position:relative}.card-top{justify-content:space-between;font-size:11px;display:flex}.code{opacity:.8;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.card-title{text-align:center;margin-top:20px;font-size:20px;font-weight:700}.card-face.compact .card-title{margin-top:10px;font-size:14px}.hint{color:var(--muted);margin-bottom:12px;line-height:1.5}.result-area{background:#ffffff0a;border:1px solid #ffffff1a;border-radius:14px;padding:6px}.slots-grid,.pool-grid{grid-template-columns:repeat(4,1fr);gap:5px;display:grid}.slot{aspect-ratio:4000/2664;background:#ffffff17;border:1px dashed #ffffff38;border-radius:12px;place-items:center;min-height:0;padding:0;display:grid;overflow:hidden}.placeholder{color:#c6b9df;font-size:12px}.pool-title{color:#ddd0fb;margin:10px 0 6px}.draggable-wrap,.slot>div{touch-action:none;cursor:grab;width:100%}.draggable-wrap:active,.slot>div:active{cursor:grabbing}.action-row{grid-template-columns:1fr 1fr;gap:8px;margin-top:14px;display:grid}.drag-layer{pointer-events:none;z-index:9999;opacity:.92;width:calc(25vw - 14px);max-width:95px;position:fixed;transform:translate(-50%,-50%)}.modal-mask{background:#000000a6;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.modal{background:#1e142efa;border:1px solid #ffffff29;border-radius:16px;width:100%;max-width:420px;padding:16px}.modal p{color:#c5b7e2;margin:8px 0}.home{place-items:center;display:grid}.hero-card{text-align:center;letter-spacing:2px;color:#fff;text-shadow:0 2px 6px #0009;cursor:pointer;background:linear-gradient(135deg,#f08f7a 0%,#d44a4b 45%,#8e223b 100%);border:1px solid #ffffff38;border-radius:22px;width:88%;max-width:360px;padding:56px 16px;font-size:34px;font-weight:700;box-shadow:0 16px 36px #00000073,0 0 24px #d44a4b59}.hero-card:active{transform:scale(.99)}.top-bar{align-items:center;margin-bottom:10px;display:flex}.back-btn{color:#efe7ff;background:#ffffff14;border:1px solid #ffffff38;border-radius:10px;padding:8px 14px;font-size:14px}.action-row-3{grid-template-columns:1fr 1fr 1.2fr}.page-indicator{color:#d3c7ef;margin-bottom:10px;font-size:13px}.action-row-select{grid-template-columns:1fr 1fr;margin-top:18px}button:disabled{opacity:.45}.action-row-2{grid-template-columns:1fr;margin-top:8px}.screenshot-mask{z-index:10000;background:#000;padding:0}.screenshot-panel{background:#161024;border:1px solid #fff3;border-radius:16px;width:min(96vw,1100px);max-height:92vh;padding:12px;overflow:auto}.screenshot-head{justify-content:space-between;align-items:center;gap:8px;margin-bottom:6px;display:flex}.screenshot-tip{color:#cdbef1;margin-bottom:10px;font-size:13px}.tiny-btn{height:34px;padding:0 12px;font-size:13px}.screenshot-loading{color:#d7c7ff;z-index:2;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.screenshot-img{max-width:none;display:block}.screenshot-stage{place-items:center;padding:0;display:grid;position:fixed;inset:0;overflow:hidden}.screenshot-img-rotated{object-fit:cover;transform-origin:50%;width:100vh;max-width:none;height:auto;max-height:none;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)rotate(90deg)scale(.79)}.screenshot-back{z-index:3;position:fixed;top:12px;left:12px}.screenshot-refresh{z-index:3;position:fixed;top:12px;right:12px}.screenshot-board{background:radial-gradient(circle,#2d1b4d 0%,#0f081a 100%);border-radius:14px;width:100%;min-width:900px;padding:12px}.screenshot-grid{gap:10px}.screenshot-slot{background:#ffffff0f;border-style:solid;border-color:#ffffff47}.screenshot-render-root{pointer-events:none;width:1280px;position:fixed;top:-99999px;left:-99999px}.screenshot-render-board{background:radial-gradient(circle,#2d1b4d 0%,#0f081a 100%);border-radius:14px;width:1280px;padding:18px}.home-meta{color:#d9ccfa;margin-top:14px;font-size:13px}.home-admin-btn{min-width:160px;margin-top:10px}.admin-screen{padding-top:16px}.admin-version{color:#d1c4ef;margin-bottom:14px}.admin-card-list{gap:10px;display:grid}.admin-card{text-align:left;color:#fff;background:#ffffff14;border:1px solid #fff3;border-radius:14px;padding:14px}.admin-card-title{font-size:17px;font-weight:700}.admin-card-desc{color:#d2c7ee;margin-top:6px;font-size:13px}.admin-card.disabled{opacity:.6}.log-list{gap:10px;display:grid}.log-card{background:#ffffff14;border:1px solid #fff3;border-radius:14px;padding:14px}.log-head{justify-content:space-between;align-items:center;display:flex}.log-version{color:#f3ecff;font-weight:700}.log-date{color:#d4c7f2;font-size:12px}.log-title{color:#efe7ff;margin-top:8px;font-weight:600}.log-items{color:#ddd1f8;margin:8px 0 0;padding-left:20px;line-height:1.7}.profile-screen{gap:14px;display:grid}.invite-tip{color:#d8cbf4;margin-top:-6px;font-size:13px}.profile-form{border-radius:14px;padding:14px}.form-label{color:#dfd3fa;margin-bottom:8px;display:block}.form-input{color:#fff;background:#ffffff14;border:1px solid #fff3;border-radius:10px;width:100%;height:42px;margin-bottom:12px;padding:0 12px;font-size:16px}.gender-row{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.gender-btn{color:#efe6ff;background:#ffffff14;border:1px solid #fff3;border-radius:10px;height:40px}.gender-btn.active{background:#fff3;border-color:#fff}.filter-panel{border-radius:14px;margin-bottom:10px;padding:12px}.record-list{gap:8px;display:grid}.record-item{color:#fff;text-align:left;background:#ffffff0f;border:1px solid #fff3;border-radius:12px;padding:10px}.record-main,.record-sub{justify-content:space-between;gap:8px;font-size:13px;display:flex}.record-sub{color:#cbbde9;margin-top:6px;font-size:12px}.detail-head{color:#dfd1fb;border-radius:12px;gap:4px;margin-bottom:10px;padding:10px;display:grid}.empty-tip{color:#d7caef;text-align:center;padding:16px 0}.action-row-4{grid-template-columns:1fr 1fr}.brand-logo-home{z-index:20;opacity:.95;width:110px;height:auto;position:fixed;top:10px;left:12px}.brand-watermark{opacity:.08;z-index:0;pointer-events:none;width:min(78vw,320px);position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.app-version{color:#ffffff8f;z-index:30;pointer-events:none;font-size:12px;position:fixed;bottom:6px;left:50%;transform:translate(-50%)}