@import "https://fonts.googleapis.com/css2?family=Ma+Shan+Zheng&family=Noto+Serif+SC:wght@400;700&display=swap";:root{--c-red:#8b0000;--c-gold:#d4af37;--c-dark-gold:#b28a2a;--c-black:#1a1a1a;--c-paper:#f4e8d3;--c-bamboo:#e3c498;--c-bamboo-dark:#b58d56}*{box-sizing:border-box}body{width:100vw;height:100vh;margin:0;font-family:Noto Serif SC,serif;overflow:hidden}body.mode-obs{background-color:#0000!important}body.mode-web{background-image:radial-gradient(circle,#fbf2e3 0%,#e6d3b3 100%);background-color:var(--c-paper)!important}#root{width:100%;height:100%;position:relative}.control-panel{border:1px solid var(--c-gold);color:var(--c-paper);z-index:9999;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#1a1a1ad9;border-radius:8px;flex-direction:column;gap:12px;min-width:280px;padding:16px;transition:transform .3s;display:flex;position:absolute;bottom:20px;right:20px;box-shadow:0 4px 12px #00000080}.control-panel.hidden{transform:translate(120%)}.cp-header{border-bottom:1px solid #d4af374d;justify-content:space-between;align-items:center;padding-bottom:8px;display:flex}.cp-title{color:var(--c-gold);margin:0;font-size:16px;font-weight:700}input.cp-input{color:#fff;background:#00000080;border:1px solid #fff3;border-radius:4px;outline:none;padding:8px;font-family:inherit;transition:border .2s}input.cp-input:focus{border-color:var(--c-gold)}button.cp-btn{background:linear-gradient(135deg, var(--c-dark-gold), var(--c-gold));color:#000;cursor:pointer;border:none;border-radius:4px;padding:8px 12px;font-family:inherit;font-weight:700;transition:opacity .2s}button.cp-btn:hover{opacity:.9}button.cp-btn-secondary{color:#fff;background:#ffffff1a}.toggle-panel-btn{background:var(--c-black);border:1px solid var(--c-gold);color:var(--c-gold);cursor:pointer;z-index:10000;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;display:flex;position:absolute;bottom:20px;right:20px;box-shadow:0 0 10px #d4af3766}.fortune-overlay{pointer-events:none;width:100vw;height:100vh;position:absolute;top:0;left:0}.qiantong-container{perspective:1000px;z-index:50;width:180px;height:400px;position:absolute;bottom:80px;left:calc(50% - 90px)}.qiantong{background-image:url(/pic/pot.webp);background-position:bottom;background-repeat:no-repeat;background-size:contain;width:100%;height:100%;position:relative;overflow:visible}.qiantong.anim-shake{animation:1s cubic-bezier(.36,.07,.19,.97) both shake}@keyframes shake{10%,90%{transform:translate(-1px)rotate(-3deg)}20%,80%{transform:translate(2px)rotate(5deg)}30%,50%,70%{transform:translate(-4px)rotate(-8deg)}40%,60%{transform:translate(4px)rotate(8deg)}}.stick{z-index:-1;opacity:0;background-image:url(/pic/draw.webp);background-position:bottom;background-repeat:no-repeat;background-size:contain;width:50px;height:240px;margin-left:-25px;position:absolute;top:-10px;left:50%}.stick.anim-fly{animation:1s cubic-bezier(.2,.8,.2,1) .8s forwards flyOut}@keyframes flyOut{0%{opacity:0;z-index:-1;transform:translateY(0)}20%{opacity:1;z-index:10}to{opacity:1;z-index:10;transform:translateY(-120px)scale(1.1)}}.scroll-container{opacity:0;pointer-events:none;z-index:100;justify-content:center;align-items:center;width:480px;height:650px;max-height:95vh;display:flex;position:absolute;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-50%)}.scroll-container.anim-expand{animation:.5s .1s forwards fadeInScroll}.scroll-container.anim-fadeout{animation:1s forwards fadeOut}@keyframes fadeInScroll{0%{opacity:0;transform:translate(-50%,-50%)scale(.8)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}@keyframes fadeOut{0%{opacity:1;transform:translate(-50%,-50%)scale(1)}to{opacity:0;transform:translate(-50%,-50%)scale(.9)}}.scroll-bg{box-sizing:border-box;background-image:url(/pic/decoration.webp),url(/pic/panel2.webp);background-position:50%,50%;background-repeat:no-repeat,no-repeat;background-size:cover,100% 100%;width:100%;height:100%;padding:60px 40px;position:relative;overflow:hidden}.scroll-content{width:100%;height:100%;overflow:hidden}.fortune-info{width:100%;height:100%;font-family:Ma Shan Zheng,Noto Serif SC,serif;overflow:hidden}.username-tag{color:var(--c-black);opacity:.7;letter-spacing:4px;vertical-align:top;max-height:100%;margin-left:20px;font-size:15px;display:inline-block;overflow:hidden}.fortune-level{color:var(--c-red);text-shadow:2px 2px 4px #0003;letter-spacing:8px;vertical-align:top;max-height:100%;margin-left:28px;font-size:40px;font-weight:700;display:inline-block;overflow:hidden}.fortune-level.level-SS{color:var(--c-red)}.fortune-level.level-D{color:#333}.fortune-poem{color:var(--c-black);letter-spacing:5px;vertical-align:top;max-height:100%;margin-left:28px;font-size:22px;line-height:1.9;display:inline-block;overflow:hidden}.fortune-interpretation{color:#333;vertical-align:top;max-height:100%;font-size:15px;line-height:1.75;display:inline-block;overflow:hidden}.fortune-seal{border:5px solid var(--c-red);width:80px;height:80px;color:var(--c-red);opacity:.85;border-radius:10px;justify-content:center;align-items:center;font-family:Ma Shan Zheng,cursive;font-size:32px;display:flex;position:absolute;bottom:40px;right:50px;transform:rotate(-15deg);box-shadow:inset 0 0 8px #8b000033}.web-panel-wrapper{z-index:50;justify-content:center;align-items:center;width:100%;height:100%;transition:opacity .5s ease-in-out;display:flex;position:absolute;top:0;left:0}.web-panel-container{opacity:.95;background-image:url(/pic/decoration.webp);background-position:0 100%;background-repeat:no-repeat;background-size:30%;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.web-panel-card{-webkit-backdrop-filter:blur(10px);border:2px solid var(--c-gold);text-align:center;background:#fff9;border-radius:16px;width:90%;max-width:480px;padding:40px;box-shadow:0 10px 30px #0000001a}.web-panel-title{color:var(--c-red);letter-spacing:8px;margin:0 0 10px;font-family:Ma Shan Zheng,cursive;font-size:48px}.web-panel-subtitle{color:var(--c-dark-gold);letter-spacing:4px;margin:0 0 30px;font-size:16px}.web-form-group{text-align:left;margin-bottom:24px}.web-form-group label{color:var(--c-black);margin-bottom:8px;font-size:16px;font-weight:700;display:block}.web-form-group input{border:1px solid var(--c-bamboo);width:100%;color:var(--c-black);background:#fffc;border-radius:8px;outline:none;padding:12px 16px;font-family:Noto Serif SC,serif;font-size:16px}.web-form-group input:focus{border-color:var(--c-dark-gold)}.category-grid{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.category-btn{border:1px solid var(--c-bamboo);color:var(--c-black);cursor:pointer;background:#ffffff80;border-radius:8px;padding:10px 0;font-family:Noto Serif SC,serif;font-size:15px;transition:all .2s}.category-btn.active{background:var(--c-red);color:#fff;border-color:var(--c-red);box-shadow:0 4px 8px #8b00004d}.draw-action-btn{background:linear-gradient(135deg, var(--c-gold), var(--c-dark-gold));color:#fff;cursor:pointer;letter-spacing:4px;border:none;border-radius:8px;width:100%;margin-top:10px;padding:16px;font-family:Noto Serif SC,serif;font-size:20px;font-weight:700;transition:transform .1s;box-shadow:0 4px 12px #d4af3766}.draw-action-btn:active{transform:scale(.98)}