:root{--primary-color:#d857e8;--secondary-color:#9333ea;--accent-color:#f06292;--warm-color:#e1bee7;--color-nintendo:#e53935;--color-sony:#2196f3;--color-pc-android:#fbc02d;--color-other:#43a047;--nintendo-rgb:229,57,53;--sony-rgb:33,150,243;--pc-android-rgb:251,192,45;--other-rgb:67,160,71;--success-color:#81c784;--warning-color:#ffb74d;--danger-color:#e57373;--bg-light:#fdf7fb;--bg-white:#ffffff;--bg-gradient:linear-gradient(135deg,#fce4ec,#f3e5f5);--text-primary:#424242;--text-secondary:#757575;--text-tertiary:#9e9e9e;--text-gray:#666;--text-dark:#333;--border-light:#fce4ec;--border-hover:#f8bbd0;--bg-hover:#fce4ec;--bg-disabled:#fafafa;--shadow-sm:0 2px 4px rgba(0,0,0,0.05);--shadow-md:0 4px 6px rgba(0,0,0,0.08);--shadow-lg:0 8px 16px rgba(0,0,0,0.15);--shadow-highlight:0 3px 8px rgba(0,0,0,0.12),0 1px 3px rgba(0,0,0,0.12);--shadow-highlight-hover:0 5px 12px rgba(0,0,0,0.18),0 2px 4px rgba(0,0,0,0.18);--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-full:9999px;--transition-fast:0.2s ease-in-out;--transition-normal:0.3s ease-in-out;--transition-slow:0.4s ease-in-out}*{margin:0;padding:0;box-sizing:border-box;font-family:PingFang SC,Microsoft YaHei,微软雅黑,Helvetica Neue,Arial,sans-serif;-webkit-tap-highlight-color:transparent}body{color:var(--text-primary);padding:20px;line-height:1.6;min-height:100vh;-webkit-font-smoothing:antialiased;background-image:url(/bg.jpg);background-repeat:no-repeat;background-position:50%;background-size:cover;background-attachment:fixed}.container{max-width:900px;min-width:280px;text-align:center;margin:20px auto 0;background:linear-gradient(135deg,rgba(255,255,255,.88),rgba(255,255,255,.85) 50%,rgba(255,255,255,.88));padding:30px 30px 20px;border-radius:var(--radius-lg);box-shadow:0 8px 32px rgba(216,87,232,.12),0 2px 8px rgba(240,98,146,.08),0 0 0 1px rgba(255,255,255,.5),inset 0 1px 0 rgba(255,255,255,.9),inset 0 -1px 0 rgba(216,87,232,.05);border:1px solid rgba(255,255,255,.8);position:relative;overflow:visible;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);isolation:isolate}.container:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;pointer-events:none}.container:before,.title{background:linear-gradient(90deg,var(--primary-color),var(--accent-color),var(--secondary-color))}.title{font-size:36px;margin-bottom:5px;-webkit-background-clip:text;background-clip:text;color:transparent;font-weight:700;letter-spacing:.5px;position:relative;display:inline-block}.title:after{content:"";position:absolute;bottom:-6px;left:10%;width:80%;height:2px;background:linear-gradient(90deg,transparent,var(--primary-color),transparent);border-radius:var(--radius-full)}.sub-title{font-size:16px;color:var(--text-secondary);margin-bottom:25px;font-weight:400;display:flex;align-items:center;justify-content:center;gap:8px}.sub-title:after,.sub-title:before{content:"";width:30px;height:1px;background-color:var(--border-light)}.tab-header{display:flex;justify-content:center;align-items:center;gap:12px;margin:10px auto 15px;flex-wrap:wrap;padding:10px;background-color:transparent;width:80%;max-width:600px;position:relative;z-index:100}.tab-btn{padding:10px 24px;border:none;background-color:rgba(255,255,255,.9);border-radius:var(--radius-md);cursor:pointer;font-size:15px;font-weight:600;color:var(--text-primary);transition:all var(--transition-fast);box-shadow:var(--shadow-highlight),inset 0 1px 0 rgba(255,255,255,.9);position:relative;overflow:hidden}.tab-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(216,87,232,.05),transparent);transition:var(--transition-normal);pointer-events:none}.tab-btn:hover:before{left:100%}.tab-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-highlight-hover),inset 0 1px 0 rgba(255,255,255,.9)}.tab-btn[data-category="任天堂"]:hover{background-color:rgba(var(--nintendo-rgb),.1);color:var(--color-nintendo)}.tab-btn[data-category="索尼"]:hover{background-color:rgba(var(--sony-rgb),.1);color:var(--color-sony)}.tab-btn[data-category="PC及安卓"]:hover{background-color:rgba(var(--pc-android-rgb),.1);color:var(--color-pc-android)}.tab-btn[data-category="其他平台"]:hover{background-color:rgba(var(--other-rgb),.1);color:var(--color-other)}.tab-btn[data-category="任天堂"].active{background:linear-gradient(90deg,#e63946,#f472b6);color:white;box-shadow:0 4px 8px rgba(var(--nintendo-rgb),.2)}.tab-btn[data-category="索尼"].active{background:linear-gradient(90deg,#003791,#3b82f6);color:white;box-shadow:0 4px 8px rgba(var(--sony-rgb),.2)}.tab-btn[data-category="PC及安卓"].active{background:linear-gradient(90deg,#eab308,#facc15);color:white;box-shadow:0 4px 8px rgba(var(--pc-android-rgb),.2)}.tab-btn[data-category="其他平台"].active{background:linear-gradient(90deg,#107c10,#34d399);color:white;box-shadow:0 4px 8px rgba(var(--other-rgb),.2)}.tab-btn[data-category="任天堂"].active:hover{box-shadow:0 6px 12px rgba(var(--nintendo-rgb),.3)}.tab-btn[data-category="索尼"].active:hover{box-shadow:0 6px 12px rgba(var(--sony-rgb),.3)}.tab-btn[data-category="PC及安卓"].active:hover{box-shadow:0 6px 12px rgba(var(--pc-android-rgb),.3)}.tab-btn[data-category="其他平台"].active:hover{box-shadow:0 6px 12px rgba(var(--other-rgb),.3)}.tab-panel-wrapper{position:relative;width:100%;margin-bottom:20px;z-index:100}.tab-panel{position:relative;top:0;left:0;transform:none;width:100%;max-width:500px;margin:0 auto;background-color:rgba(255,255,255,.98);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);padding:20px;display:none;z-index:999;gap:10px;flex-wrap:wrap;justify-content:center;animation:panelFadeIn var(--transition-fast);border:1px solid rgba(255,255,255,.8)}.tab-panel.show{display:flex}.tag-item{padding:8px 16px;background-color:rgba(255,255,255,.8);border-radius:var(--radius-sm);font-size:14px;cursor:pointer;white-space:nowrap;transition:all var(--transition-fast);border:1px solid transparent;position:relative;overflow:hidden;box-shadow:0 2px 4px rgba(0,0,0,.08)}.tag-item:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(240,98,146,.1),transparent);transform:translateX(-100%);transition:var(--transition-normal)}.tag-item:hover:before{transform:translateX(100%)}.tag-item:hover:not(.active){background-color:rgba(var(--category-color-rgb),.1);box-shadow:0 3px 6px rgba(0,0,0,.1)}.tag-item.active,.tag-item:hover:not(.active){border-color:var(--category-color);color:var(--category-color);transform:translateY(-1px)}.tag-item.active{background:linear-gradient(90deg,rgba(var(--category-color-rgb),.1),rgba(var(--category-color-rgb),.05));font-weight:600;box-shadow:0 3px 6px rgba(var(--category-color-rgb),.2)}.tag-item[data-category="任天堂"]{--category-color:var(--color-nintendo);--category-color-rgb:var(--nintendo-rgb)}.tag-item[data-category="索尼"]{--category-color:var(--color-sony);--category-color-rgb:var(--sony-rgb)}.tag-item[data-category="PC及安卓"]{--category-color:var(--color-pc-android);--category-color-rgb:var(--pc-android-rgb)}.tag-item[data-category="其他平台"]{--category-color:var(--color-other);--category-color-rgb:var(--other-rgb)}.selected-tag-hint{margin:5px auto 20px;font-size:14px;color:var(--text-secondary);text-align:left;padding:12px 20px;background-color:transparent;border-radius:var(--radius-md);cursor:pointer;border-left:4px solid var(--accent-color);transition:all var(--transition-fast);display:flex;align-items:center;gap:10px;width:80%;max-width:600px;flex-wrap:wrap}.selected-tag-hint:before{content:"🏷️";font-size:16px;flex-shrink:0}.selected-tag-hint:hover{background-color:rgba(252,228,236,.3);transform:translateX(4px) translateY(-1px);box-shadow:var(--shadow-sm)}.selected-tag-wrapper{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.selected-tag-chip{display:flex;align-items:center;gap:6px;padding:4px 10px;background:linear-gradient(90deg,rgba(var(--category-color-rgb),.1),rgba(var(--category-color-rgb),.05));border-radius:var(--radius-sm);color:var(--text-primary);font-weight:500;border:1px solid var(--border-light)}.tag-close{width:16px;height:16px;line-height:14px;text-align:center;border-radius:50%;background:var(--accent-color);color:white;cursor:pointer;font-size:12px;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:all var(--transition-fast)}.tag-close:hover{background:var(--primary-color);transform:scale(1.1);box-shadow:0 1px 3px rgba(240,98,146,.3)}.search-box{margin:5px 0 25px;display:flex;justify-content:center;align-items:center;gap:12px;flex-wrap:wrap;position:relative;width:100%}.search-input-wrap{position:relative;flex:1 1;min-width:200px;max-width:600px}#gameSearch{width:100%;padding:14px 40px 14px 22px;font-size:15px;border:1px solid rgba(255,255,255,.8);border-radius:var(--radius-md);outline:none;background-color:rgba(255,255,255,.9);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);transition:all var(--transition-fast);color:var(--text-primary);box-shadow:var(--shadow-highlight),inset 0 1px 2px rgba(0,0,0,.03);box-sizing:border-box}.search-clear-btn{position:absolute;right:10px;top:50%;transform:translateY(-50%);background:none;border:none;font-size:18px;color:var(--text-tertiary);cursor:pointer;padding:4px;line-height:1;transition:color .2s}.search-clear-btn:hover{color:var(--danger-color)}#gameSearch:focus{border-color:var(--accent-color);box-shadow:0 0 0 4px rgba(240,98,146,.1),var(--shadow-highlight-hover),inset 0 1px 2px rgba(0,0,0,.03);transform:translateY(-2px);background-color:rgba(255,255,255,.4);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);z-index:100}#gameSearch::-moz-placeholder{color:var(--text-tertiary);opacity:.9}#gameSearch::placeholder{color:var(--text-tertiary);opacity:.9}#gameSearch:focus::-moz-placeholder{color:var(--text-secondary);opacity:.8}#gameSearch:focus::placeholder{color:var(--text-secondary);opacity:.8}#searchBtn{padding:14px 32px;font-size:15px;background:linear-gradient(90deg,var(--primary-color),var(--accent-color),var(--secondary-color));color:white;border:none;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);font-weight:600;box-shadow:0 4px 8px rgba(216,87,232,.2);display:flex;align-items:center;justify-content:center;gap:8px;white-space:nowrap;min-width:110px}#searchBtn:before{content:"🔍";font-size:16px}#searchBtn:hover{transform:translateY(-3px);box-shadow:0 6px 12px rgba(216,87,232,.3);background:linear-gradient(90deg,var(--accent-color),var(--primary-color),var(--secondary-color));filter:brightness(1.05)}#searchBtn:active{transform:translateY(-1px);box-shadow:0 3px 6px rgba(216,87,232,.2)}#searchBtn:disabled{background:var(--bg-disabled);color:var(--text-tertiary);cursor:not-allowed;transform:none;box-shadow:none;filter:none;opacity:.7}.result-box{border:1px solid rgba(255,255,255,.6);border-radius:var(--radius-md);padding:20px;text-align:left;background-color:rgba(255,255,255,.85);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);margin-top:15px;box-shadow:var(--shadow-md);animation:fadeIn var(--transition-normal);position:relative;overflow:hidden}.result-box:before{content:"";position:absolute;top:0;left:0;width:100%;height:3px;background:linear-gradient(90deg,var(--primary-color),var(--accent-color),var(--secondary-color))}.result-header{justify-content:space-between;margin-bottom:15px;font-weight:600;color:var(--text-primary);padding-bottom:10px;border-bottom:1px solid var(--border-light);font-size:16px}.close-btn,.result-header{display:flex;align-items:center}.close-btn{background:transparent;border:none;font-size:20px;cursor:pointer;color:var(--text-secondary);width:36px;height:36px;border-radius:50%;justify-content:center;transition:all var(--transition-fast)}.close-btn:hover{color:var(--danger-color);background-color:#fef2f2;transform:rotate(90deg);box-shadow:0 2px 8px rgba(239,68,68,.2)}.loading{color:var(--text-secondary);margin-bottom:10px;display:flex;align-items:center;gap:10px;font-size:15px;justify-content:center;padding:15px 0}.loading:before{content:"";width:18px;height:18px;border:2px solid var(--border-light);border-top-color:var(--accent-color);border-radius:50%;animation:spin 1s linear infinite}.resource-link{color:var(--accent-color);text-decoration:none;font-weight:600;position:relative}.resource-link:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:2px;background-color:var(--accent-color);transition:width var(--transition-fast)}.resource-link:hover{color:var(--secondary-color)}.resource-link:hover:after{width:100%}.result-item{padding:14px 18px;border-radius:var(--radius-md);background-color:rgba(255,255,255,.85);margin-bottom:12px;transition:all var(--transition-fast);box-shadow:0 2px 8px rgba(0,0,0,.06);border:1px solid rgba(255,255,255,.8);display:flex;flex-wrap:nowrap;gap:14px;align-items:flex-start}.game-thumb{width:64px;height:64px;border-radius:8px;overflow:hidden;flex-shrink:0;background:rgba(0,0,0,.05);display:flex;align-items:center;justify-content:center;box-shadow:0 2px 6px rgba(0,0,0,.1)}.result-middle{flex:1 1;min-width:0;display:flex;flex-direction:column;gap:6px}.game-title-row{display:flex;flex-wrap:wrap;align-items:center;gap:6px;font-size:15px}.game-index,.game-name-text{font-weight:700;font-size:15px}.game-name-text{color:var(--text-primary);word-break:break-all}.game-cat-tag{display:inline-block;padding:1px 8px;border-radius:10px;font-size:11px;font-weight:600;white-space:nowrap}.game-code-row{display:flex;flex-wrap:wrap;align-items:center;gap:2px;font-size:13px}.game-code-label{color:#999;font-size:12px}.game-code-value{color:#333;font-family:monospace;font-size:13px;font-weight:600;background:#f5f5f5;padding:1px 6px;border-radius:4px;border:1px solid #eee}.game-links-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:2px}.drive-link{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:14px;font-size:12px;font-weight:600;text-decoration:none;transition:all .2s;border:1px solid}.drive-link:hover{transform:translateY(-1px);box-shadow:0 2px 6px rgba(0,0,0,.12)}.drive-link-quark{background:rgba(255,192,0,.1);color:#e6a100;border-color:rgba(255,192,0,.3)}.drive-link-quark:hover{background:rgba(255,192,0,.2)}.drive-link-baidu{background:rgba(41,50,225,.08);color:#2932e1;border-color:rgba(41,50,225,.25)}.drive-link-baidu:hover{background:rgba(41,50,225,.15)}.drive-link-xunlei{background:rgba(0,180,42,.08);color:#00b42a;border-color:rgba(0,180,42,.25)}.drive-link-xunlei:hover{background:rgba(0,180,42,.15)}.drive-link-video{background:rgba(229,57,53,.08);color:#e53935;border-color:rgba(229,57,53,.2)}.drive-item{gap:2px}.drive-copy-btn,.drive-item{display:flex;align-items:center}.drive-copy-btn{width:26px;height:26px;justify-content:center;border:1px solid rgba(0,0,0,.1);border-radius:6px;background:rgba(255,255,255,.8);cursor:pointer;color:#999;transition:all .2s;flex-shrink:0}.drive-copy-btn:hover{background:rgba(0,0,0,.06);color:#333;transform:scale(1.1)}.drive-copy-btn.copied{background:rgba(34,197,94,.15);color:#22c55e;border-color:rgba(34,197,94,.3)}.result-item[data-category="任天堂"]{border-left:3px solid var(--color-nintendo)}.result-item[data-category="索尼"]{border-left:3px solid var(--color-sony)}.result-item[data-category="PC及安卓"]{border-left:3px solid var(--color-pc-android)}.result-item[data-category="其他平台"]{border-left:3px solid var(--color-other)}.result-item:hover{background-color:var(--bg-hover);transform:translateX(4px);box-shadow:0 4px 8px rgba(0,0,0,.1)}.empty-state{text-align:center;padding:25px 20px;color:var(--text-secondary)}.empty-state-icon{font-size:50px;margin-bottom:10px;opacity:.7}.empty-state-text{font-size:16px;margin-bottom:5px}.empty-state-subtext{font-size:13px;color:var(--text-tertiary)}.footer{margin-top:15px;padding-top:10px;border-top:1px solid var(--border-light);color:var(--text-secondary);font-size:12px;text-align:center}.footer a{color:var(--accent-color);text-decoration:none}.footer a:hover{text-decoration:underline}.footer-popup-container{display:flex;justify-content:center;align-items:center;gap:12px;flex-wrap:wrap;margin:35px auto 15px;padding:12px;background-color:transparent;border-radius:var(--radius-lg);border:1px solid transparent;box-shadow:none;width:80%;max-width:600px}.popup-btn{padding:8px 20px;border:none;background:linear-gradient(90deg,var(--primary-color),var(--accent-color));color:white;border-radius:var(--radius-md);cursor:pointer;font-size:13px;font-weight:600;transition:all var(--transition-fast);box-shadow:0 3px 6px rgba(216,87,232,.2)}.popup-btn:hover{transform:translateY(-2px);box-shadow:0 5px 10px rgba(216,87,232,.3);background:linear-gradient(90deg,var(--accent-color),var(--secondary-color));filter:brightness(1.05)}.update-record-btn-container{display:flex;justify-content:center;align-items:center;margin:20px auto 15px;padding:0 12px}.update-record-btn-container .popup-btn{width:100%;max-width:600px;padding:12px 20px;font-size:14px}.popup-btn[data-target=popup5]{background:linear-gradient(90deg,var(--primary-color),var(--accent-color))!important;color:white!important;font-weight:700!important;font-size:15px!important;padding:12px 28px!important;border-radius:10px!important;box-shadow:0 6px 16px rgba(216,87,232,.3)!important;transition:all .3s ease!important;min-width:160px!important;border:none!important}.popup-btn[data-target=popup5]:hover{transform:translateY(-3px) scale(1.03)!important;box-shadow:0 10px 25px rgba(216,87,232,.4)!important;background:linear-gradient(90deg,var(--accent-color),var(--secondary-color))!important}.popup-btn[data-target=popup5]:active{transform:translateY(-1px) scale(1.01)!important;box-shadow:0 4px 12px rgba(255,122,0,.3)!important}.popup-mask{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);display:none;justify-content:center;align-items:center;z-index:9999;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px)}.popup-content{background-color:rgba(255,255,255,.95);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-radius:var(--radius-lg);padding:25px;max-width:450px;width:90%;box-shadow:var(--shadow-lg);border:1px solid rgba(255,255,255,.8);position:relative;animation:fadeIn var(--transition-normal)}.popup-title{color:var(--text-primary);margin-bottom:15px;font-size:18px;font-weight:700;background:linear-gradient(90deg,var(--primary-color),var(--accent-color));-webkit-background-clip:text;background-clip:text;color:transparent;text-align:center;padding-bottom:8px;border-bottom:1px solid var(--border-light)}.popup-text{color:var(--text-primary);line-height:1.6;font-size:14px}.popup-text p{margin-bottom:8px}.popup-mask .close-btn{position:absolute;top:12px;right:12px;font-size:18px}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(1turn)}}@keyframes panelFadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.qrcode-area{display:flex;gap:8px;flex-shrink:0;flex-wrap:wrap;align-items:flex-start}.qrcode-box{width:66px;min-height:82px;text-align:center;background:white;padding:3px;border-radius:8px;border:1px solid var(--border-light);cursor:pointer;transition:all var(--transition-fast);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px}.qrcode-box:hover{transform:scale(1.05);box-shadow:0 4px 12px rgba(0,0,0,.15);border-color:var(--accent-color)}.qrcode-box p{font-size:12px;color:var(--text-secondary);margin-top:5px;font-weight:600}.qr-label{font-size:10px;font-weight:700;line-height:1}.qrcode-box.qr-loading{opacity:.6;cursor:wait}.qrcode-modal{position:fixed;top:0;left:0;width:100vw;height:100vh;display:none;align-items:center;justify-content:center;z-index:99999}.qrcode-modal-mask{position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.7);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px)}.qrcode-modal-content{position:relative;background:white;border-radius:var(--radius-lg);padding:30px 25px 20px;text-align:center;box-shadow:0 10px 30px rgba(0,0,0,.25);animation:fadeIn .3s ease;z-index:10}.qrcode-modal-close{position:absolute;top:10px;right:10px;width:36px;height:36px;border:none;background:transparent;font-size:22px;cursor:pointer;color:var(--text-secondary);border-radius:50%;transition:all var(--transition-fast);display:flex;align-items:center;justify-content:center}.qrcode-modal-close:hover{background:#fef2f2;color:var(--danger-color);transform:rotate(90deg)}.qrcode-modal-title{font-size:18px;font-weight:600;color:var(--text-primary);margin-bottom:15px}.qrcode-big-container{width:250px;height:250px;margin:0 auto 10px}.qrcode-big-container canvas,.qrcode-big-container img{width:100%!important;height:100%!important;display:block}.qrcode-modal-tip{font-size:13px;color:var(--text-tertiary)}.reward-modal{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:rgba(0,0,0,.6);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:99999;opacity:0;visibility:hidden;transition:all var(--transition-normal);padding:0 15px}.reward-modal.show{opacity:1;visibility:visible}.reward-modal-content{background:rgba(255,255,255,.95);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-radius:var(--radius-lg);padding:25px 20px;max-width:520px;width:100%;box-shadow:0 12px 30px rgba(0,0,0,.2);border:1px solid rgba(255,255,255,.8);position:relative;animation:fadeInUp var(--transition-normal)}.reward-close-btn{position:absolute;top:12px;right:12px;width:36px;height:36px;border:none;background:transparent;font-size:22px;cursor:pointer;color:var(--text-secondary);border-radius:50%;transition:all var(--transition-fast);display:flex;align-items:center;justify-content:center}.reward-close-btn:hover{background:#fef2f2;color:var(--danger-color);transform:rotate(90deg);box-shadow:0 2px 8px rgba(239,68,68,.2)}.reward-modal-title{font-size:18px;font-weight:700;color:var(--text-primary);margin-bottom:20px;text-align:center;background:linear-gradient(90deg,var(--primary-color),var(--accent-color));-webkit-background-clip:text;background-clip:text;color:transparent}.reward-qrcode{display:flex;gap:15px;justify-content:center;align-items:center;margin-top:0;flex-wrap:nowrap;width:100%}.qrcode-item{text-align:center;width:100%;max-width:180px;background:rgba(255,255,255,.8);border-radius:var(--radius-md);padding:15px 10px;box-shadow:0 4px 12px rgba(0,0,0,.08);border:1px solid rgba(255,255,255,.6);transition:all var(--transition-normal);flex:1 1;min-width:150px}.qrcode-item:hover{transform:translateY(-4px);box-shadow:0 8px 20px rgba(0,0,0,.12);border-color:var(--accent-color)}.reward-qrcode-img{width:100%;aspect-ratio:1/1;-o-object-fit:contain;object-fit:contain;border-radius:var(--radius-sm);box-shadow:0 2px 8px rgba(0,0,0,.1);margin-bottom:12px;cursor:pointer;transition:all var(--transition-normal);display:block}.reward-qrcode-img:hover{transform:scale(1.05);box-shadow:0 4px 12px rgba(0,0,0,.15)}.qrcode-item.wechat p{background:linear-gradient(90deg,#07c160,#06ae56)}.qrcode-item.alipay p{background:linear-gradient(90deg,#1677ff,#0d5ecd)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){body,html{background-image:url(/bg.jpg)!important;background-size:cover!important;background-position:50%!important;background-repeat:no-repeat!important;background-attachment:scroll!important;min-height:100vh!important}.container{padding:20px 15px 15px;margin-top:15px;max-width:95%;backdrop-filter:none;-webkit-backdrop-filter:none;background:rgba(255,255,255,.95)!important}.tab-header{gap:8px;padding:8px;width:95%;max-width:none;margin:8px auto 12px}.tab-btn{padding:8px 16px;font-size:14px}.selected-tag-hint{padding:10px 18px;width:95%;max-width:none;margin:5px auto 15px;font-size:13px}#gameSearch{width:100%;max-width:100%;padding:12px 18px;font-size:14px;background-color:rgba(255,255,255,.95)!important}#gameSearch,.tab-panel{backdrop-filter:none;-webkit-backdrop-filter:none}.tab-panel{width:95%;padding:15px;background:rgba(255,255,255,.98)!important}#searchBtn{width:100%;margin-top:12px;justify-content:center;padding:12px 28px;font-size:14px}.title{font-size:28px}.sub-title{font-size:14px;margin-bottom:20px}.result-box{padding:15px;backdrop-filter:none;-webkit-backdrop-filter:none;background-color:rgba(255,255,255,.95)!important}.result-item{flex-direction:column;gap:10px;align-items:flex-start;flex-wrap:wrap}.game-thumb{width:56px;height:56px}.result-middle{width:100%}.game-name-text,.game-title-row{font-size:14px}.game-code-row{font-size:12px}.game-links-row,.qrcode-area{gap:6px}.qrcode-box{width:60px;min-height:76px}body{background-image:url(/bg.jpg)!important;background-repeat:no-repeat;background-position:50%;background-size:cover;padding:10px}.footer{font-size:11px;margin-top:10px;padding-top:8px}.footer-popup-container{gap:8px;padding:8px;width:95%;max-width:none;margin:25px auto 10px}.update-record-btn-container{margin:15px auto 10px;padding:0 8px}.update-record-btn-container .popup-btn{padding:10px 16px;font-size:13px}.popup-btn{padding:7px 14px;font-size:12px;flex:1 1;min-width:100px}.popup-btn[data-target=popup5]{min-width:140px!important;padding:10px 24px!important;font-size:14px!important}.popup-content{padding:20px;max-width:95%;background:rgba(255,255,255,.98)!important;border-radius:16px 16px 0 0!important;margin-bottom:0!important;max-height:85vh!important;overflow-y:auto!important}.popup-content,.popup-mask{backdrop-filter:none;-webkit-backdrop-filter:none}.popup-mask{align-items:flex-end!important;padding:0!important}.popup-title{font-size:16px}.popup-text{font-size:13px}.qrcode-area{justify-content:flex-start;width:100%}.qrcode-modal-content{padding:25px 20px 15px;margin:0 20px}.qrcode-big-container{width:220px;height:220px}.qrcode-modal-title{font-size:16px}}@media (max-width:380px){.reward-qrcode{flex-wrap:wrap;gap:15px}.qrcode-item{max-width:100%;min-width:unset}.reward-modal-content{max-width:95%}.popup-btn[data-target=popup5]{min-width:100%!important;width:100%!important}.container{padding:12px 8px 8px;min-width:unset}.title{font-size:22px}.sub-title,.tab-btn{font-size:12px}.tab-btn{padding:6px 10px}}.update-record-popup{max-width:800px!important;max-height:85vh;overflow-y:auto;padding:20px 25px!important}.update-record-popup .popup-title{font-size:19px;margin-bottom:20px;border-bottom:2px solid var(--accent-color);padding-bottom:10px}.update-records-container{padding:5px 0;font-family:微软雅黑,sans-serif}.update-record-games{display:flex;flex-direction:column;gap:4px}.update-record-date{font-size:16px;font-weight:700;color:var(--accent-color);margin:18px 0 10px;padding-bottom:6px;border-bottom:1px solid var(--border-light);display:flex;align-items:center;gap:8px}.update-record-date:before{content:"📅";font-size:18px}.update-record-item{padding:10px 15px;margin:8px 0;background:rgba(255,255,255,.8);border-radius:var(--radius-sm);display:flex;justify-content:flex-start;align-items:center;gap:10px;transition:all var(--transition-fast);cursor:default;border-left:3px solid transparent;box-shadow:var(--shadow-sm)}.update-record-item:hover{background:var(--bg-hover);transform:translateY(-1px);box-shadow:var(--shadow-md)}.update-record-thumb{width:36px;height:36px;border-radius:5px;-o-object-fit:cover;object-fit:cover;flex-shrink:0;background:rgba(0,0,0,.05)}.update-record-thumb-placeholder{display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#9333ea,#d857e8);color:white;font-weight:700;font-size:14px}.update-record-video{font-size:14px;text-decoration:none;flex-shrink:0}.update-record-name{font-weight:500;color:var(--text-primary);font-size:14px;flex:1 1;min-width:0}.update-record-category,.update-record-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.update-record-category{color:var(--text-secondary);flex-shrink:0;max-width:120px;font-size:12px;background:rgba(255,255,255,.7);padding:3px 8px;border-radius:4px;border:1px solid var(--border-light)}.update-record-empty{text-align:center;padding:40px 0;color:var(--text-secondary);font-size:15px;display:flex;flex-direction:column;align-items:center;gap:10px}.update-record-empty:before{content:"📝";font-size:40px;opacity:.7}.update-record-popup::-webkit-scrollbar{width:6px;height:6px}.update-record-popup::-webkit-scrollbar-track{background:var(--bg-light);border-radius:3px}.update-record-popup::-webkit-scrollbar-thumb{background:var(--border-hover);border-radius:3px}.update-record-popup::-webkit-scrollbar-thumb:hover{background:var(--accent-color)}.update-record-popup{scrollbar-width:thin;scrollbar-color:var(--border-hover) var(--bg-light)}@media (max-width:768px){.update-record-popup{max-width:95%!important;padding:15px 20px!important}.update-record-item{flex-direction:column;gap:8px;align-items:flex-start}.update-record-category{font-size:13px;padding:2px 6px}.update-record-date{font-size:15px;margin:15px 0 8px}}.message-board-popup{max-width:600px!important;max-height:85vh;overflow-y:auto;padding:25px!important}.message-board-wrapper{width:100%;padding:0}.message-form{margin-bottom:20px;padding:15px;background:rgba(255,255,255,.8);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);border:1px solid rgba(255,255,255,.6)}.message-form label{display:block;margin-bottom:6px;color:var(--text-secondary);font-size:14px;font-weight:500}.message-form input,.message-form textarea{width:100%;padding:10px 12px;border:1px solid var(--border-light);border-radius:var(--radius-md);box-sizing:border-box;font-size:14px;background:rgba(255,255,255,.9);transition:all var(--transition-fast);color:var(--text-primary)}.message-form input:focus,.message-form textarea:focus{outline:none;border-color:var(--accent-color);box-shadow:0 0 0 4px rgba(240,98,146,.1);transform:translateY(-1px);background-color:rgba(255,255,255,1)}.message-form textarea{resize:vertical;min-height:80px;line-height:1.5}#submitMsg{padding:10px 20px;background:linear-gradient(90deg,var(--primary-color),var(--accent-color));color:white;border:none;border-radius:var(--radius-md);cursor:pointer;font-size:14px;font-weight:600;transition:all var(--transition-fast);width:100%;margin-top:8px;box-shadow:0 3px 6px rgba(216,87,232,.2)}#submitMsg:hover{transform:translateY(-2px);box-shadow:0 5px 10px rgba(216,87,232,.3);background:linear-gradient(90deg,var(--accent-color),var(--secondary-color));filter:brightness(1.05)}.message-form p{margin-top:10px;font-size:12px;color:var(--text-tertiary);margin-bottom:0;text-align:center}.message-list{max-height:300px;overflow-y:auto;padding-right:4px}.message-list::-webkit-scrollbar{width:6px}.message-list::-webkit-scrollbar-track{background:var(--bg-light);border-radius:3px}.message-list::-webkit-scrollbar-thumb{background:var(--border-hover);border-radius:3px}.message-list::-webkit-scrollbar-thumb:hover{background:var(--accent-color)}.empty-tip{text-align:center;color:var(--text-tertiary);padding:30px 20px;font-size:14px;display:flex;flex-direction:column;align-items:center;gap:8px}.empty-tip:before{content:"💬";font-size:30px;opacity:.7}.message-item{margin-bottom:12px;padding:12px 15px;background:rgba(255,255,255,.8);border-radius:var(--radius-md);border:1px solid var(--border-light);box-shadow:var(--shadow-sm);transition:all var(--transition-fast);position:relative}.message-item:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);background:var(--bg-hover)}.message-item .msg-name{font-weight:600;color:var(--text-primary);margin-bottom:6px;font-size:14px;display:flex;justify-content:space-between;align-items:center}.message-item .msg-time{font-size:12px;color:var(--text-tertiary);font-weight:400}.message-item .msg-content{color:var(--text-secondary);line-height:1.6;font-size:14px;margin-bottom:8px;word-wrap:break-word}.delete-msg{position:absolute;top:8px;right:8px;padding:3px 8px;font-size:12px;background:rgba(229,115,115,.1);border:1px solid var(--danger-color);border-radius:var(--radius-sm);cursor:pointer;color:var(--danger-color);transition:all var(--transition-fast)}.delete-msg:hover{background:var(--danger-color);color:white;transform:scale(1.05);box-shadow:0 1px 3px rgba(239,68,68,.2)}@media (max-width:768px){.message-board-popup{max-width:95%!important;padding:20px!important}.message-list{max-height:200px}}.giscus-popup{max-width:900px!important;max-height:85vh!important;overflow-y:auto}.giscus-wrapper{min-height:400px;padding:20px}#giscus-container{width:100%}.giscus-frame{width:100%;border:none}@media (max-width:768px){.giscus-popup{max-width:95%!important;padding:15px!important}.giscus-wrapper{padding:10px;min-height:300px}}