.achWrap{max-width:1280px;margin:0 auto;padding:20px}
.achHero,.achPanel{background:#1b2838;border:1px solid #22324a;border-radius:16px;padding:18px;margin-bottom:18px}
.achHero h1{margin:0 0 8px;color:#7fff7f}
.achHero p,.achMeta,.achEmpty{opacity:.85}
.achHeroStats{display:flex;gap:14px;flex-wrap:wrap;margin:14px 0 6px}
.heroStat{background:#0f1a2b;border:1px solid #22324a;border-radius:14px;padding:12px 14px;min-width:180px;display:flex;flex-direction:column;gap:4px}
.heroStat b{font-size:26px;color:#7fff7f}
.heroStat span{font-size:12px;opacity:.8}
.achHeroBtns{display:flex;gap:10px;flex-wrap:wrap;margin-top:12px}
.achBtn{background:#0f1a2b;border:1px solid #22324a;color:#c7d5e0;text-decoration:none;padding:10px 14px;border-radius:12px;font-weight:bold}
.achBtn:hover{color:#7fff7f}
.achPanelHead{display:flex;justify-content:space-between;gap:12px;align-items:center}
.achSectionTitle{font-size:20px;color:#7fff7f;font-weight:bold}
.achPct{font-size:28px;font-weight:bold;color:#7fff7f}
.achProgress{height:14px;background:#0f1a2b;border:1px solid #22324a;border-radius:999px;overflow:hidden;margin-top:12px}
.achProgress span{display:block;height:100%;background:linear-gradient(90deg,#58d86d,#7fff7f)}
.achRecentRow{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}
.achMini{display:flex;align-items:center;gap:8px;background:#0f1a2b;border:1px solid #22324a;border-radius:999px;padding:8px 12px;font-size:13px}
.achMiniIcon{font-size:18px}
.achGridMain{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.hallList,.recentList{display:flex;flex-direction:column;gap:10px;margin-top:12px}
.hallRow,.recentRow{display:flex;align-items:center;gap:12px;background:#0f1a2b;border:1px solid #22324a;border-radius:12px;padding:10px 12px}
.hallRow.isMe{box-shadow:inset 0 0 0 1px rgba(127,255,127,.35)}
.hallRank{width:36px;text-align:center;font-weight:bold;color:#7fff7f}
.hallAvatar{width:40px;height:40px;border-radius:10px;object-fit:cover;border:1px solid #22324a;background:#081522}
.hallUser{display:flex;flex-direction:column;min-width:0}
.hallUser a{color:#c7d5e0;text-decoration:none;font-weight:bold}
.hallUser a:hover{color:#7fff7f}
.hallUser small,.recentInfo small{opacity:.7}
.hallScore{margin-left:auto;font-weight:bold;color:#7fff7f}
.achCards{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px;margin-top:14px}
.achCard{display:flex;gap:12px;background:#0f1a2b;border:1px solid #22324a;border-radius:14px;padding:14px;opacity:.86;position:relative;overflow:hidden}
.achCard.unlocked{opacity:1;box-shadow:inset 0 0 0 1px rgba(127,255,127,.28)}
.achCardIcon{font-size:28px;line-height:1}
.achCardTitle{font-weight:bold;color:#e6eef6}
.achCardMeta{font-size:12px;opacity:.8;display:flex;gap:6px;flex-wrap:wrap;margin-top:6px}
.rarityBadge{margin-left:auto;font-size:11px;padding:5px 8px;border-radius:999px;border:1px solid transparent;white-space:nowrap}
.rarity-common{box-shadow:inset 0 0 0 1px rgba(255,255,255,.04)}
.rarity-rare{box-shadow:0 0 18px rgba(90,180,255,.14), inset 0 0 0 1px rgba(90,180,255,.24)}
.rarity-epic{box-shadow:0 0 18px rgba(150,100,255,.16), inset 0 0 0 1px rgba(150,100,255,.3)}
.rarity-legendary{box-shadow:0 0 22px rgba(255,220,90,.18), inset 0 0 0 1px rgba(255,220,90,.38)}
.rarityBadge.rarity-common{background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.08)}
.rarityBadge.rarity-rare{background:rgba(90,180,255,.08);border-color:rgba(90,180,255,.28);color:#9dd3ff}
.rarityBadge.rarity-epic{background:rgba(150,100,255,.08);border-color:rgba(150,100,255,.34);color:#d1b9ff}
.rarityBadge.rarity-legendary{background:rgba(255,220,90,.1);border-color:rgba(255,220,90,.42);color:#ffe48a}
.achCard.rarity-rare::after,.achCard.rarity-epic::after,.achCard.rarity-legendary::after{content:'';position:absolute;inset:auto -40px -40px auto;width:120px;height:120px;border-radius:50%;opacity:.12;pointer-events:none}
.achCard.rarity-rare::after{background:#5ab4ff}
.achCard.rarity-epic::after{background:#9664ff}
.achCard.rarity-legendary::after{background:#ffdc5a}
@media(max-width:900px){.achGridMain{grid-template-columns:1fr}.achWrap{padding:14px}}

.achShowcaseRow{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:10px;margin-top:14px}
.achShowcaseCard{background:#0f1a2b;border:1px solid #22324a;border-radius:12px;padding:12px}
.achShowcaseLabel{opacity:.72;text-transform:uppercase;letter-spacing:.04em;margin-bottom:6px}
.achShowcaseMain{font-size:14px;color:#e6eef6;line-height:1.4}
.achShowcaseCard.rarity-rare{box-shadow:0 0 18px rgba(90,180,255,.16), inset 0 0 0 1px rgba(90,180,255,.28)}
.achShowcaseCard.rarity-epic{box-shadow:0 0 18px rgba(150,100,255,.18), inset 0 0 0 1px rgba(150,100,255,.34)}
.achShowcaseCard.rarity-legendary{box-shadow:0 0 22px rgba(255,220,90,.2), inset 0 0 0 1px rgba(255,220,90,.42)}
.achMini.rarity-rare{border-color:rgba(90,180,255,.28)}
.achMini.rarity-epic{border-color:rgba(150,100,255,.34)}
.achMini.rarity-legendary{border-color:rgba(255,220,90,.42)}

.achTabs{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}
.achTab{background:#0f1a2b;border:1px solid #22324a;color:#c7d5e0;border-radius:999px;padding:8px 12px;font-weight:bold;cursor:pointer}
.achTab:hover{color:#7fff7f;border-color:#2c4667}
.achTab.isActive{background:#15243a;color:#7fff7f;border-color:#3a5f8d;box-shadow:inset 0 0 0 1px rgba(127,255,127,.12)}

.achIconGuide{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;margin-top:14px}
.achIconGuideCard{display:flex;gap:12px;align-items:flex-start;background:#0f1a2b;border:1px solid #22324a;border-radius:14px;padding:14px}
.achIconGuideCard b{display:block;color:#e6eef6;margin-bottom:4px}
.achIconGuideCard small{display:block;opacity:.78;line-height:1.45}
.achIconGuideIcon{font-size:28px;line-height:1;margin-top:2px}