.lh-member-box{max-width:760px;margin:24px auto;background:#fff;border:1px solid #e5e7eb;border-radius:14px;padding:22px;box-shadow:0 2px 12px rgba(0,0,0,.05);color:#16191d}
.lh-member-box h3{margin:0 0 12px;font-size:19px}
.lh-auth-tabs{display:flex;gap:8px;margin-bottom:14px}
.lh-auth-tabs button{flex:1;padding:10px;border:1px solid #d1d5db;border-radius:8px;background:#f3f4f6;font-weight:700;cursor:pointer;color:#16191d}
.lh-auth-tabs button.active{background:#17191b;color:#fff;border-color:#17191b}
.lh-auth-form label{display:block;margin:8px 0;font-size:14px}
.lh-auth-form input{width:100%;padding:10px;border:1px solid #d1d5db;border-radius:8px;color:#16191d}
.lh-auth-form button,.lh-shop-buy,#lh-m-profile button{background:#17191b;color:#fff;border:0;border-radius:8px;padding:11px 18px;font-weight:700;cursor:pointer;margin-top:10px}
.lh-auth-form button:disabled,.lh-shop-buy:disabled{opacity:.45;cursor:not-allowed}
.lh-m-msg{margin-top:10px;font-weight:600}
.lh-member-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:12px 0}
.lh-member-grid div{background:#f8fafc;border-radius:8px;padding:8px 12px}
.lh-member-grid span{display:block;font-size:12px;color:#5a6472}
.lh-member-grid b{font-size:15px}
.lh-points{color:#b45309}
.lh-level-progress{background:#eef2f7;border-radius:99px;height:10px;overflow:hidden}
.lh-level-bar{height:100%;background:linear-gradient(90deg,#f59e0b,#b45309)}
.lh-level-note{font-size:13px;color:#374151}
.lh-profile-edit{margin-top:12px}
#lh-m-profile label{display:block;margin:8px 0;font-size:14px}
#lh-m-profile input{width:100%;padding:9px;border:1px solid #d1d5db;border-radius:8px}
.lh-cccd-imgs{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.lh-cccd-imgs img{display:block;max-width:100%;border-radius:8px;margin:6px 0}
.lh-member-avatar{margin:4px 0 10px}
.lh-member-avatar img{width:84px;height:84px;object-fit:cover;border-radius:50%;display:block;border:2px solid #e5e7eb}
.lh-avatar-preview{display:block;width:72px;height:72px;object-fit:cover;border-radius:50%;margin:6px 0;border:2px solid #e5e7eb}
.lh-shop-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:12px;margin:14px 0}
.lh-shop-grid{align-items:stretch}
.lh-shop-item{border:1px solid #e5e7eb;border-radius:12px;padding:12px;text-align:center;display:flex;flex-direction:column;height:100%}
.lh-shop-media{position:relative}
.lh-shop-thumb{width:100%;height:140px;object-fit:cover;border-radius:8px;display:block}
.lh-shop-reqov{position:absolute;left:8px;bottom:8px;display:inline-flex;align-items:center;gap:5px;background:rgba(23,25,27,.88);color:#fff;font-size:12px;font-weight:700;padding:4px 10px;border-radius:99px;max-width:calc(100% - 16px);white-space:nowrap;overflow:hidden}
.lh-shop-reqov .lh-rank-badge{width:20px;height:20px;flex:none}
.lh-shop-item h4{margin:8px 0 4px;min-height:2.5em;display:flex;align-items:center;justify-content:center}
.lh-shop-type{font-size:12px;color:#5a6472}
.lh-shop-desc{font-size:13px;color:#374151;min-height:20px}
.lh-shop-cost{font-weight:800;color:#b45309}
.lh-shop-history{width:100%;border-collapse:collapse;font-size:14px}
.lh-shop-history th,.lh-shop-history td{border:1px solid #e5e7eb;padding:8px;text-align:left}
.lh-code-active{color:#007a50;font-weight:700}
.lh-code-used{color:#6b7280}
.lh-voucher-row{background:#fffbeb;border:1px dashed #d97706;border-radius:10px;padding:10px;margin-top:10px}
.lh-voucher-row input{padding:9px;border:1px solid #d1d5db;border-radius:8px;width:60%}
.lh-voucher-row button{padding:9px 12px;border-radius:8px;border:0;background:#b45309;color:#fff;font-weight:700;cursor:pointer}
.lh-admin-wrap .lh-shop-form label{display:block;margin:8px 0;max-width:640px}
.lh-admin-wrap .lh-shop-form input[type=text],.lh-admin-wrap .lh-shop-form input[type=number],.lh-admin-wrap .lh-shop-form textarea,.lh-admin-wrap .lh-shop-form select{width:100%;max-width:640px}
.lh-rank-badge{vertical-align:-4px;border-radius:50%;box-shadow:0 1px 4px rgba(0,0,0,.25)}
.lh-m-name .lh-rank-badge{margin-left:4px}
.lh-level-track{display:flex;align-items:center;gap:10px;margin:10px 0 4px}
.lh-level-track .lh-level-progress{flex:1;margin:0}
.lh-level-end{display:flex;flex-direction:column;align-items:center;gap:2px;min-width:52px}
.lh-level-end small{font-size:11px;color:#5a6472;font-weight:700}
.lh-shop-req{font-size:12px;color:#92400e;background:#fef3c7;border-radius:6px;padding:3px 8px;display:inline-block}
.lh-shop-req .lh-rank-badge{width:16px;height:16px;vertical-align:-3px}
.lh-shop-foot{margin-top:auto;padding-top:6px}
.lh-shop-mystery{border-color:#d97706;box-shadow:0 0 0 1px #d97706}
.lh-myst-preview{font-size:13px;background:#fffbeb;border:1px dashed #d97706;border-radius:8px;padding:8px;margin:8px 0;text-align:left}
.lh-myst-preview ul{margin:6px 0 0;padding-left:18px}
.lh-shop-login{display:inline-block;background:#17191b;color:#fff!important;border-radius:8px;padding:11px 18px;font-weight:700;text-decoration:none;margin-top:10px}
.lh-inv-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:14px 0}
.lh-inv-slot{border:1px solid #d1d5db;border-radius:10px;padding:8px;background:#fff;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:4px;min-height:120px;color:#16191d}
.lh-inv-slot img{width:100%;height:64px;object-fit:cover;border-radius:6px}
.lh-inv-slot b{font-size:12px;line-height:1.3}
.lh-inv-slot small{font-size:11px;color:#5a6472}
.lh-inv-empty{cursor:default;border-style:dashed;background:#f8fafc;justify-content:center;color:#9ca3af}
.lh-inv-mystery{border-color:#d97706;background:#fffbeb}
.lh-inv-modal{position:fixed;inset:0;background:rgba(0,0,0,.55);z-index:9999;display:flex;align-items:center;justify-content:center;padding:16px}
.lh-inv-modal[hidden]{display:none}
.lh-inv-modal-inner{background:#fff;border-radius:14px;padding:22px;max-width:420px;width:100%;position:relative;color:#16191d;text-align:center}
.lh-inv-close{position:absolute;top:8px;right:12px;border:0;background:none;font-size:24px;cursor:pointer;color:#16191d}
.lh-myst-open{background:#b45309;color:#fff;border:0;border-radius:8px;padding:12px 20px;font-weight:800;cursor:pointer;margin-top:10px;font-size:15px}
@media(max-width:560px){.lh-inv-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:640px){
.lh-shop-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.lh-shop-thumb{height:100px}
.lh-shop-item{padding:8px}
.lh-shop-item h4{font-size:14px;min-height:2.4em;margin:6px 0 2px}
.lh-shop-reqov{font-size:11px;padding:3px 8px;gap:4px}
.lh-shop-reqov .lh-rank-badge{width:16px;height:16px}
.lh-shop-cost{font-size:14px}
.lh-member-box .lh-inv-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.lh-inv-slot{min-height:104px;padding:6px}
.lh-inv-slot img{height:52px}
.lh-inv-slot b{font-size:11px;line-height:1.25;word-break:break-word}
.lh-inv-slot small{font-size:10px}
.lh-member-grid{grid-template-columns:1fr 1fr;gap:8px}
}