.mall-page{color:var(--ink,#25334b);font-size:14px}.mall-page h2,.mall-dialog h2{font-size:17px;margin:0}.mall-page button{font:inherit}.mall-student{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;background:#fff;border:1px solid var(--line,#e2e7ee);border-radius:14px}.mall-student small{display:block;font-size:11px;color:var(--muted,#7a8595)}.mall-student strong{font-size:21px;display:block;margin-top:3px}.mall-student-level{font-size:11px;color:#9a661f;background:#fff4df;border-radius:99px;padding:7px 10px;white-space:nowrap}.mall-credit{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin:12px 0 15px}.mall-credit>span{background:#fff;border:1px solid var(--line,#e2e7ee);border-radius:11px;text-align:center;padding:12px 4px}.mall-credit small{display:block;font-size:11px;color:var(--muted,#7a8595)}.mall-credit strong{display:block;font-size:24px;margin-top:4px;color:#a66321}.mall-credit strong.mall-negative{color:#ab4b3d}.mall-tabs,.mall-pool-tabs{display:flex;padding:4px;gap:4px;border-radius:12px;background:#eef1f5;margin-bottom:15px}.mall-tabs button,.mall-pool-tabs button{flex:1;background:transparent;color:#6c7889;border-radius:9px;min-height:40px;font-size:12px;padding:7px 3px}.mall-tabs button[aria-pressed=true],.mall-pool-tabs button[aria-pressed=true]{color:#26364b;background:#fff;box-shadow:0 2px 8px #24344b0a;font-weight:700}.mall-card{padding:16px;background:#fff;border:1px solid var(--line,#e2e7ee);border-radius:14px;margin-bottom:14px}.mall-card summary{cursor:pointer;font-weight:600;min-height:28px;line-height:28px}.mall-card[open]>summary{margin-bottom:14px}.mall-hint{font-size:11px;line-height:1.7;color:var(--muted,#7a8595);margin:8px 0 12px}.mall-level{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}.mall-level span{font-size:12px;color:#875c1d;font-weight:700}.mall-level small{font-size:10px;color:var(--muted,#7a8595)}.mall-role-stage{text-align:center;overflow:hidden;background:linear-gradient(160deg,#f6fafc,#fffaf0)}.mall-avatar-stage{height:400px;display:flex;justify-content:center;align-items:center;position:relative;overflow:hidden}.mall-role-stage>.primary{margin-top:12px}.mall-actions{display:flex;gap:10px;margin:12px 0}.mall-actions button{flex:1;min-width:0;margin:0}.mall-role-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-top:12px}.mall-role-option{min-width:0;border:1px solid #e5eaf0;background:#f8fafc;border-radius:12px;padding:8px 5px 11px}.mall-role-option.selected{border-color:#bc7429;background:#fff7e9}.mall-role-option>[data-role-art]{display:flex;height:180px;align-items:center;justify-content:center;overflow:hidden}.mall-role-option strong,.mall-role-option small{display:block}.mall-role-option strong{font-size:13px}.mall-role-option small{font-size:10px;color:#7d8896;margin-top:4px}.mall-growth ol{padding:0;margin:10px 0;list-style:none}.mall-growth li{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:11px;color:#8b95a3;padding:10px 0;border-bottom:1px solid #eef1f5}.mall-growth li.unlocked{color:#9b6621}.mall-growth li span{white-space:nowrap;font-size:10px}.mall-section-title{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}.mall-section-title>small{font-size:11px;color:var(--muted,#7a8595)}.mall-filter{display:flex;gap:5px;flex-wrap:wrap;margin:13px 0}.mall-filter button{font-size:11px;min-height:34px;padding:6px 9px;background:#f3f5f8;color:#697689;border:1px solid transparent;border-radius:8px}.mall-filter button[aria-pressed=true]{background:#fff3df;border-color:#e4b86f;color:#9c681e}.mall-item-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.mall-item{position:relative;min-width:0;display:flex;flex-direction:column;align-items:center;border:1px solid #e4e9ee;border-radius:12px;background:#fafbfd;padding:8px 8px 12px;text-align:center;overflow:hidden;color:#2c3b50}.mall-item strong{font-size:12px;line-height:1.5;margin-top:3px}.mall-item small{font-size:10px;color:#7f8a98;line-height:1.5;margin-top:5px}.mall-item-art{height:110px;max-width:100%;display:flex;align-items:center;justify-content:center;overflow:hidden}.mall-quality{display:inline-block;font-size:10px;padding:3px 7px;border-radius:99px;background:#edf1f5;color:#7b8596;align-self:center;margin:3px 0}.rarity-rare{border-color:#b8c9e2}.rarity-epic{border-color:#d6c3e8}.rarity-rare .mall-quality,.mall-quality.rarity-rare{background:#e8f0fe;color:#4b6b9d}.rarity-epic .mall-quality,.mall-quality.rarity-epic{background:#f1eafa;color:#80589c}.mall-equipped-row{display:flex;gap:8px;align-items:center;border-bottom:1px solid #eef1f5;padding:9px 0;font-size:12px}.mall-equipped-row span{font-size:11px;color:#83909f;width:64px}.mall-equipped-row strong{flex:1;min-width:0;font-size:12px}.mall-pity{display:grid;grid-template-columns:1fr 1fr;gap:8px;background:#f7f9fc;border-radius:11px;padding:12px;margin:14px 0}.mall-pity small{font-size:10px;color:#7b8797;display:block}.mall-pity strong{display:block;font-size:21px;color:#a66923;margin-top:5px}.mall-closed{background:#f5f2eb;color:#8b754e;border:1px solid #ece2cf;padding:11px 12px;border-radius:10px;font-size:12px;line-height:1.6;margin:11px 0}.mall-ticket-form{display:flex;align-items:end;gap:10px;margin-top:15px;padding-top:15px;border-top:1px solid #edf0f5}.mall-ticket-form .field{flex:1;min-width:0;margin:0}.mall-ticket-form>.secondary{width:120px;margin:0;min-height:49px}.mall-ticket-form .field>span{font-size:11px}.mall-negative-note{font-size:11px;line-height:1.6;color:#a35d4c;margin-top:9px}.mall-result-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.mall-result{border:1px solid #e1e7ee;border-radius:11px;text-align:center;padding:5px 4px 10px;min-width:0}.mall-result .mall-item-art{height:90px}.mall-result strong,.mall-result small{display:block}.mall-result strong{font-size:12px}.mall-result small{font-size:10px;color:#8a7693;margin-top:5px}.mall-manage-link{display:block;font-size:12px;text-align:right;color:#9b6725;padding:5px 0 16px;text-decoration:none}.mall-opening p{font-size:12px;line-height:1.7}.mall-opening .field{margin-bottom:10px}.mall-dialog{border:1px solid #dde4ed;border-radius:18px;padding:18px;color:#26364b;background:#fff;width:calc(100% - 32px);max-width:390px;max-height:90dvh;overflow:auto;box-shadow:0 20px 80px #17283e35}.mall-dialog::backdrop{background:#17283e66}.mall-dialog .text-button{color:#79869a}.mall-dialog-preview{height:290px;overflow:hidden;display:flex;align-items:center;justify-content:center;background:#f7f9fc;border-radius:12px;margin:8px 0}.mall-dialog-actions{display:grid;gap:8px}.mall-dialog-actions button{margin:0}.mall-check{display:flex;align-items:center;gap:9px;font-size:12px;min-height:38px;line-height:1.6}.mall-check input{width:19px;height:19px;margin:0;accent-color:#ba752c;flex:none}.mall-check small{font-size:10px;color:#8592a0;margin-left:auto}.mall-admin-pool .field{margin-bottom:13px}.mall-probability-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.mall-probability-row .field>span{font-size:10px}.mall-probability-row .field input{padding:0 8px}.mall-pool-items{max-height:300px;overflow:auto;border:1px solid #edf0f5;border-radius:10px;padding:10px;margin:8px 0}.mall-pool-items legend{font-size:12px}.mall-admin-product{display:grid;grid-template-columns:80px minmax(0,1fr);gap:9px;padding:12px 0;border-bottom:1px solid #edf0f5}.mall-admin-product>.mall-item-art{height:85px}.mall-admin-product strong{display:block;font-size:13px}.mall-admin-product small{display:block;font-size:10px;color:#7f8b9a;line-height:1.6;margin:5px 0}.mall-admin-product>.form-row{grid-column:1/-1}.mall-admin-product .field{margin-bottom:0}.mall-admin-product .field>span{font-size:11px}.mall-page .error{font-size:12px;line-height:1.7;margin-bottom:12px}@media(max-width:360px){.mall-student{padding:12px}.mall-student strong{font-size:18px}.mall-student-level{font-size:10px;padding:6px 8px}.mall-card{padding:12px}.mall-avatar-stage{height:280px}.mall-role-option>[data-role-art]{height:125px}.mall-pity small{font-size:9px}.mall-ticket-form>.secondary{width:105px;padding:11px 8px}.mall-item-art{height:95px}}@media(prefers-reduced-motion:reduce){.mall-page *,.mall-dialog *{scroll-behavior:auto!important}}

.mall-avatar-stage>.mall-avatar,.mall-role-option>[data-role-art]>.mall-avatar,.mall-dialog-preview>.mall-avatar{flex:none}
.mall-action-error{color:#9c382d;background:#fff1ee;border:1px solid #f1c4bc;border-radius:9px;padding:10px 12px;margin:10px 0;font-size:12px;line-height:1.6;text-align:left;overflow-wrap:anywhere;scroll-margin-top:12px;scroll-margin-bottom:calc(90px + env(safe-area-inset-bottom,0px))}
.student-mall-entry{display:flex;align-items:center;gap:12px;padding:15px;background:#fff;border:1px solid var(--line);border-radius:13px;margin:12px 0 17px;color:var(--ink);text-decoration:none}.student-mall-entry>span:nth-child(2){flex:1;min-width:0}.student-mall-entry strong{display:block;font-size:14px}.student-mall-entry small{display:block;font-size:10px;color:var(--muted);margin-top:5px;line-height:1.6}.student-mall-symbol{display:grid;place-items:center;width:39px;height:39px;background:#fff3dc;border-radius:11px;font-size:26px;color:#bd8338}.lb-mall-avatar{display:flex;align-items:center;justify-content:center;height:116px;width:80px;flex:none;overflow:visible}.lb-showcase-row .lb-mall-avatar{height:58px;width:42px}.lb-showcase-row:has(.lb-mall-avatar){min-height:81px}