/* Miaoling's private room: the counterpart appears inside a crystal sphere. */
.wb-account .wb-daily-shell{max-width:1120px;margin-inline:auto}
.wb-account .wb-daily-back{display:inline-flex;align-items:center;gap:8px;margin:0 0 18px;color:#ead1a6;text-decoration:none;font-size:13px}
.wb-account .wb-daily-back:hover{text-decoration:underline;text-underline-offset:5px}
.wb-account .wb-daily-stage{--orb-gold:#d8ae70;--orb-cream:#fff0d8;position:relative;isolation:isolate;overflow:hidden;min-height:590px;padding:clamp(24px,4vw,48px);border:1px solid #a87848;border-radius:20px;color:var(--orb-cream);background:radial-gradient(circle at 72% 40%,#a8753a27 0,transparent 38%),radial-gradient(circle at 18% 5%,#7e3e2c66 0,transparent 45%),linear-gradient(145deg,#351c1a,#1d1113 58%,#291817);box-shadow:inset 0 0 0 1px #fff4d612,0 28px 70px #190e0d50}
.wb-account .wb-daily-stage::before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background:url(images/miaoling-surface-20260827.webp) center/cover no-repeat;opacity:.17;mix-blend-mode:screen}
.wb-account .wb-daily-stage::after{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background:radial-gradient(circle at 8% 22%,#efc88f 0 1px,transparent 2px),radial-gradient(circle at 84% 16%,#f8d39a 0 1px,transparent 2px),radial-gradient(circle at 92% 68%,#f8d39a 0 1px,transparent 2px),radial-gradient(circle at 27% 80%,#efc88f 0 1px,transparent 2px);opacity:.7}
.wb-account .wb-daily-stage>*{position:relative;z-index:1}
.wb-account .wb-daily-stage.is-prejoin{background-image:url(images/miaoling-etched-ring.svg),radial-gradient(circle at 78% 44%,#b98b4c3a 0,transparent 35%),linear-gradient(135deg,#3e211e,#201214 68%);background-position:112% 45%,center,center;background-size:min(66%,590px),cover,cover;background-repeat:no-repeat}
.wb-account .wb-daily-heading{position:relative;z-index:1;max-width:690px}
.wb-account .wb-daily-heading .wb-eyebrow{margin:0 0 10px;color:#e3bd84;letter-spacing:.25em;font-size:11px}
.wb-account .wb-daily-heading h2{margin:0 0 10px;color:#fff3df;font:500 clamp(27px,3.5vw,42px)/1.3 var(--wb-serif,"Noto Serif TC",serif);letter-spacing:.12em}
.wb-account .wb-daily-heading>p:last-child{margin:0 0 22px;color:#dcc7b5;font-size:13px;line-height:1.7}
.wb-account .wb-daily-choice{position:relative;z-index:1;max-width:590px;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:34px 0 26px}
.wb-account .wb-daily-choice button{min-height:112px;padding:21px;border:1px solid #9c754caa;border-radius:12px;background:#2d1b1bd9;color:#fff1db;text-align:left;font-size:17px;letter-spacing:.08em;transition:transform .2s ease,background .2s ease,border-color .2s ease}
.wb-account .wb-daily-choice button:hover{transform:translateY(-2px);background:#50302a}
.wb-account .wb-daily-choice button[aria-pressed="true"]{border:2px solid #e1b977;background:#63402eeb;box-shadow:0 0 0 4px #e1b9771a}
.wb-account .wb-daily-choice small{color:#e9d1b5;font-size:12px;line-height:1.55;letter-spacing:0}
.wb-account .wb-daily-stage [data-daily-status]{position:relative;z-index:1;color:#f3dec4;font-size:13px;line-height:1.65}
.wb-account .wb-daily-stage [data-daily-join]{position:relative;z-index:1;min-height:48px;padding:10px 30px;border:1px solid #eccb93;border-radius:50px;background:#e7bc7c;color:#321f1a;font-weight:700;letter-spacing:.1em}
.wb-account .wb-daily-stage [data-daily-join]:hover:not(:disabled){background:#f5d49b;color:#2c1915}
.wb-account .wb-daily-stage [data-daily-join]:disabled{opacity:.5;cursor:not-allowed}
.wb-account .wb-daily-stage :is(button,a):focus-visible{outline:3px solid #fff0bb;outline-offset:3px}
.wb-account .wb-daily-stage.is-live{text-align:center;min-height:720px;background:radial-gradient(circle at 49% 37%,#9b724158 0,transparent 39%),linear-gradient(155deg,#39211f,#1d1215 69%,#291714)}
.wb-account .wb-daily-stage.is-live .wb-daily-heading{max-width:none}
.wb-account .wb-daily-stage.is-live .wb-daily-heading>p:last-child{margin-bottom:8px}
.wb-account .wb-daily-stage.is-live [data-daily-status]{margin:8px auto 28px;min-height:1.6em}
.wb-account .wb-daily-tiles{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 156px;align-items:end;justify-content:center;gap:clamp(24px,6vw,70px);max-width:770px;margin:0 auto 38px;padding:14px 0 34px}
.wb-account .wb-daily-tile{position:relative;isolation:isolate;display:grid;place-items:center;overflow:visible;width:min(100%,480px);min-height:0;aspect-ratio:1;border:1px solid #f4d8a9;border-radius:50%;background:radial-gradient(circle at 30% 25%,#c5a16a88,#664536 32%,#1f1820 78%);color:#fff3d8;box-shadow:0 0 0 8px #d7a96555,0 0 0 22px #d7a96515,0 0 90px #b7763755,inset 0 0 50px #f3d5a63d}
.wb-account .wb-daily-tile::before{content:"";position:absolute;inset:7%;z-index:2;border:1px solid #ffe9b766;border-radius:50%;pointer-events:none}
.wb-account .wb-daily-tile::after{content:"";position:absolute;inset:0;z-index:2;border-radius:50%;background:radial-gradient(circle at 25% 18%,#fff9df32,transparent 24%);pointer-events:none}
.wb-account .wb-daily-tile video{position:absolute;inset:0;display:none;width:100%;height:100%;border-radius:50%;object-fit:cover}
.wb-account .wb-daily-tile.has-video video{display:block}
.wb-account .wb-daily-avatar{display:grid;place-items:center;width:45%;height:45%;min-width:0;min-height:0;border:1px solid #f5d3a580;border-radius:50%;background:#674432ad;color:#fff1d6;font:500 clamp(32px,5vw,58px)/1 var(--wb-serif,"Noto Serif TC",serif);overflow:hidden}
.wb-account .wb-daily-avatar img{width:100%;height:100%;object-fit:cover}
.wb-account .wb-daily-tile.has-video .wb-daily-avatar{display:none}
.wb-account .wb-daily-tile strong{position:absolute;left:50%;bottom:-43px;z-index:3;transform:translateX(-50%);max-width:90%;padding:5px 15px;border:1px solid #b9925f88;border-radius:30px;background:#2d1a1dd9;color:#fff0d5;font-size:12px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.wb-account .wb-daily-self{width:156px;align-self:end;margin-bottom:25px;box-shadow:0 0 0 6px #d7a96555,0 0 0 14px #d7a96514,0 0 36px #aa693437}
.wb-account .wb-daily-self .wb-daily-avatar{font-size:27px}
.wb-account .wb-daily-self video{transform:scaleX(-1)}
.wb-account .wb-daily-controls{position:relative;z-index:4;display:flex;flex-wrap:wrap;justify-content:center;gap:10px;padding:18px;border:1px solid #b5906466;border-radius:50px;background:#2c1a1dcd;backdrop-filter:blur(12px);max-width:720px;margin:0 auto}
.wb-account .wb-daily-controls button{min-width:135px;min-height:44px;border-radius:50px;font-size:13px}
.wb-account .wb-daily-controls button:not(.wb-daily-leave){border-color:#b88a57;background:#47302b;color:#fff1dc}
.wb-account .wb-daily-controls button:not(.wb-daily-leave):hover{background:#664539}
.wb-account .wb-daily-controls button[aria-pressed="false"]{background:#6e3532;color:#fff}
.wb-account .wb-daily-controls .wb-daily-leave{border-color:#bf6a59;background:#963d30;color:#fff}
.wb-account .wb-daily-controls .wb-daily-leave:hover{background:#b44d3c}
.wb-account .wb-daily-teacher{border:1px solid #9e785666;border-radius:14px;background:linear-gradient(145deg,#38201e,#261718);color:#f8e9d5}
.wb-account .wb-daily-teacher h2{color:#f7e5c7;font-family:var(--wb-serif,"Noto Serif TC",serif)}
.wb-account .wb-daily-teacher>p,.wb-account .wb-daily-teacher-list article span{color:#d5bb9e}
.wb-account .wb-daily-test-share{max-width:600px}
.wb-account .wb-daily-test-share input{border-color:#ae885e;background:#291919;color:#ffe8c5}
@media(max-width:800px){.wb-account .wb-daily-stage.is-prejoin{background-position:145% 40%,center,center;background-size:75%,cover,cover}.wb-account .wb-daily-tiles{max-width:570px;grid-template-columns:minmax(0,1fr) 112px;gap:28px}.wb-account .wb-daily-self{width:112px}}
@media(max-width:600px){.wb-account .wb-daily-stage{min-height:0;padding:24px 20px;border-radius:14px}.wb-account .wb-daily-stage.is-prejoin{background-position:100% 38%,center,center;background-size:92%,cover,cover}.wb-account .wb-daily-stage.is-prejoin::before{opacity:.1}.wb-account .wb-daily-choice{margin-top:130px;grid-template-columns:1fr 1fr;gap:8px}.wb-account .wb-daily-choice button{min-height:90px;padding:12px;font-size:15px}.wb-account .wb-daily-stage.is-live{min-height:0}.wb-account .wb-daily-tiles{grid-template-columns:minmax(0,1fr) 74px;gap:12px;align-items:end;padding:12px 5px 36px;margin-bottom:18px}.wb-account .wb-daily-self{width:74px;margin-bottom:15px}.wb-account .wb-daily-self .wb-daily-avatar{font-size:20px}.wb-account .wb-daily-tile strong{bottom:-36px;font-size:10px}.wb-account .wb-daily-controls{border-radius:20px;padding:8px;gap:7px}.wb-account .wb-daily-controls button{flex:1 1 42%;min-width:0;padding:9px 6px}.wb-account .wb-daily-stage.is-live [data-daily-status]{margin-bottom:20px}}
@media(max-width:380px){.wb-account .wb-daily-choice{grid-template-columns:1fr;margin-top:100px}.wb-account .wb-daily-tiles{grid-template-columns:minmax(0,1fr) 58px;gap:8px}.wb-account .wb-daily-self{width:58px}}
@media(prefers-reduced-motion:no-preference){.wb-account .wb-daily-stage.is-live .wb-daily-tile:not(.wb-daily-self){animation:wb-orb-breathe 7s ease-in-out infinite}@keyframes wb-orb-breathe{50%{box-shadow:0 0 0 8px #e2b47788,0 0 0 23px #d7a9651f,0 0 108px #c887465a,inset 0 0 55px #f3d5a655}}}