.holo-card{--hc-w: 320px;--hc-ratio: .716;--hc-radius: 14px;position:relative;display:inline-block;width:var(--hc-w);max-width:100%;aspect-ratio:var(--hc-ratio);border-radius:var(--hc-radius);outline:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;touch-action:pan-y}.holo-card[data-flippable]{cursor:pointer}.holo-card[data-flippable]:focus-visible{outline:2px solid currentColor;outline-offset:6px}.holo-card__shadow{position:absolute;inset:10% 7% -4%;border-radius:var(--hc-radius);background:#0000006b;filter:blur(26px);pointer-events:none;will-change:transform}.holo-card__rotor{position:absolute;inset:0;transform-style:preserve-3d;will-change:transform}.holo-card__face{position:absolute;inset:0;overflow:hidden;border-radius:var(--hc-radius);backface-visibility:hidden;-webkit-backface-visibility:hidden}.holo-card__face--back{transform:rotateY(180deg)}.holo-card__face img,.holo-card__face canvas{position:absolute;inset:0;display:block;width:100%;height:100%}.holo-card__face img{object-fit:cover;pointer-events:none;-webkit-user-drag:none}.holo-card__face canvas{opacity:0;transition:opacity .3s ease}.holo-card[data-ready] .holo-card__face canvas{opacity:1}.prismatic-burst-container{position:relative;width:100%;height:100%;overflow:hidden}.prismatic-burst-canvas{position:absolute;inset:0;display:block;width:100%;height:100%}.back-cutout,.back-print{position:absolute;inset:0;transform:scaleX(-1)}.back-cutout{mask:var(--cutout) center / 100% 100% no-repeat;-webkit-mask:var(--cutout) center / 100% 100% no-repeat}.back-print{container-type:inline-size;color:#f4d49c;background:radial-gradient(ellipse at var(--back-light-x, 38%) var(--back-light-y, 26%),#b7bdc23b,transparent 58%),repeating-conic-gradient(from 45deg,#8eaeab14 0 25%,transparent 0 50%) 50% / 24px 24px,linear-gradient(155deg,#283d47,#12202e 50%,#2c4249)}@font-face{font-family:XiYue Demo;src:url(../assets/fonts/xiyue-v1.woff2) format("woff2");font-style:normal;font-weight:400;font-display:swap}.back-rule{position:absolute;inset:10% 18%;padding:5% 0 3.5%;border:1px solid #b7a17c;border-radius:28% 28% 7% 7%/14% 14% 4% 4%;box-shadow:inset 0 0 0 3px #21323b,inset 0 0 0 4px #b6a88070;display:grid;grid-template-rows:8fr 25fr 37fr 20fr 10fr;align-items:center;justify-items:center}.back-serial{display:flex;align-items:center;gap:.36em;color:#dec69d;font:550 3.35cqi/1 ui-monospace,monospace;font-variant-numeric:tabular-nums}.back-serial:before,.back-serial:after{content:"";width:3cqi;height:1px;background:#aa9775;margin:0 .25em}.back-serial span{color:#fff0ce}.back-serial i{font-style:normal;color:#a99c81}.back-wordmark{width:78%;height:91%;background:linear-gradient(115deg,#dfb879,#fff0ce 40%,#e1bb81 74%,#f4deb1);-webkit-mask:url(../assets/award-card/backs/annual-wordmark.png) center / contain no-repeat;mask:url(../assets/award-card/backs/annual-wordmark.png) center / contain no-repeat;mask-mode:luminance}.back-medal{position:relative;height:91%;aspect-ratio:1;border-radius:50%;background:conic-gradient(from -40deg,#ab8146,#ffe9b9 55deg,#a78957 110deg,#6b5238 166deg,#f6d79d 244deg,#977243 305deg,#ab8146);box-shadow:0 0 0 1px #9d865e,0 0 0 2px #243139,0 0 0 3px #bca47788,0 3px 5px #0007}.holo-card__face .back-medal img{position:absolute;inset:3.5%;width:93%;height:93%;border-radius:50%;object-fit:cover}.back-medal:before{content:"";position:absolute;inset:3.5%;border-radius:50%;background:linear-gradient(125deg,#543d2370,#fff1cb26 48%,#43301d70),url(../assets/award-card/backs/brushed-gold.jpg) center / cover}.back-medal:after{content:"";position:absolute;inset:3.5%;border-radius:50%;pointer-events:none;background:radial-gradient(ellipse at var(--back-light-x, 40%) var(--back-light-y, 30%),#ffe5ac18,transparent 60%);box-shadow:inset 0 0 0 1px #c5a77677}.back-achievement{font-family:PingFang SC,Microsoft YaHei,sans-serif;font-size:6.7cqi;font-weight:500;letter-spacing:.06em;text-indent:.06em;line-height:1.15;white-space:nowrap;color:#ffebc6}.back-caption{display:grid;justify-items:center;gap:.9cqi}.back-translation{font:400 clamp(7px,3cqi,10px)/1.1 "XiYue Demo","Helvetica Neue",sans-serif;color:#ebd9ba;letter-spacing:.04em;white-space:nowrap}.back-brand{width:13.4cqi;aspect-ratio:356 / 124;background:#d9c6a4;-webkit-mask:url(../assets/award-card/backs/mihoyo.png) center / contain no-repeat;mask:url(../assets/award-card/backs/mihoyo.png) center / contain no-repeat}@property --prism-head{syntax:"<percentage>"; inherits:false; initial-value:0%;}@property --prism-tail{syntax:"<percentage>"; inherits:false; initial-value:-65%;}#awards.final-awards{height:100%;min-height:600px;background:#ceac89 url(../assets/award-card/gold-before.webp) center/cover;color:#422c1f;overflow:hidden}#awardDeck,.award-deck,.deck-light,.deck-video{position:absolute;inset:0;width:100%;height:100%}.award-deck{isolation:isolate;display:grid;grid-template-rows:auto 1fr;padding:clamp(68px,9dvh,104px) 0 clamp(96px,13dvh,135px)}.deck-light{z-index:-1;pointer-events:none;overflow:hidden;background:#cca789 url(../assets/award-card/gold-stage.webp) center/cover}.deck-video{object-fit:cover}.deck-wave-position{position:absolute;transform:translate(-50%,-50%);mix-blend-mode:screen}.deck-wave{position:absolute;inset:0;visibility:hidden;filter:saturate(1.3);-webkit-mask-image:radial-gradient(circle farthest-corner,transparent calc(var(--prism-tail) - 46%),black var(--prism-tail),black calc(var(--prism-head) - 23%),transparent var(--prism-head));mask-image:radial-gradient(circle farthest-corner,transparent calc(var(--prism-tail) - 46%),black var(--prism-tail),black calc(var(--prism-head) - 23%),transparent var(--prism-head))}.deck-wave.active{visibility:visible}.deck-wave.fallback{background:repeating-conic-gradient(transparent 0deg 12deg,#dfc9ffb0 15deg,#b6f1f5bf 19deg,#fff0bc94 22deg,transparent 26deg 40deg)}.deck-title{text-align:center;padding:0 22px;filter:drop-shadow(0 1px 0 #76451c) drop-shadow(0 2px 1px #72431966)}.deck-title[hidden],.award-deck .slot[hidden]{display:none}.deck-title .deck-wordmark{position:relative;width:clamp(155px,46cqw,198px);aspect-ratio:500 / 288;margin:0 auto;background:linear-gradient(164deg,#875118 3%,#db9c38 19%,#fff4a9 31%,#bd7721,#fdd376 57%,#aa681a 71%,#fd8 86%,#ac6617);-webkit-mask:url(../assets/award-card/backs/annual-wordmark.png) center / contain no-repeat;mask:url(../assets/award-card/backs/annual-wordmark.png) center / contain no-repeat;mask-mode:luminance}.deck-wordmark:after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 36%,#ffedab66 44%,#ffffeb 49%,#fff3a8c9 52%,transparent 62%) no-repeat;background-size:220% 100%;background-position:125% 50%}@media(prefers-reduced-motion:no-preference){.entered:not(.still) .deck-wordmark:after{animation:award-gold-sweep 5s ease-in-out infinite}.entered:not(.still) .deck-caption{animation:award-caption-in .42s ease-out both}.entered:not(.still) .deck-trophy path{stroke-dasharray:1;animation:trophy-draw var(--stroke-time) ease-out var(--stroke-at) both}}@keyframes award-gold-sweep{0%,12%{background-position:125% 50%}48%,to{background-position:-22% 50%}}@keyframes award-caption-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.deck-middle{min-height:0;display:flex;flex-direction:column;justify-content:center;align-items:center;visibility:hidden}.entered .deck-middle{visibility:visible}.deck-showcase{width:100%;container-type:inline-size}.award-deck .fan{width:100%;height:clamp(180px,70cqw,320px);position:relative;touch-action:pan-y;user-select:none;-webkit-user-select:none}.award-deck .slot{position:absolute;width:39cqw;aspect-ratio:1122/1402;left:50%;top:45%;transform-origin:50% 63%;pointer-events:none}.award-deck button.holo-card{width:100%;height:100%;display:block;appearance:none;pointer-events:auto;border:0;padding:0;background:transparent;filter:drop-shadow(1px 6px 5px #36231942)}.award-deck .holo-card__rotor{pointer-events:none}.award-deck .holo-card__face img{object-fit:contain}.award-deck .deal{width:100%;height:100%}.award-deck.entered:not(.still) .fan:not([data-browsing]) .deal{animation:award-deal .66s cubic-bezier(.17,.77,.22,1) var(--deal-delay) backwards}@keyframes award-deal{0%{opacity:0;transform:translate(var(--deal-offset),12%) rotate(var(--deal-angle)) scale(.9)}to{opacity:1;transform:none}}.award-deck:not(.is-detail) button.holo-card{pointer-events:none}.award-deck:not(.is-detail) button.holo-card:after{content:"";position:absolute;inset:7% 10%;border-radius:6%;pointer-events:auto}.deck-caption-wrap{width:100%;padding:0 16px;text-align:center}.deck-trophy{display:flex;align-items:center;justify-content:center;gap:9px;height:28px;color:#70450e}.deck-trophy:before,.deck-trophy:after{content:"";width:29px;height:1px;background:linear-gradient(90deg,transparent,#8c632b)}.deck-trophy:after{transform:scaleX(-1)}.deck-trophy span,.deck-trophy svg{display:block;width:26px;height:26px}.deck-trophy svg{filter:drop-shadow(0 1px 0 #ffdb91)}.deck-name{margin:6px 0 0;font-family:XiYue Review,XiYue Demo,system-ui,sans-serif;font-size:clamp(23px,6.4cqw,29px);line-height:1.25;font-weight:400;color:#362215}.deck-unlocked{margin:5px 0 0;font-size:12px;line-height:1.45;letter-spacing:.05em;color:#4b321f}.deck-unlocked b{margin-left:3px;font-weight:550;font-variant-numeric:tabular-nums}.deck-record{margin:6px 0 0;font-size:14px;line-height:1.5;color:#3d281c}.deck-home,.deck-detail-back{position:absolute;z-index:4;top:max(10px,env(safe-area-inset-top));left:4%;display:inline-flex;align-items:center;gap:7px;min-height:40px;padding:4px 8px;background:transparent;border:0;color:#493323;font:400 14px/1.4 XiYue Review,XiYue Demo,system-ui,sans-serif}.deck-home i,.deck-detail-back i{width:8px;height:8px;display:block;border:solid currentColor;border-width:0 0 1.5px 1.5px;transform:rotate(45deg)}.deck-inspect,.deck-footer{position:absolute;z-index:3;left:50%;bottom:max(20px,calc(env(safe-area-inset-bottom) + 12px));transform:translate(-50%)}.final-awards .next-link{font-family:XiYue Review,XiYue Demo,system-ui,sans-serif;color:#39261b}.deck-footer{width:100%;text-align:center;display:none;pointer-events:none}.deck-footer button,.deck-footer a{pointer-events:auto}.final-awards[data-card-view=detail] .deck-footer{display:flex;flex-direction:column;align-items:center}.final-awards[data-card-view=detail] .deck-home{display:none}.deck-footer .save-hint{margin:0;font-size:12px;line-height:1.4;color:#422e22}.deck-footer .save-hint a{color:inherit}.award-deck.is-detail{display:flex;flex-direction:column;justify-content:center;padding:65px 0 74px}.is-detail .deck-middle{width:100%}.is-detail .fan{--detail-w:min(84cqw,44dvh,365px);height:calc(var(--detail-w) * 1.25 + 18px);touch-action:pan-y}.is-detail .fan .slot[data-picked=true]{width:var(--detail-w);top:50%;transform:translate(-50%,-50%)!important;transform-origin:center}.is-detail .fan .deal{animation:none!important}.is-detail .deck-caption-wrap{margin-top:4px}.deck-load{position:absolute;left:0;right:0;top:48%;text-align:center;color:#473220;font-size:16px}.deck-load button{padding:10px;border-radius:18px}.phone.at-awards .chapter-dots{visibility:hidden}.phone.at-awards .app-header{background:transparent;color:#4a3220}@media(max-height:690px){.award-deck{padding-top:60px;padding-bottom:80px}.award-deck:not(.is-detail) .fan{height:clamp(178px,59cqw,250px)}.deck-record{margin-top:6px}}@media(prefers-reduced-motion:reduce){.award-deck .deal{animation:none!important}}@media(max-height:630px){#awards.final-awards{min-height:min(100dvh,600px)}.deck-title .deck-wordmark{width:130px;margin-bottom:5px}.deck-inspect,.deck-footer{bottom:max(8px,env(safe-area-inset-bottom))}.award-deck.is-detail{padding:48px 0 58px}.is-detail .fan{--detail-w:min(77cqw,40dvh,365px)}}@media(prefers-reduced-motion:no-preference){.motion-ready:not(.motion-paused) .deck-reading:not(.deck-browsing) [data-reading-step],.motion-ready:not(.motion-paused) .reading-back :is(.back-serial,.back-achievement,.back-translation){animation:reading-arrive .55s ease-out var(--enter-delay,0ms) both}}