.unlock-toast-host{position:absolute;inset:0;pointer-events:none}.unlock-toast{position:absolute;left:50%;top:24px;width:min(470px,calc(100% - 34px));translate:-50% 0;pointer-events:none;z-index:5;color:#f9f6f2;transform-origin:center top}#global-achievement-unlock-toast-host .unlock-toast{left:var(--achievement-unlock-toast-left, 50%);top:var(--achievement-unlock-toast-top, 24px);width:var(--achievement-unlock-toast-width, min(650px, calc(100% - 34px) ))}.unlock-toast *{box-sizing:border-box}.unlock-toast-title,.unlock-toast-name,.unlock-toast-desc,.unlock-toast-meta{margin:0;letter-spacing:0}.unlock-badge{display:grid;place-items:center;flex:0 0 auto;font-weight:900;line-height:1;overflow:hidden}.unlock-badge>svg,.unlock-badge>img,.unlock-badge .achievement-badge{display:block;width:100%;height:100%;max-width:100%;max-height:100%}.unlock-badge>img{object-fit:contain}.achievement-toast-icon-box{display:grid;place-items:center;width:min(96px,100%);height:min(96px,100%);overflow:hidden}.achievement-toast-icon-box>svg,.achievement-toast-icon-box>img,.achievement-toast-icon-box .achievement-badge{display:block;width:100%;height:100%;max-width:100%;max-height:100%}.achievement-toast-icon-box>img{object-fit:contain}.unlock-toast--codepen{width:min(650px,calc(100% - 34px));min-height:126px;animation:unlock-codepen-in 3.6s cubic-bezier(.16,1,.3,1) both}.unlock-toast--codepen .unlock-toast-card{position:relative;min-height:126px;filter:drop-shadow(0 24px 34px rgba(52,40,28,.28))}.unlock-toast--codepen .unlock-toast-content{position:absolute;left:50px;right:0;top:34px;height:64px;overflow:hidden;border-radius:10px;background:#3e3e3c;box-shadow:inset 0 1px #ffffff1a;animation:unlock-codepen-content 3.6s ease both}.unlock-toast--codepen .unlock-badge{position:absolute;left:0;top:0;z-index:2;width:128px;height:128px;border-radius:50%;color:#fff;background:radial-gradient(circle at 35% 30%,rgba(255,255,255,.9) 0 10%,transparent 11%),radial-gradient(circle,#f26b3f 0 48%,#a53d25 49% 70%,#5b2921 71% 100%);box-shadow:inset 0 0 0 7px #ffffff38,0 0 0 5px #f26b3f3d;font-size:27px;animation:unlock-badge-pop 3.6s ease both}.unlock-toast--codepen .unlock-toast-title{position:absolute;left:0;top:5px;width:100%;color:#d7d7d3;font-size:12px;font-weight:400;text-align:center;text-transform:uppercase;animation:unlock-codepen-text 3.6s ease both}.unlock-toast--codepen .unlock-toast-name{position:absolute;left:0;top:23px;width:100%;color:#fff;font-family:Georgia,Times New Roman,serif;font-size:30px;font-style:italic;font-weight:400;line-height:1.1;text-align:center;animation:unlock-codepen-text 3.6s ease both}.unlock-toast--codepen .unlock-toast-name:before{content:open-quote}.unlock-toast--codepen .unlock-toast-name:after{content:close-quote}.unlock-toast--codepen .unlock-toast-desc{display:none}.unlock-toast--codepen-milestone .unlock-toast-content,.unlock-toast--codepen-reward .unlock-toast-content{top:25px;height:78px}.unlock-toast--codepen-milestone .unlock-badge{background:radial-gradient(circle at 35% 30%,rgba(255,255,255,.9) 0 10%,transparent 11%),radial-gradient(circle,#38bdf8 0 48%,#1d4ed8 49% 70%,#172554 71% 100%);box-shadow:inset 0 0 0 7px #ffffff38,0 0 0 5px #38bdf83d;font-size:23px}.unlock-toast--codepen-reward .unlock-badge{background:radial-gradient(circle at 35% 30%,rgba(255,255,255,.95) 0 10%,transparent 11%),radial-gradient(circle,#facc15 0 48%,#ca8a04 49% 70%,#713f12 71% 100%);box-shadow:inset 0 0 0 7px #ffffff3d,0 0 0 5px #facc1547,0 0 28px #facc1580}.unlock-toast--codepen-milestone .unlock-toast-name,.unlock-toast--codepen-reward .unlock-toast-name{top:22px;font-size:25px}.unlock-toast--codepen-milestone .unlock-toast-name{top:23px}.unlock-toast--codepen-milestone .unlock-toast-desc,.unlock-toast--codepen-reward .unlock-toast-desc{position:absolute;left:0;top:48px;display:block;width:100%;color:#d7d7d3;font-size:12px;font-weight:700;text-align:center;animation:unlock-codepen-text 3.6s ease both}.unlock-toast--codepen-reward .unlock-toast-content{background:linear-gradient(180deg,#4a3715,#312814);box-shadow:inset 0 1px #ffffff29,0 0 26px #facc1547}.unlock-toast--easter-egg .unlock-badge{left:0;top:0;width:128px;height:128px;animation:unlock-easter-egg-badge 3.6s ease both}.unlock-toast--easter-egg .unlock-toast-content{left:50px;right:0;top:25px;width:auto;height:78px;animation:unlock-easter-egg-content 3.6s ease both}.unlock-toast--easter-egg .unlock-toast-title,.unlock-toast--easter-egg .unlock-toast-name,.unlock-toast--easter-egg .unlock-toast-desc{animation:unlock-easter-egg-text 3.6s ease both}.unlock-toast--easter-egg .unlock-toast-name{font-size:23px}.unlock-toast--easter-egg .unlock-toast-desc{top:49px;font-size:11px;line-height:1.25}.unlock-toast--easter-egg .achievement-easter-egg-full{animation:unlock-easter-egg-full 3.6s ease both}.unlock-toast--easter-egg .achievement-easter-egg-bottom{animation:unlock-easter-egg-shell 3.6s ease both}.unlock-toast--easter-egg .achievement-easter-egg-top{transform-box:view-box;transform-origin:20px 49px;animation:unlock-easter-egg-top-shell 3.6s ease both}.unlock-toast--easter-egg .achievement-easter-egg-crack{stroke-dasharray:40;animation:unlock-easter-egg-crack 3.6s ease both}.unlock-codepen-progress{position:absolute;left:0;right:0;bottom:8px;width:min(240px,62%);height:5px;margin:0 auto;overflow:hidden;border-radius:999px;background:#ffffff29;animation:unlock-codepen-progress-in 3.6s ease both}.unlock-codepen-progress span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#38bdf8,#facc15)}@keyframes unlock-codepen-in{0%{opacity:0;transform:translateY(-18px) scale(.98)}10%,82%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-12px) scale(.98)}}@keyframes unlock-codepen-content{0%,17%{clip-path:inset(0 100% 0 0 round 10px)}34%,82%{clip-path:inset(0 0 0 0 round 10px)}to{clip-path:inset(0 100% 0 0 round 10px)}}@keyframes unlock-codepen-text{0%,30%{opacity:0;transform:translate(-12px)}42%,82%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(-8px)}}@keyframes unlock-codepen-progress-in{0%,30%{opacity:0}42%,82%{opacity:1}to{opacity:0}}@keyframes unlock-badge-pop{0%{transform:scale(.2) rotate(-18deg)}14%{transform:scale(1.08) rotate(4deg)}24%,to{transform:scale(1) rotate(0)}}@keyframes unlock-easter-egg-badge{0%{transform:scale(.2) rotate(-10deg)}13%{transform:scale(1.06) rotate(2deg)}20%,to{transform:scale(1) rotate(0)}}@keyframes unlock-easter-egg-full{0%,18%{opacity:1}24%,to{opacity:0}}@keyframes unlock-easter-egg-shell{0%,17%{opacity:0}22%,to{opacity:1}}@keyframes unlock-easter-egg-top-shell{0%,18%{opacity:0;transform:rotate(0)}22%{opacity:1;transform:rotate(0)}32%,to{opacity:1;transform:rotate(-10deg)}}@keyframes unlock-easter-egg-crack{0%,18%{opacity:0;stroke-dashoffset:40}32%,to{opacity:1;stroke-dashoffset:0}}@keyframes unlock-easter-egg-content{0%,34%{clip-path:inset(0 100% 0 0 round 10px)}48%,82%{clip-path:inset(0 0 0 0 round 10px)}to{clip-path:inset(0 100% 0 0 round 10px)}}@keyframes unlock-easter-egg-text{0%,43%{opacity:0;transform:translate(-12px)}52%,82%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(-8px)}}@media(max-width:520px){.unlock-toast{width:calc(100% - 28px)}.unlock-toast--codepen,.unlock-toast--codepen .unlock-toast-card{min-height:108px}.unlock-toast--codepen .unlock-badge{width:96px;height:96px;font-size:21px}.unlock-toast--codepen .unlock-toast-content{left:40px;top:26px;height:56px}.unlock-toast--codepen .unlock-toast-name{top:22px;font-size:23px}.unlock-toast--codepen-milestone .unlock-toast-name{top:19px}}@media(prefers-reduced-motion:reduce){.unlock-toast,.unlock-badge,.unlock-codepen-progress span{animation-duration:1ms!important;animation-iteration-count:1!important}}@keyframes ach-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes ach-empty-pulse{0%,to{border-color:#b4a08247}50%{border-color:#ceb2788f}}@keyframes ach-float-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes ach-badge-glow{0%,to{box-shadow:0 0 14px #dab4642e}50%{box-shadow:0 0 28px #dab46461}}body[data-page=achievements]{margin:0;min-height:100vh;color:var(--pp-ink, #3c342c);font-family:PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;background:radial-gradient(ellipse 140% 55% at 50% -6%,rgba(243,199,107,.12),transparent 50%),radial-gradient(ellipse 80% 50% at 88% 100%,rgba(169,120,93,.07),transparent 44%),linear-gradient(168deg,#fdfaf3,#f5edd8 38%,#efe3ca 70%,#eadbc3);background-attachment:fixed}.achievements-page-shell{width:min(1180px,calc(100vw - 28px))}.achievements-header{position:relative}.achievements-header-user{position:absolute;left:50%;top:50%;max-width:clamp(120px,28vw,320px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transform:translate(-50%,-50%);color:#5b4d42;font-size:27px;font-weight:900;line-height:1.2;pointer-events:none;text-align:center}.achievements-overview,.achievements-workspace{display:grid;gap:16px}.achievements-overview{grid-template-columns:minmax(0,.75fr) minmax(340px,1.25fr);margin-top:18px}.achievements-workspace{grid-template-columns:minmax(0,1fr) minmax(320px,400px);margin-top:18px;align-items:start}.achievements-summary-card,.achievements-showcase-card,.achievements-list-card,.achievement-detail{padding:20px;border-radius:20px;border:1px solid rgba(200,180,150,.42);background:linear-gradient(145deg,#ffffffbd,#faf4e68f);backdrop-filter:blur(14px) saturate(1.4);-webkit-backdrop-filter:blur(14px) saturate(1.4);box-shadow:0 8px 32px #785a320f,inset 0 1.5px #ffffffd1;transition:box-shadow .25s ease}.achievements-panel-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;margin-bottom:14px}.achievements-panel-head h2,.achievements-panel-head p{margin:0}.achievements-panel-head h2{font-size:22px;font-weight:900;background:linear-gradient(135deg,#5a4a3a,#8a6e52);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.achievements-panel-head p{margin-top:4px;color:#8c7a67;font-size:13px;line-height:1.4}.achievements-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.achievements-stat{min-height:82px;padding:14px;border:1px solid rgba(210,190,160,.48);border-radius:14px;background:linear-gradient(150deg,#ffffffd1,#faf2e194);box-shadow:0 4px 16px #8c6e460d,inset 0 1px #ffffffeb;transition:transform .2s ease,box-shadow .2s ease}.achievements-stat:hover{transform:translateY(-2px);box-shadow:0 8px 24px #8c6e461a,inset 0 1px #ffffffeb}.achievements-stat strong{display:block;font-size:30px;font-weight:900;line-height:1.1;background:linear-gradient(135deg,#b8860b,#d4a340,#c49535);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.achievements-stat:nth-child(3) strong{font-size:15px;line-height:1.25;overflow-wrap:anywhere}.achievements-stat span{display:block;margin-top:4px;color:#7a6754;font-size:12px;font-weight:800;letter-spacing:.04em}.achievements-showcase{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.achievement-showcase-slot{position:relative;display:grid;justify-items:center;align-content:center;min-height:136px;padding:14px;border:1px solid rgba(210,185,145,.52);border-radius:14px;background:radial-gradient(ellipse 80% 55% at 50% 8%,rgba(243,220,160,.14),transparent 48%),linear-gradient(180deg,#ffffffc7,#faf4e68c);box-shadow:inset 0 1px #ffffffd1,0 6px 20px #8c6e3c0d;transition:transform .22s ease,box-shadow .22s ease;text-align:center}.achievement-showcase-slot:hover{transform:translateY(-2px);box-shadow:inset 0 1px #ffffffd1,0 10px 28px #8c6e3c1c}.achievement-showcase-slot.is-empty{display:grid;place-items:center;color:#a89578;border-style:dashed;border-width:2px;border-color:#b4a0825c;background:linear-gradient(180deg,#ffffff6b,#f8f0e147);font-weight:800;font-size:13px;letter-spacing:.04em;animation:ach-empty-pulse 2.8s ease-in-out infinite}.achievements-showcase-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.achievement-badge{width:54px;height:54px;display:inline-grid;place-items:center;border-radius:10px;color:#f9f6f2;background:linear-gradient(145deg,#c9a050,#8f7a66,#6b5a4a);box-shadow:inset 0 2px 4px #ffffff59,0 6px 16px #50403029;font-size:22px;font-weight:900;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease}.achievement-badge img{width:100%;height:100%;object-fit:cover}.achievement-badge svg{display:block;width:100%;height:100%}.achievement-badge.is-locked{color:#a99c90;background:linear-gradient(145deg,#e0d8cd,#ccc3b5);box-shadow:inset 0 1px #ffffff8a;filter:grayscale(.85) brightness(.95)}.achievement-name{display:block;margin:10px 0 4px;color:#4d4339;font-size:15px;font-weight:900;line-height:1.25}.achievement-meta,.achievement-desc{display:block;margin:0;color:#8c7a67;font-size:12px;line-height:1.4}.achievement-desc{flex:1}.achievement-card.is-locked .achievement-name,.achievement-card.is-locked .achievement-desc,.achievement-card.is-locked .achievement-meta{color:#9a9088}.achievements-wall-head{display:flex;justify-content:space-between;gap:14px;align-items:flex-start;margin-bottom:14px}.achievements-wall-head h2,.achievements-wall-head p{margin:0}.achievements-wall-head h2{font-size:24px;font-weight:900;background:linear-gradient(135deg,#5a4a3a,#8a6e52);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.achievements-wall-head p{margin-top:4px;color:#8c7a67;font-size:13px;line-height:1.45}.achievements-filter-row{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px}.achievement-filter{min-height:36px;border:1px solid rgba(200,180,155,.52);border-radius:999px;padding:0 16px;color:#6f5f4f;background:linear-gradient(180deg,#ffffffc2,#f8f0e194);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);font:inherit;font-size:13px;font-weight:800;cursor:pointer;box-shadow:0 2px 8px #8c6e460a;transition:all .2s ease}.achievement-filter:hover{transform:scale(1.04);border-color:#b4966eb3;box-shadow:0 4px 14px #8c6e4617;background:linear-gradient(180deg,#ffffffeb,#f8f0e1bd)}.achievement-filter.is-active{color:#fff8e8;background:linear-gradient(145deg,#8b7355,#6d5a44,#7a6550);border-color:#64503773;box-shadow:0 4px 14px #644b282e,inset 0 1px #ffffff24}.achievements-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(168px,1fr));gap:16px}.achievement-card{position:relative;display:flex;min-height:200px;flex-direction:column;align-items:center;justify-content:flex-start;padding:14px 12px 12px;text-align:center;cursor:pointer;border:1px solid rgba(210,185,145,.48);border-radius:16px;background:radial-gradient(ellipse 100% 55% at 50% 6%,rgba(243,210,130,.18),transparent 50%),linear-gradient(180deg,#ffffffd1,#faf4e69e);box-shadow:inset 0 1px #ffffffd1,0 4px 16px #785a320d;transition:transform .24s cubic-bezier(.34,1.56,.64,1),border-color .22s ease,box-shadow .28s ease;animation:ach-float-in .35s ease both}.achievement-card:hover{transform:translateY(-4px) scale(1.015);border-color:#c4a56ead;box-shadow:inset 0 1px #ffffffd1,0 14px 36px #a07d3c21,0 0 0 1px #dabe8c2e}.achievement-card.is-locked{color:#8f8276;background:radial-gradient(ellipse 90% 50% at 50% 10%,rgba(160,150,140,.07),transparent 48%),linear-gradient(180deg,#f8f6f1b8,#eee8de85);border-color:#beb2a55c;box-shadow:inset 0 1px #ffffff80,0 3px 10px #78645008}.achievement-card.is-locked:hover{transform:translateY(-2px);box-shadow:inset 0 1px #ffffff80,0 8px 22px #78645014}.achievement-card.is-selected{border-color:#a0825094;box-shadow:0 0 0 3px #c4a56e2e,0 8px 24px #a07d3c1a,inset 0 1px #ffffffd1}.achievement-card:disabled{cursor:not-allowed}.achievement-card.is-showcase-picked:after{content:"展示";position:absolute;top:10px;right:10px;border-radius:999px;padding:3px 10px;color:#3f7a49;background:#4e8b5821;border:1px solid rgba(78,139,88,.18);font-size:11px;font-weight:900;letter-spacing:.04em}.achievement-light-state{align-self:flex-start;border-radius:999px;padding:3px 10px;color:#8a6520;background:linear-gradient(135deg,#ecc35a29,#dcaa461a);border:1px solid rgba(220,180,90,.18);font-size:11px;font-weight:900;letter-spacing:.03em}.achievement-card.is-locked .achievement-light-state{color:#8c7a67;background:#8c7a6714;border-color:#8c7a6724}.achievement-medal-face{display:grid;place-items:center;width:80px;height:80px;margin-top:12px;border:2px solid rgba(200,165,90,.38);border-radius:999px;position:relative;overflow:hidden;background:conic-gradient(from 30deg,#f5d78c9e,#be9b5a52 25%,#fff0bead 37%,#c8a56461 50%,#f5d78c9e 62%,#be9b5a52 75%,#fff0bead 87%,#f5d78c9e);box-shadow:inset 0 2px 6px #ffffff85,inset 0 -2px 6px #785a281a,0 8px 22px #a07d3c21,0 0 0 1px #c8aa642e;transition:box-shadow .3s ease}.achievement-card:not(.is-locked) .achievement-medal-face:before{content:"";position:absolute;inset:-2px;border-radius:999px;background:linear-gradient(105deg,transparent 30%,rgba(255,255,255,.38) 45%,rgba(255,255,255,.58) 50%,rgba(255,255,255,.38) 55%,transparent 70%);background-size:200% 100%;animation:ach-shimmer 3.5s ease-in-out infinite;pointer-events:none;z-index:1}.achievement-card:hover .achievement-medal-face{box-shadow:inset 0 2px 6px #ffffff85,inset 0 -2px 6px #785a281a,0 12px 30px #c8a03c33,0 0 0 1px #c8aa6447}.achievement-card.is-locked .achievement-medal-face{border-color:#aa9e8e47;background:conic-gradient(from 0deg,#d7d2ca7a,#c3bcb24d 25%,#e1dcd485,#cdc6bc5c,#d7d2ca7a);box-shadow:inset 0 1px 4px #ffffff61,0 4px 12px #786e5a0d}.achievement-card button{all:unset}.achievements-unlock-toast-host.unlock-toast-host{position:fixed;inset:0;z-index:1000;pointer-events:none}.achievements-unlock-badge .achievement-badge{width:82px;height:82px;border-radius:999px;background:transparent;box-shadow:none}.achievements-unlock-badge .achievement-badge img{object-fit:contain}.achievement-detail{position:sticky;top:16px;min-height:260px;background:linear-gradient(160deg,#ffffffc7,#fcf6e894);backdrop-filter:blur(18px) saturate(1.5);-webkit-backdrop-filter:blur(18px) saturate(1.5);box-shadow:0 10px 40px #785a3212,inset 0 1px #ffffffdb}.achievement-detail-empty{min-height:220px;display:grid;place-items:center;color:#a89578;text-align:center;font-weight:800;font-size:14px;letter-spacing:.02em}.achievement-detail h2{margin:14px 0 8px;color:#3c342c;font-size:22px;font-weight:900}.achievement-detail p{margin:8px 0;color:#6f5f4f;line-height:1.6;font-size:14px}.achievement-detail-list{display:grid;gap:0;margin-top:16px}.achievement-detail-line{display:flex;justify-content:space-between;gap:12px;border-top:1px solid rgba(210,195,175,.42);padding:10px 4px;color:#7a6754;font-size:13px;transition:background .15s ease;border-radius:4px}.achievement-detail-line:hover{background:#f3ebdc61}.achievement-detail-line:last-child{border-bottom:1px solid rgba(210,195,175,.42)}.achievements-tip{min-height:20px;margin:12px 0 0;color:#8c7a67;font-size:13px}.achievements-tip:not(:empty){border:1px solid transparent;border-radius:12px;padding:10px 14px 10px 20px;position:relative;overflow:hidden}.achievements-tip:not(:empty):before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;border-radius:12px 0 0 12px}.achievements-tip[data-state=ok]{border-color:#4e8b5833;color:#3a7a46;background:linear-gradient(90deg,#4e8b5812,#4e8b5805)}.achievements-tip[data-state=ok]:before{background:linear-gradient(180deg,#4e8b58,#3a7a46)}.achievements-tip[data-state=err]{border-color:#c2473b33;color:#a83b32;background:linear-gradient(90deg,#c2473b12,#c2473b05)}.achievements-tip[data-state=err]:before{background:linear-gradient(180deg,#c4473b,#a83b32)}@media(max-width:920px){.achievements-overview,.achievements-workspace{grid-template-columns:1fr}.achievement-detail{position:static}}@media(max-width:760px){.achievements-header-user{position:static;max-width:100%;margin:4px auto 0;transform:none}}@media(max-width:620px){.achievements-stats,.achievements-showcase{grid-template-columns:1fr}.achievements-stat strong{font-size:26px}.achievement-card{min-height:180px}.achievement-medal-face{width:68px;height:68px}}