/* 每日一抽结果始终留在原画面内；只有右侧正文或展开面板可以内部滚动。 */
.stage.ref-result{overflow:hidden;aspect-ratio:16/9;min-height:0;width:min(100vw,177.7778dvh)}
.ref-result-scroll{position:absolute;left:49.6%;top:29.8%;width:24.6%;height:40%;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#9c8aaa transparent;padding:0 .8em .2em .2em;background:#27293d;box-shadow:0 0 .5vw .3vw #27293d;overflow-wrap:anywhere}
.ref-result .ref-result-meta,.ref-result .ref-result-copy{position:static;width:auto;height:auto;overflow:visible;padding:0;background:transparent;box-shadow:none;font-size:.95em}
.ref-result .ref-result-meta{padding-bottom:.6em;margin-bottom:.8em;border-bottom:1px solid #c2ab7755}
.ref-result-meta p{font-size:.85em;color:#c7bacc}
.ref-result .ref-result-copy .ref-reading-heading{font-size:1.05em;margin:0 0 .8em}
.ref-result-scroll:focus-visible{outline:1px solid #bc9d7360;outline-offset:3px}
.ref-result-daily .ref-result-scroll{left:49.2%;top:31%;width:20.3%;height:32%}
.ref-result-menu{position:absolute;left:32%;bottom:15%;width:36%;z-index:5;text-align:center}
.ref-result-menu>summary{position:relative;display:block;cursor:pointer;list-style:none;padding:.55em 1.8em .55em 1em;border:1px solid #dfc399;border-radius:14px;background:linear-gradient(120deg,#51435e,#302d49);color:#fff0d2;font-size:1em;box-shadow:0 0 1.2em #d5b78033,inset 0 0 1em #d8bd8c12}
.ref-result-menu>summary strong{display:block;font-size:1.16em;letter-spacing:.08em;font-weight:500}
.ref-result-menu>summary small{display:block;margin-top:.3em;font-size:.67em;color:#e0d2e9}
.ref-result-menu>summary:hover,.ref-result-menu>summary:focus-visible{outline:2px solid #ffe0ae;outline-offset:3px;background:#554663}
.ref-result-menu>summary::-webkit-details-marker{display:none}
.ref-result-menu>summary:after{content:'＋';position:absolute;right:.65em;top:50%;transform:translateY(-50%);font-size:1.2em}
.ref-result-menu[open]>summary:after{content:' ×'}
.ref-result-tools{position:absolute;left:50%;bottom:calc(100% + .7em);transform:translateX(-50%);width:44cqw;max-height:56cqh;max-height:32cqw;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;margin:0;padding:1.2em;text-align:left;background:#202337f5;border:1px solid #baa17f;border-radius:16px;box-shadow:0 10px 50px #0009;font-size:.9em}
.ref-result-tools .actions{gap:.5em;flex-wrap:wrap}
.ref-result-tools button{font-size:inherit;padding:.5em .8em;min-height:0}
.ref-result-tools .notice,.ref-result-tools small{font-size:.85em}
.ref-result-tools .followup-form{margin-top:.7em}
.ref-result-tools .followup-form textarea{font-size:inherit;min-height:6em;height:7em;resize:vertical;padding:.8em}
.ref-result-tools .followup-item{margin-top:.7em;padding-top:.7em}
.ref-result-daily .ref-result-menu{bottom:14%}
.ref-detail-card[hidden]{display:none}
/* 遮住场景中预绘的卡背，避免单卡聚焦后露出旧牌阵。 */
.ref-result .ref-detail-cards{z-index:1}
.ref-result .ref-detail-cards::before{content:'';position:absolute;left:-1%;top:-8%;width:102%;height:132%;background:#27283d;box-shadow:0 0 1cqw .6cqw #27283d;z-index:-1;pointer-events:none}
.ref-result-daily .ref-detail-cards::before{top:0;height:100%}
.ref-result-scroll,.ref-focus-hint{z-index:2}
.ref-detail-card[data-action="card-detail"]:hover{filter:brightness(1.12);box-shadow:0 0 1.2cqw #d7bc8655}
.ref-result-focused .ref-detail-cards .ref-detail-card.is-focused{left:28%;top:-5%;width:43%;height:120%;transform:none;z-index:4;box-shadow:0 .5cqw 2cqw #09091788;transform-origin:top left}
.ref-result-focused.ref-result-daily .ref-detail-card.is-focused{left:0;top:0;width:100%;height:100%}
.ref-focus-back{position:absolute;left:28.2%;top:28.7%;border:1px solid #c3a87577;border-radius:2em;padding:.25em .8em;background:#27283de8;color:#ecd8af;font-size:.7em!important;z-index:5}
.ref-focus-hint{position:absolute;left:25%;top:67%;width:24.4%;margin:0;text-align:center;color:#c8bbd5;font-size:.64em;letter-spacing:.05em;pointer-events:none}
.ref-result-daily .ref-focus-back{left:32.2%;top:24%}
.ref-result-daily .ref-focus-hint{left:31%;width:17%;top:68%}
.ref-result-copy p{white-space:pre-line}
/* 原画已有返回圆框，悬停仅提亮内部，避免叠出第二圈。 */
.ref-result .ref-close:hover,.ref-result .ref-close:focus-visible{outline:none;box-shadow:none;background:radial-gradient(ellipse,#ead4aa30,transparent 70%)}
.ref-result .ref-close:focus-visible{outline:2px solid #ffe8bc;outline-offset:3px}
/* 每日两张底图共享关闭图标；热区贴合原画，悬停不再绘制额外圆框。 */
/* 收藏底图已有关闭圆框，仅在原圈内提亮，避免热区轮廓叠出第二圈。 */
.ref-collection .ref-close{left:71.83%;top:12.93%;width:3.13%;height:5.56%}
.ref-collection .ref-close:hover{outline:none;box-shadow:none;background:radial-gradient(ellipse,#ead4aa40,transparent 72%)}
.ref-collection .ref-close:focus-visible{outline:none;box-shadow:0 0 1cqw #ead4aa99;background:#ead4aa38}
.ref-daily .ref-close-daily,.ref-result-daily .ref-close-daily{left:67.72%;top:11.55%;width:2.98%;height:4.69%}
.ref-daily .ref-close-daily:hover,.ref-result-daily .ref-close-daily:hover{outline:none;box-shadow:none;background:radial-gradient(ellipse,#ead4aa40,transparent 72%)}
.ref-daily .ref-close-daily:focus-visible,.ref-result-daily .ref-close-daily:focus-visible{outline:none;box-shadow:0 0 1cqw #ead4aa99;background:#ead4aa38}
@media(prefers-reduced-motion:reduce){.ref-detail-card,.ref-result-scroll{animation:none!important;transition:none!important}}