:root{--act-bg: #ffffff;--act-bg-gradient: #ffffff;--act-primary: #928574;--act-primary-dark: #65573A;--act-text: #333333;--act-text-muted: rgba(0, 0, 0, 0.55);--act-block-bg: rgba(146, 133, 116, 0.08);--act-block-border: rgba(146, 133, 116, 0.4);--act-tab-bg: transparent;--act-tab-active-bg: var(--act-primary);--act-tab-active-text: #ffffff;--act-table-head-bg: rgba(146, 133, 116, 0.15);--act-table-row-bg: rgba(0, 0, 0, 0.03);--act-modal-bg: #ffffff;--act-modal-text: #333333;--act-max-width: 1200px}body{margin:0;background:#fff8ee;color:var(--act-text);font-family:"Microsoft JhengHei","Heiti TC",Arial,sans-serif;overflow-x:hidden;position:relative}body::before{content:"";position:fixed;inset:0;background:url("/tpl/SW/assets/images/redpacket/top_bg.webp") top center/cover no-repeat;z-index:-1}@media(max-width: 768px){body::before{background-image:url("/tpl/SW/assets/images/redpacket/top_bg_mobile.webp")}}#activity-app{max-width:var(--act-max-width);margin:0 auto;padding:0 12px 60px;position:relative;z-index:1}.act-current-name{display:block;width:fit-content;max-width:calc(100% - 24px);margin:16px auto 20px;padding:10px 26px;border:1px solid var(--act-primary);border-radius:999px;background:#fff;color:#65573a;font-size:15px;font-weight:600;box-shadow:0 2px 8px rgba(146,133,116,.2);text-align:center;word-break:break-word}.act-title{text-align:center;margin:12px auto 18px}.act-title img{max-width:min(460px,84%);height:auto}.act-switcher-wrap{position:fixed;top:12px;right:12px;z-index:1000}.act-switcher-btn{width:32px;height:32px;padding:0;background:rgba(0,0,0,.45);border:1.5px solid hsla(0,0%,100%,.6);border-radius:50%;color:#fff;box-shadow:0 2px 6px rgba(0,0,0,.25);display:flex;justify-content:center;align-items:center;cursor:pointer}.act-switcher-btn:hover{background:rgba(0,0,0,.65)}.act-switcher-btn[aria-expanded=true] .act-switcher-arrow{transform:rotate(180deg)}.act-switcher-arrow{font-size:18px;line-height:1;transition:transform .2s}.act-switcher-menu{position:absolute;top:40px;right:0;margin:0;padding:6px 0;list-style:none;background:rgba(0,0,0,.85);border:1.5px solid hsla(0,0%,100%,.3);border-radius:8px;box-shadow:0 6px 20px rgba(0,0,0,.3);min-width:220px;max-height:60vh;overflow-y:auto}.act-switcher-item{display:block;padding:10px 16px;color:#fff;font-size:14px;text-decoration:none;white-space:nowrap}a.act-switcher-item:hover{background:hsla(0,0%,100%,.12);color:#fff;text-decoration:none}.act-switcher-item.active{background:var(--act-primary, #888);color:#fff;font-weight:bold;cursor:default}@media(min-width: 768px){.act-switcher-btn{width:44px;height:44px;border-width:2px}.act-switcher-arrow{font-size:24px}.act-switcher-menu{top:52px}}.act-header{text-align:center;padding:16px 0 8px}.act-header img{max-width:150px;height:auto;filter:drop-shadow(0 1px 2px rgba(0, 0, 0, 0.45))}.act-roulette-wrap{text-align:center;margin:24px 0 16px;position:relative}.act-roulette-wrap::before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:600px;height:600px;max-width:90vw;max-height:90vw;background:radial-gradient(circle, rgba(146, 133, 116, 0.28) 0%, transparent 60%);z-index:0;pointer-events:none}.act-roulette-box{position:relative;display:inline-block;width:480px;max-width:100%;aspect-ratio:1/1;z-index:1}.act-roulette-box img{display:block;max-width:100%}.act-roulette-box .act-pointer{position:absolute;top:0;left:0;width:100%;cursor:pointer;z-index:8}.act-roulette-box .act-machine{position:absolute;top:0;left:0;width:100%;filter:drop-shadow(0 0 4px #444);pointer-events:none;z-index:5}.act-roulette-box .act-roulette{position:absolute;top:0;left:0;width:100%;z-index:2;transition:transform 4s cubic-bezier(0.25, 0.1, 0.1, 1)}.act-wheel-img{filter:drop-shadow(0 0 1.5px rgba(0, 0, 0, 0.55))}.act-status{text-align:center;margin-bottom:16px}.act-status-msg{display:inline-block;padding:8px 20px;border-radius:999px;background:hsla(0,0%,100%,.9);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);border:1px solid var(--act-block-border);color:var(--act-text);font-weight:600;box-shadow:0 2px 8px rgba(0,0,0,.1)}.act-status-msg a{color:inherit;text-decoration:none}.act-status-msg a:hover{color:var(--act-primary-dark);text-decoration:none}.act-status p{margin:8px 0 0;color:#fff;font-weight:500;text-shadow:0 2px 6px rgba(0,0,0,.7)}.act-count{color:#cabeac;font-weight:bold;font-size:18px;text-shadow:0 2px 6px rgba(0,0,0,.7)}.act-content{display:block}.act-block{background:rgba(0,0,0,.6);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);border:3px solid var(--act-primary);border-radius:12px;padding:36px 24px 20px;margin:36px auto 20px;max-width:800px;text-align:center;color:#eee;box-shadow:rgba(50,50,93,.25) 0 10px 20px -5px,rgba(0,0,0,.3) 0 5px 10px -8px;transition:box-shadow .2s,transform .2s}.act-block-title{display:inline-block;position:relative;top:-3.2rem;margin:0;padding:8px 32px;background:linear-gradient(135deg, #a89a88 0%, #928574 100%);color:#fff;border-radius:999px;border:2px solid #fff;font-size:16px;font-weight:bold;letter-spacing:2px;box-shadow:0 3px 8px rgba(0,0,0,.2)}.act-block>:first-child+*{margin-top:-2rem}.act-block-text{text-align:center;line-height:1.6;color:#eee}.act-text-left{text-align:left}.act-block-text p{margin:4px 0}.act-date-pick{display:grid;grid-template-columns:repeat(auto-fit, minmax(60px, 1fr));gap:6px;margin:8px 0 12px;width:100%}.act-date-pick .act-date-btn{max-width:160px;padding:4px 10px;border-radius:4px;border:1px solid var(--act-block-border);color:var(--act-text-muted);background:rgba(0,0,0,0);font-size:13px;cursor:pointer;text-decoration:none;text-align:center;transition:all .15s ease}.act-date-pick .act-date-btn:hover{color:var(--act-primary-dark);border-color:var(--act-primary)}.act-date-pick .act-date-btn.active{background:var(--act-primary);color:#fff;border-color:var(--act-primary)}.act-prize-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(120px, 1fr));gap:12px;padding:16px}.act-prize-card{display:flex;flex-direction:column;align-items:center;padding:12px 10px;background:hsla(0,0%,100%,.12);border:1px solid var(--act-primary);border-radius:10px;text-align:center;max-width:150px;transition:transform .15s,box-shadow .15s}.act-prize-card:hover{transform:translateY(-2px);box-shadow:0 4px 10px rgba(0,0,0,.15)}.act-prize-img{width:60px;height:60px;object-fit:contain;margin-bottom:8px}.act-prize-name{font-size:14px;color:#f0e9e0;font-weight:600;line-height:1.3}.act-user-got{background:rgba(146,133,116,.25) !important;font-weight:600}.act-table-block .act-table{width:100%;border-collapse:collapse;color:#eee;font-size:13px}.act-table th,.act-table td{padding:6px 6px;text-align:center;border-bottom:1px solid hsla(0,0%,100%,.15)}.act-table thead th{background:var(--act-primary);color:#fff;font-weight:600}.act-table tbody tr:nth-child(even){background:hsla(0,0%,100%,.05)}.act-table tbody tr:hover{background:hsla(0,0%,100%,.12)}.act-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;max-width:420px;margin:60px auto;padding:48px 32px;text-align:center;background:hsla(0,0%,100%,.95);border-radius:20px;box-shadow:0 10px 30px rgba(180,60,20,.18)}.act-empty-icon{width:100px;height:auto;margin-bottom:20px;filter:drop-shadow(0 6px 12px rgba(0, 0, 0, 0.15))}.act-empty-text{margin:0;font-size:19px;font-weight:700;color:var(--act-text);letter-spacing:.5px}.act-empty-sub{margin:10px 0 0;font-size:14px;color:var(--act-text-muted)}.act-snow-item{position:fixed;top:-80px;z-index:999;animation:act-snow-fall 4.5s ease-in forwards;pointer-events:none;filter:drop-shadow(0 2px 4px rgba(0, 0, 0, 0.2))}@keyframes act-snow-fall{0%{top:-80px;opacity:.9}100%{top:110vh;opacity:.85}}.act-modal .modal-content{border:none;border-radius:16px;overflow:hidden;box-shadow:0 20px 60px rgba(0,0,0,.25);background:#fff}.act-modal .modal-header{display:flex;align-items:center;padding:16px 20px;border-bottom:1px solid rgba(146,133,116,.3);background:linear-gradient(180deg, #f5f1ec 0%, #fff 100%);position:relative}.act-modal .modal-header .close{margin:0;padding:0;position:absolute;top:14px;right:18px;font-size:24px;color:#999;opacity:1;text-shadow:none}.act-modal .modal-header .close:hover{color:var(--act-primary)}.act-modal-logo{flex:0 0 auto;height:36px}.act-modal-logo img{height:100%}.act-modal-code{margin-left:auto;margin-right:36px;font-size:12px;color:var(--act-primary-dark);letter-spacing:2px;font-family:"Consolas",monospace}.act-modal .modal-body{padding:28px 24px;text-align:center}.act-modal-congrats{font-size:18px;color:var(--act-primary-dark);font-weight:600;letter-spacing:4px;margin-bottom:16px}.act-modal-bonus-wrap{background:linear-gradient(135deg, #f5f1ec 0%, #e7ddd0 100%);border:2px solid var(--act-primary);border-radius:12px;padding:20px 24px;margin:0 auto 20px;max-width:320px;box-shadow:inset 0 0 16px rgba(146,133,116,.2)}.act-modal-bonus{display:inline-block;font-size:30px;font-weight:bold;color:var(--act-primary-dark);text-shadow:0 2px 4px rgba(101,87,58,.2)}.act-modal-account,.act-modal-time{margin:4px 0;font-size:14px;color:#555}.act-modal-account span,.act-modal-time span{color:#333;font-weight:500}.act-modal-icon{font-size:48px;line-height:1;margin-bottom:12px}.act-modal-headline{margin:0 0 8px;font-size:20px;color:#333;font-weight:600}.act-modal-text{margin:8px 0 20px;color:#666;font-size:14px;line-height:1.6}.act-modal-btn{display:inline-block;padding:10px 30px;border-radius:999px;background:var(--act-primary);color:#fff;font-weight:600;text-decoration:none;transition:all .2s}.act-modal-btn:hover{background:var(--act-primary-dark);color:#fff;text-decoration:none;transform:translateY(-1px)}@media(max-width: 768px){.act-block{padding:30px 14px 14px;margin:30px 0 16px;border-width:2px}.act-block-title{top:-2.8rem;padding:6px 22px;font-size:15px;letter-spacing:1px}.act-block>:first-child+*{margin-top:-1.6rem}}@media(max-width: 480px){#activity-app{padding:0 8px 40px}.act-roulette-box{width:92vw;max-width:92vw}}