: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;--primary-rgb:216, 87, 232;--accent-rgb:240, 98, 146;--success-color:#81c784;--warning-color:#ffb74d;--danger-color:#e57373;--bg-light:#fdf7fb;--bg-white:#fff;--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 #0000000d;--shadow-md:0 4px 6px #00000014;--shadow-lg:0 8px 16px #00000026;--shadow-highlight:0 3px 8px #0000001f, 0 1px 3px #0000001f;--shadow-highlight-hover:0 5px 12px #0000002e, 0 2px 4px #0000002e;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-full:9999px;--transition-fast:.2s ease-in-out;--transition-normal:.3s ease-in-out;--transition-slow:.4s ease-in-out}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0;font-family:PingFang SC,Microsoft YaHei,微软雅黑,Helvetica Neue,Arial,sans-serif}body{color:var(--text-primary);-webkit-font-smoothing:antialiased;background:#f7f3f8;min-height:100vh;margin:0;padding:0;line-height:1.6;position:relative;overflow-x:hidden}body:before{content:"";z-index:-2;pointer-events:none;background-image:url(https://cloudflarecnimg.scdn.io/i/6a17f00cb1ad8_1779953676.webp);background-position:50%;background-repeat:no-repeat;background-size:cover;position:fixed;inset:0}.container{text-align:center;border-radius:var(--radius-lg);isolation:isolate;background:linear-gradient(135deg,#ffffffe0 0%,#ffffffd9 50%,#ffffffe0 100%);border:1px solid #fffc;min-width:280px;max-width:1000px;margin:20px auto 0;padding:30px 30px 20px;position:relative;overflow:visible;box-shadow:0 8px 32px #d857e81f,0 2px 8px #f0629214,0 0 0 1px #ffffff80,inset 0 1px #ffffffe6,inset 0 -1px #d857e80d}.container:before{content:"";background:linear-gradient(90deg, var(--primary-color), var(--accent-color), var(--secondary-color));pointer-events:none;height:4px;position:absolute;top:0;left:0;right:0}.brand-title-wrap{justify-content:center;align-items:center;gap:14px;max-width:100%;margin:0 auto 5px;display:inline-flex}.site-logo{object-fit:contain;filter:drop-shadow(0 8px 16px #d857e833);background:0 0;flex-shrink:0;width:88px;height:58px}.title{background:linear-gradient(90deg, var(--primary-color), var(--accent-color), var(--secondary-color));color:#0000;letter-spacing:.5px;-webkit-background-clip:text;background-clip:text;margin-bottom:0;font-size:36px;font-weight:700;display:inline-block;position:relative}.title:after{content:"";background:linear-gradient(90deg, transparent, var(--primary-color), transparent);border-radius:var(--radius-full);width:80%;height:2px;position:absolute;bottom:-6px;left:10%}.sub-title{color:var(--text-secondary);justify-content:center;align-items:center;gap:8px;margin-bottom:25px;font-size:16px;font-weight:400;display:flex}.sub-title:before,.sub-title:after{content:"";background-color:var(--border-light);width:30px;height:1px}.tab-header{box-shadow:none;-webkit-backdrop-filter:none;z-index:100;background:0 0;border:none;flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;width:100%;max-width:1000px;margin:12px auto 16px;padding:0;display:flex;position:relative}.tab-header::-webkit-scrollbar{display:none}.tab-btn{cursor:pointer;color:var(--text-primary);transition:all var(--transition-fast);white-space:nowrap;background:#ffffffe0;border:1px solid #d857e824;border-radius:9999px;flex-shrink:0;padding:10px 18px;font-size:14px;font-weight:600;position:relative;overflow:hidden;box-shadow:0 3px 10px #0000000f,inset 0 1px #ffffffeb}.tab-btn:before{content:"";width:100%;height:100%;transition:var(--transition-normal);pointer-events:none;background:linear-gradient(90deg,#0000,#d857e80d,#0000);position:absolute;top:0;left:-100%}.tab-btn:hover:before{left:100%}.tab-btn:hover{color:var(--primary-color);background:#fffffffa;transform:translateY(-1px);box-shadow:0 8px 18px #d857e824,inset 0 1px #fffffff2}.tab-btn.active{color:#fff;background:linear-gradient(90deg,#d857e8fa,#f06292fa);border-color:#0000;box-shadow:0 8px 18px #d857e840,inset 0 0 0 1px #ffffff29}.tab-btn.active:hover{box-shadow:0 6px 12px rgba(var(--primary-rgb), .3)}.tab-panel-wrapper{z-index:100;width:100%;margin-bottom:20px;position:relative}.tab-panel{-webkit-backdrop-filter:blur(14px);z-index:999;width:fit-content;max-width:calc(100vw - 32px);animation:panelFadeIn var(--transition-fast);box-sizing:border-box;background:#ffffffe6;border:1px solid #fffc;border-radius:18px;flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;margin:0 auto;padding:18px;display:none;position:relative;top:0;left:0;transform:none;box-shadow:0 16px 38px #501f5f1f,inset 0 1px #fffffff5}.tab-panel.show{display:flex}.tag-item{cursor:pointer;white-space:nowrap;transition:all var(--transition-fast);background:#ffffffb8;border:1px solid #d857e814;border-radius:9999px;padding:6px 12px;font-size:13px;font-weight:400;position:relative;overflow:hidden;box-shadow:0 2px 6px #0000000d}.tag-item:before{content:"";width:100%;height:100%;transition:var(--transition-normal);background:linear-gradient(90deg,#0000,#f062921a,#0000);position:absolute;top:0;left:0;transform:translate(-100%)}.tag-item:hover:before{transform:translate(100%)}.tag-item:hover:not(.active){background-color:rgba(var(--category-color-rgb), .1);border-color:var(--category-color);color:var(--category-color);transform:translateY(-1px);box-shadow:0 3px 8px #00000014}.tag-item.active{background:linear-gradient(90deg, rgba(var(--category-color-rgb), .1), rgba(var(--category-color-rgb), .05));color:var(--category-color);border-color:var(--category-color);box-shadow:0 4px 10px rgba(var(--category-color-rgb), .18);font-weight:600;transform:translateY(-1px)}.tag-item{--category-color:var(--primary-color);--category-color-rgb:var(--primary-rgb)}.selected-tag-hint{color:var(--text-secondary);text-align:left;border-radius:var(--radius-md);cursor:pointer;border-left:4px solid var(--accent-color);transition:all var(--transition-fast);background-color:#0000;flex-wrap:wrap;align-items:center;gap:10px;width:80%;max-width:600px;margin:5px auto 20px;padding:12px 20px;font-size:14px;display:flex}.selected-tag-hint:before{content:"🏷️";flex-shrink:0;font-size:16px}.selected-tag-hint:hover{box-shadow:var(--shadow-sm);background-color:#fce4ec4d;transform:translate(4px)translateY(-1px)}.selected-tag-wrapper{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.search-box{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;width:100%;margin:5px 0 25px;display:flex;position:relative}.search-input-wrap{flex:1;min-width:200px;max-width:600px;position:relative}#gameSearch{-webkit-backdrop-filter:blur(8px);width:100%;transition:all var(--transition-fast);color:var(--text-primary);box-shadow:var(--shadow-highlight), inset 0 1px 2px #00000008;box-sizing:border-box;background-color:#ffffffe6;border:1px solid #fffc;border-radius:9999px;outline:none;padding:14px 40px 14px 22px;font-size:15px}.search-clear-btn{color:var(--text-tertiary);cursor:pointer;background:0 0;border:none;padding:4px;font-size:18px;line-height:1;transition:color .2s;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.search-clear-btn:hover{color:var(--danger-color)}#gameSearch:focus{border-color:var(--accent-color);box-shadow:0 0 0 4px #f062921a, var(--shadow-highlight-hover), inset 0 1px 2px #00000008;-webkit-backdrop-filter:blur(10px);z-index:100;background-color:#fff6;transform:translateY(-1px)}#gameSearch::placeholder{color:var(--text-tertiary);opacity:.9}#gameSearch:focus::placeholder{color:var(--text-secondary);opacity:.8}#searchBtn{background:linear-gradient(90deg, var(--primary-color), var(--accent-color), var(--secondary-color));color:#fff;cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;border:none;border-radius:9999px;justify-content:center;align-items:center;gap:8px;min-width:110px;padding:14px 32px;font-size:15px;font-weight:600;display:flex;box-shadow:0 4px 8px #d857e833}#searchBtn:before{content:"🔍";font-size:16px}#searchBtn:hover{background:linear-gradient(90deg, var(--accent-color), var(--primary-color), var(--secondary-color));filter:brightness(1.05);transform:translateY(-2px);box-shadow:0 6px 12px #d857e84d}#searchBtn:active{transform:translateY(-1px);box-shadow:0 3px 6px #d857e833}#searchBtn:disabled{background:var(--bg-disabled);color:var(--text-tertiary);cursor:not-allowed;box-shadow:none;filter:none;opacity:.7;transform:none}.result-box{border-radius:var(--radius-md);text-align:left;-webkit-backdrop-filter:blur(6px);box-shadow:var(--shadow-md);animation:fadeIn var(--transition-normal);background-color:#ffffffd9;border:1px solid #fff9;margin-top:15px;padding:20px;position:relative;overflow:hidden}.result-box:before{content:"";background:linear-gradient(90deg, var(--primary-color), var(--accent-color), var(--secondary-color));width:100%;height:3px;position:absolute;top:0;left:0}.result-header{color:var(--text-primary);border-bottom:1px solid var(--border-light);justify-content:space-between;align-items:center;margin-bottom:15px;padding-bottom:10px;font-size:16px;font-weight:600;display:flex}.close-btn{cursor:pointer;color:var(--text-secondary);width:36px;height:36px;transition:all var(--transition-fast);background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:20px;display:flex}.close-btn:hover{color:var(--danger-color);background-color:#fef2f2;transform:rotate(90deg);box-shadow:0 2px 8px #ef444433}.loading{color:var(--text-secondary);justify-content:center;align-items:center;gap:10px;margin-bottom:10px;padding:15px 0;font-size:15px;display:flex}.loading:before{content:"";border:2px solid var(--border-light);border-top-color:var(--accent-color);border-radius:50%;width:18px;height:18px;animation:1s linear infinite spin}.resource-link{color:var(--accent-color);font-weight:600;text-decoration:none;position:relative}.resource-link:after{content:"";background-color:var(--accent-color);width:0;height:2px;transition:width var(--transition-fast);position:absolute;bottom:-2px;left:0}.resource-link:hover{color:var(--secondary-color)}.resource-link:hover:after{width:100%}.result-item{border-radius:var(--radius-md);transition:all var(--transition-fast);content-visibility:auto;contain:layout paint style;contain-intrinsic-size:260px;background-color:#ffffffd9;border:1px solid #fffc;flex-wrap:nowrap;align-items:center;gap:14px;margin-bottom:12px;padding:14px 18px;display:flex;position:relative;box-shadow:0 2px 8px #0000000f}.result-item[data-pinned=true]{background:linear-gradient(#fff8dbeb,#ffffffe6);border-color:#f59e0b3d;box-shadow:0 10px 24px #f59e0b1a}.game-thumb{flex-shrink:0;align-self:center;width:144px;display:block}.game-thumb-img{border-radius:8px;width:100%;height:auto;display:block;box-shadow:0 3px 10px #0f172a1a}.zoomable-game-image{cursor:zoom-in}.image-hover-preview{z-index:2147483647;pointer-events:none;background:#fffffff5;border-radius:12px;padding:6px;position:fixed;box-shadow:0 18px 48px #0f172a4d,0 0 0 1px #ffffffd9}.image-hover-preview img{object-fit:contain;border-radius:8px;width:auto;max-width:min(320px,42vw);height:auto;max-height:min(460px,72vh);display:block}.thumb-ph{color:#fff;border-radius:8px;justify-content:center;align-items:center;width:100%;min-height:92px;font-size:26px;font-weight:700}.result-middle{flex-direction:column;flex:1;justify-content:center;align-self:stretch;gap:6px;min-width:0;display:flex}.game-title-row{flex-wrap:wrap;align-items:center;gap:6px;font-size:15px;display:flex}.game-index{font-size:15px;font-weight:700}.game-name-text{color:var(--text-primary);word-break:break-all;font-size:15px;font-weight:700}.game-category-row{flex-wrap:wrap;align-items:center;gap:8px;margin-top:2px;display:flex}.game-cat-tag{white-space:nowrap;letter-spacing:0;border-radius:999px;justify-content:center;align-items:center;padding:5px 13px;font-size:13px;font-weight:700;line-height:1.2;display:inline-flex;box-shadow:0 4px 10px #0000001a}.game-pinned-tag{color:#b45309;background:#f59e0b1f;border:1px solid #f59e0b38;border-radius:999px;justify-content:center;align-items:center;gap:4px;padding:2px 8px;font-size:11px;font-weight:700;line-height:1;display:inline-flex;box-shadow:inset 0 1px #ffffffb3}.game-pinned-tag:before{content:"★";justify-content:center;align-items:center;font-size:14px;line-height:1;display:inline-flex;transform:translateY(-1px)}.game-code-row{flex-wrap:wrap;align-items:center;gap:2px;font-size:13px;display:flex}.game-code-value{color:#333;background:#f5f5f5;border:1px solid #eee;border-radius:4px;padding:1px 6px;font-family:monospace;font-size:13px;font-weight:600}.game-links-row{flex-wrap:wrap;gap:8px;margin-top:2px;display:flex}.drive-link{border:1px solid;border-radius:14px;align-items:center;gap:4px;padding:3px 10px;font-size:12px;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.drive-link:hover{transform:translateY(-1px);box-shadow:0 2px 6px #0000001f}.drive-link-quark{color:#e6a100;background:#ffc0001a;border-color:#ffc0004d}.drive-link-quark:hover{background:#ffc00033}.drive-link-baidu{color:#2932e1;background:#2932e114;border-color:#2932e140}.drive-link-baidu:hover{background:#2932e126}.drive-link-xunlei{color:#00b42a;background:#00b42a14;border-color:#00b42a40}.drive-link-xunlei:hover{background:#00b42a26}.drive-link-video{color:#e53935;background:#e5393514;border-color:#e5393533}.drive-item{align-items:center;gap:2px;display:flex}.drive-copy-btn{cursor:pointer;color:#999;background:#fffc;border:1px solid #0000001a;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;transition:all .2s;display:flex}.drive-copy-btn:hover{color:#333;background:#0000000f;transform:scale(1.1)}.drive-copy-btn.copied{color:#22c55e;background:#22c55e26;border-color:#22c55e4d}.result-item{border-left:3px solid var(--primary-color)}.result-item:hover{background-color:var(--bg-hover);transform:translate(4px);box-shadow:0 4px 8px #0000001a}.result-item[data-pinned=true]:hover{background:linear-gradient(#fff5c8f5,#ffffffed);box-shadow:0 14px 30px #f59e0b24}@media (hover:none){.result-item:hover{background-color:#ffffffd9;transform:none;box-shadow:0 2px 8px #0000000f}.result-item[data-pinned=true]:hover{background:linear-gradient(#fff8dbeb,#ffffffe6);box-shadow:0 10px 24px #f59e0b1a}}.empty-state{text-align:center;color:var(--text-secondary);padding:25px 20px}.empty-state-icon{opacity:.7;margin-bottom:10px;font-size:50px}.empty-state-text{margin-bottom:5px;font-size:16px}.empty-state-subtext{color:var(--text-tertiary);font-size:13px}.footer{border-top:1px solid var(--border-light);color:var(--text-secondary);text-align:center;margin-top:15px;padding-top:10px;font-size:12px}.footer a{color:var(--accent-color);text-decoration:none}.footer a:hover{text-decoration:underline}.footer-popup-container{border-radius:var(--radius-lg);box-shadow:none;background-color:#0000;border:1px solid #0000;flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;width:80%;max-width:600px;margin:35px auto 15px;padding:12px;display:flex}.popup-btn{background:linear-gradient(90deg, var(--primary-color), var(--accent-color));color:#fff;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);border:none;padding:8px 20px;font-size:13px;font-weight:600;box-shadow:0 3px 6px #d857e833}.popup-btn:hover{background:linear-gradient(90deg, var(--accent-color), var(--secondary-color));filter:brightness(1.05);transform:translateY(-2px);box-shadow:0 5px 10px #d857e84d}.update-record-btn-container{justify-content:center;align-items:center;margin:20px auto 15px;padding:0 12px;display:flex}.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:#fff!important;border:none!important;border-radius:10px!important;min-width:160px!important;padding:12px 28px!important;font-size:15px!important;font-weight:700!important;transition:all .3s!important;box-shadow:0 6px 16px #d857e84d!important}.popup-btn[data-target=popup5]:hover{background:linear-gradient(90deg, var(--accent-color), var(--secondary-color))!important;transform:translateY(-3px)scale(1.03)!important;box-shadow:0 10px 25px #d857e866!important}.popup-btn[data-target=popup5]:active{transform:translateY(-1px)scale(1.01)!important;box-shadow:0 4px 12px #ff7a004d!important}.popup-mask{z-index:9999;-webkit-backdrop-filter:blur(2px);background-color:#00000080;justify-content:center;align-items:center;width:100%;height:100%;display:none;position:fixed;top:0;left:0}.popup-content{-webkit-backdrop-filter:blur(8px);border-radius:var(--radius-lg);width:90%;max-width:450px;box-shadow:var(--shadow-lg);animation:fadeIn var(--transition-normal);background-color:#fffffff2;border:1px solid #fffc;padding:25px;position:relative}.link-popup-content{min-width:0;max-width:min(520px,100vw - 48px);width:max-content!important}.emulator-popup-content{max-width:min(520px,100vw - 48px)}.emulator-popup-content .popup-text{width:100%}.popup-title{color:#0000;background:linear-gradient(90deg, var(--primary-color), var(--accent-color));text-align:center;border-bottom:1px solid var(--border-light);-webkit-background-clip:text;background-clip:text;margin-bottom:15px;padding-bottom:8px;font-size:18px;font-weight:700}.popup-text{color:var(--text-primary);font-size:14px;line-height:1.6}.popup-text p{margin-bottom:8px}.emulator-popup-note{box-sizing:border-box;border-radius:var(--radius-sm);width:100%;color:var(--text-secondary);background:#d857e814;border:1px solid #d857e824;padding:9px 11px;line-height:1.55}.emulator-popup-content .popup-link-list{width:100%}.fan-group-popup{max-width:min(440px,100vw - 48px);width:max-content!important}.fan-group-panel{border-radius:var(--radius-md);background:linear-gradient(#ffffffeb,#ffffffb8),radial-gradient(circle at 0 0,#d857e829,#0000 42%);border:1px solid #d857e829;flex-direction:column;align-items:center;gap:12px;padding:16px 14px 10px;display:flex}.fan-group-badge{color:var(--primary-color);letter-spacing:.04em;text-transform:uppercase;background:#d857e81a;border-radius:999px;padding:3px 10px;font-size:11px;font-weight:700}.fan-group-number{color:var(--text-primary);letter-spacing:.05em;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:30px;font-weight:800;line-height:1}.fan-group-copy{color:var(--text-secondary);text-align:center;white-space:nowrap;margin:0;font-size:13px;line-height:1.55}.fan-group-actions{justify-content:center;gap:8px;width:100%;display:flex}.fan-group-primary,.fan-group-secondary{border-radius:var(--radius-sm);cursor:pointer;min-height:34px;transition:transform var(--transition-fast), box-shadow var(--transition-fast), filter var(--transition-fast);justify-content:center;align-items:center;padding:0 14px;font-size:13px;font-weight:700;text-decoration:none;display:inline-flex}.fan-group-primary{color:#fff;background:linear-gradient(90deg, var(--primary-color), var(--accent-color));border:none;box-shadow:0 4px 12px #d857e83d}.fan-group-secondary{border:1px solid var(--border-light);color:var(--text-secondary);background:#ffffffdb}.fan-group-primary:hover,.fan-group-secondary:hover{filter:brightness(1.03);transform:translateY(-1px)}.fan-group-hint{color:var(--text-tertiary);text-align:center;margin:0;font-size:11px;line-height:1.45}.popup-link-list{flex-direction:column;gap:8px;width:max-content;max-width:100%;padding:2px 2px 8px;display:flex}.popup-link-row{white-space:nowrap;border:1px solid var(--border-light);border-radius:var(--radius-sm);width:100%;max-width:100%;box-shadow:var(--shadow-sm);background:#ffffffbd;align-items:center;gap:4px;padding:7px 9px;display:flex}.popup-link-index{width:20px;height:20px;color:var(--primary-color);background:#d857e81f;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;font-size:12px;font-weight:700;display:inline-flex}.popup-link-name{color:var(--text-primary);flex-shrink:0;font-weight:600}.popup-link-content{white-space:nowrap;align-items:center;gap:6px;min-width:0;display:inline-flex;overflow:hidden}.popup-link-content>span{text-overflow:ellipsis;min-width:0;overflow:hidden}.popup-inline-link{background:linear-gradient(90deg, var(--primary-color), var(--accent-color));color:#fff;border-radius:999px;flex-shrink:0;align-items:center;height:24px;padding:0 10px;font-size:12px;font-weight:700;text-decoration:none;display:inline-flex;box-shadow:0 3px 8px #d857e838}.popup-inline-link:hover{filter:brightness(1.05);transform:translateY(-1px)}.popup-mask .close-btn{font-size:18px;position:absolute;top:12px;right:12px}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes panelFadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.qrcode-area{flex-wrap:wrap;flex-shrink:0;justify-content:center;align-self:center;align-items:center;gap:8px;display:flex}.qrcode-box{text-align:center;border:1px solid var(--border-light);cursor:pointer;width:66px;min-height:82px;transition:all var(--transition-fast);background:#fff;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:2px;padding:3px;display:flex}.qrcode-box:hover{border-color:var(--accent-color);transform:scale(1.05);box-shadow:0 4px 12px #00000026}.qr-label{font-size:10px;font-weight:700;line-height:1}.qrcode-box.qr-loading{opacity:.6;cursor:wait}.qrcode-modal{z-index:99999;justify-content:center;align-items:center;width:100vw;height:100vh;display:none;position:fixed;top:0;left:0}.qrcode-modal-mask{-webkit-backdrop-filter:blur(3px);background-color:#000000b3;width:100%;height:100%;position:absolute;top:0;left:0}.qrcode-modal-content{border-radius:var(--radius-lg);text-align:center;z-index:10;background:#fff;padding:30px 25px 20px;animation:.3s fadeIn;position:relative;box-shadow:0 10px 30px #00000040}.qrcode-modal-close{cursor:pointer;width:36px;height:36px;color:var(--text-secondary);transition:all var(--transition-fast);background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:22px;display:flex;position:absolute;top:10px;right:10px}.qrcode-modal-close:hover{color:var(--danger-color);background:#fef2f2;transform:rotate(90deg)}.qrcode-modal-title{color:var(--text-primary);margin-bottom:15px;font-size:18px;font-weight:600}.qrcode-big-container{width:250px;height:250px;margin:0 auto 10px}.qrcode-big-container canvas,.qrcode-big-container img{display:block;width:100%!important;height:100%!important}.qrcode-modal-tip{color:var(--text-tertiary);font-size:13px}.reward-qrcode{flex-wrap:nowrap;justify-content:center;align-items:center;gap:15px;width:100%;margin-top:0;display:flex}.qrcode-item{text-align:center;border-radius:var(--radius-md);width:100%;max-width:180px;transition:all var(--transition-normal);background:#fffc;border:1px solid #fff9;flex:1;min-width:150px;padding:15px 10px;box-shadow:0 4px 12px #00000014}.qrcode-item:hover{border-color:var(--accent-color);transform:translateY(-4px);box-shadow:0 8px 20px #0000001f}.reward-qrcode-img{aspect-ratio:1;object-fit:contain;border-radius:var(--radius-sm);cursor:pointer;width:100%;transition:all var(--transition-normal);margin-bottom:12px;display:block;box-shadow:0 2px 8px #0000001a}.reward-qrcode-img:hover{transform:scale(1.05);box-shadow:0 4px 12px #00000026}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){html{overflow-x:hidden;background:0 0!important}body{background:#f7f3f8!important;min-height:100vh!important;margin:0!important;padding:0!important;overflow-x:hidden!important}body:before{inset:0;background-position:50%!important;background-size:cover!important}.container{-webkit-backdrop-filter:none;border-radius:14px;width:calc(100% - 20px);min-width:0;max-width:none;margin-top:10px;padding:18px 12px 14px;background:#fffffff2!important}.container:before{height:3px}.tab-header{scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;flex-wrap:nowrap;justify-content:flex-start;gap:8px;width:100%;max-width:none;margin:8px auto 12px;padding:0;overflow-x:auto}.tab-btn{scroll-snap-align:start;padding:8px 14px;font-size:13px}.selected-tag-hint{gap:6px;width:fit-content;max-width:calc(100vw - 24px);margin:8px auto 14px;padding:7px 12px;font-size:12px}.search-box{gap:0;margin-bottom:18px}.search-input-wrap{flex-basis:100%;min-width:0;max-width:none}#gameSearch{-webkit-backdrop-filter:none;width:100%;max-width:100%;padding:12px 18px;font-size:14px;background-color:#fffffff2!important}.tab-panel{-webkit-backdrop-filter:none;border-radius:14px;gap:8px;width:fit-content;max-width:calc(100vw - 24px);padding:10px;background:#fffffffa!important}.tag-item{box-shadow:none;padding:5px 10px;font-size:12px}#searchBtn{border-radius:9999px;justify-content:center;width:100%;margin-top:12px;padding:12px 28px;font-size:14px}.title{word-break:break-word;max-width:100%;font-size:24px;line-height:1.25}.brand-title-wrap{align-items:flex-start;gap:10px;margin-bottom:8px}.site-logo{width:68px;height:44px}.sub-title{flex-wrap:wrap;margin-bottom:16px;font-size:13px;line-height:1.4}.sub-title:before,.sub-title:after{width:18px}.result-box{-webkit-backdrop-filter:none;border-radius:12px;margin-top:12px;padding:12px;background-color:#fffffff2!important}.result-header{flex-direction:column;align-items:stretch;gap:8px;font-size:14px}.result-header>div{flex-wrap:wrap;justify-content:space-between;width:100%}.result-header button{min-height:32px}.result-item{text-align:left;contain-intrinsic-size:190px;flex-wrap:nowrap;grid-template-columns:82px minmax(0,1fr);align-items:start;gap:10px;padding:10px;display:grid}.game-thumb{grid-row:span 2;width:82px}.thumb-ph{min-height:82px;font-size:22px}.result-middle{align-items:flex-start;gap:5px;width:100%}.game-title-row,.game-links-row,.game-code-row{justify-content:flex-start}.game-title-row{font-size:14px}.game-name-text{font-size:14px;line-height:1.35}.game-code-row{font-size:12px}.game-links-row{gap:6px}.drive-item{max-width:100%}.drive-link{max-width:150px;padding:3px 8px;font-size:11px}.drive-code{text-overflow:ellipsis;max-width:54px;overflow:hidden}.drive-copy-btn{width:24px;height:24px}.qrcode-area{grid-column:1/-1;justify-content:flex-start;gap:6px;width:100%;padding-top:2px;overflow-x:auto}.qrcode-box{flex-shrink:0;width:58px;min-height:72px}.footer{margin-top:10px;padding-top:8px;font-size:11px}.footer-popup-container{gap:8px;width:calc(100% - 20px);max-width:none;margin:25px auto 10px;padding:8px}.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{flex:calc(50% - 8px);min-width:120px;padding:7px 14px;font-size:12px}.popup-btn[data-target=popup5]{min-width:140px!important;padding:10px 24px!important;font-size:14px!important}.popup-content{-webkit-backdrop-filter:none;box-sizing:border-box;width:min(92vw,450px);max-width:calc(100vw - 24px);padding:18px;background:#fffffffa!important;border-radius:16px!important;max-height:85vh!important;margin-bottom:0!important;overflow-y:auto!important}.link-popup-content{max-width:calc(100vw - 24px)!important}.popup-mask{-webkit-backdrop-filter:none;box-sizing:border-box;justify-content:center!important;align-items:center!important;padding:16px!important}.update-record-mask{align-items:flex-end!important;padding:0!important}.update-record-mask .update-record-popup{width:100%;border-radius:16px 16px 0 0!important;max-width:100%!important}.popup-title{font-size:16px}.popup-text{overflow-wrap:anywhere;font-size:13px}.popup-link-list,.popup-link-row,.popup-link-content{overflow-wrap:normal}.tool-patch-popup-content .popup-text{-webkit-overflow-scrolling:touch;padding-bottom:4px;overflow-x:auto}.tool-patch-popup-content .popup-link-list,.tool-patch-popup-content .popup-link-row{width:max-content;min-width:100%;max-width:none}.tool-patch-popup-content .popup-link-content{overflow:visible}.tool-patch-popup-content .popup-link-content>span{text-overflow:clip;overflow:visible}.qrcode-area{justify-content:center;width:100%}.qrcode-modal-content{margin:0 20px;padding:25px 20px 15px}.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}.popup-btn[data-target=popup5]{width:100%!important;min-width:100%!important}.container{width:calc(100% - 12px);min-width:unset;padding:12px 8px 8px}.title{font-size:22px}.brand-title-wrap{flex-direction:column;align-items:center}.site-logo{width:78px;height:50px}.sub-title{font-size:12px}.tab-btn{padding:6px 10px;font-size:12px}.tag-item{padding:5px 10px;font-size:12px}.result-item{grid-template-columns:68px minmax(0,1fr);gap:8px}.game-thumb{width:68px}.thumb-ph{min-height:68px}.game-cat-tag{padding:4px 9px;font-size:11px}.drive-link{max-width:130px}#gameSearch,#searchBtn{border-radius:9999px}}.update-record-popup{flex-direction:column;max-height:85vh;display:flex;max-width:800px!important;padding:20px 25px!important;overflow:hidden!important}.update-record-popup .popup-title{border-bottom:2px solid var(--accent-color);margin-bottom:20px;padding-bottom:10px;font-size:19px}.update-record-popup-text{flex:1;min-height:0;margin-right:-10px;padding-right:10px;overflow:hidden auto}.update-records-container{padding:5px 0;font-family:微软雅黑,sans-serif}.update-record-games{flex-direction:column;gap:4px;display:flex}.update-record-date{color:var(--accent-color);border-bottom:1px solid var(--border-light);align-items:center;gap:8px;margin:18px 0 10px;padding-bottom:6px;font-size:16px;font-weight:700;display:flex}.update-record-date:before{content:"📅";font-size:18px}.update-record-item{border-radius:var(--radius-sm);transition:all var(--transition-fast);cursor:default;box-shadow:var(--shadow-sm);background:#fffc;border-left:3px solid #0000;justify-content:flex-start;align-items:center;gap:12px;margin:8px 0;padding:13px 16px;display:flex}.update-record-item:hover{background:var(--bg-hover);box-shadow:var(--shadow-md);transform:translateY(-1px)}.update-record-image{background:0 0;border-radius:10px;flex-shrink:0;width:120px;max-width:120px;height:auto;display:block}.update-record-thumb-placeholder{color:#fff;background:linear-gradient(135deg,#9333ea,#d857e8);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:120px;min-height:80px;font-size:14px;font-weight:700;display:flex}.update-record-video{flex-shrink:0;font-size:14px;text-decoration:none}.update-record-name{color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:14px;font-weight:500;overflow:hidden}.update-record-category{color:var(--text-secondary);text-overflow:ellipsis;white-space:nowrap;border:1px solid var(--border-light);background:#ffffffb3;border-radius:4px;flex-shrink:0;max-width:120px;padding:3px 8px;font-size:12px;overflow:hidden}.update-record-empty{text-align:center;color:var(--text-secondary);flex-direction:column;align-items:center;gap:10px;padding:40px 0;font-size:15px;display:flex}.update-record-empty:before{content:"📝";opacity:.7;font-size:40px}.update-record-popup-text::-webkit-scrollbar{width:6px;height:6px}.update-record-popup-text::-webkit-scrollbar-track{background:var(--bg-light);border-radius:3px}.update-record-popup-text::-webkit-scrollbar-thumb{background:var(--border-hover);border-radius:3px}.update-record-popup-text::-webkit-scrollbar-thumb:hover{background:var(--accent-color)}.update-record-popup-text{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-popup-text{margin-right:-8px;padding-right:8px}.update-record-item{text-align:center;flex-direction:column;align-items:center;gap:10px}.update-record-image{width:160px;max-width:100%}.update-record-thumb-placeholder{width:160px;min-height:92px}.update-record-category{padding:2px 6px;font-size:13px}.update-record-date{margin:15px 0 8px;font-size:15px}}.mascot-container{z-index:2147483647;pointer-events:none;flex-direction:column;align-items:flex-start;display:flex;position:fixed;bottom:22px;left:22px}.mascot-bubble{z-index:2;width:min(300px,100vw - 44px);min-height:82px;color:var(--text-primary);-webkit-backdrop-filter:blur(8px);opacity:1;pointer-events:none;word-break:break-word;transform-origin:0 100%;background:#ffffffdb;border:2px solid #d857e8b8;border-radius:18px;margin-bottom:10px;padding:11px 15px 12px;font-size:16px;font-weight:600;line-height:1.55;transition:opacity .25s,transform .25s;animation:.26s ease-out mascotBubblePop;position:relative;transform:translateY(0)scale(1);box-shadow:0 12px 28px #501f5f24,0 2px 8px #d857e824}.mascot-bubble.show{opacity:1;transform:translateY(0)scale(1)}.mascot-bubble-head{color:var(--primary-color);margin-bottom:5px;font-size:13px;font-weight:800;line-height:1.2}.mascot-bubble-text{min-height:44px}.mascot-bubble-text:after{content:"";background:var(--primary-color);vertical-align:-2px;width:2px;height:1em;margin-left:2px;animation:.8s step-end infinite mascotCaret;display:inline-block}.mascot-bubble-tail{border-left:8px solid #0000;border-right:8px solid #0000;border-top:10px solid var(--primary-color);width:0;height:0;position:absolute;bottom:-10px;left:20px}.mascot-bubble-tail:after{content:"";border-top:9px solid #fff;border-left:7px solid #0000;border-right:7px solid #0000;width:0;height:0;position:absolute;top:-12px;left:-7px}.mascot-img-btn{pointer-events:auto;cursor:pointer;z-index:1;filter:drop-shadow(0 12px 20px #501f5f47)drop-shadow(0 0 18px #d857e83d);background:0 0;border:none;outline:none;padding:0;transition:transform .2s,filter .2s;animation:2.6s ease-in-out infinite mascotFloat,5.4s ease-in-out infinite mascotWiggle;display:block;position:relative}.mascot-img-btn img{object-fit:contain;width:170px;height:180px;display:block}.mascot-img-btn:after{content:"";border:3px solid #d857e885;border-radius:50%;animation:1.55s ease-out infinite mascotPulse;position:absolute;inset:18px 22px 12px;box-shadow:0 0 18px #d857e842,inset 0 0 16px #f062922e}.mascot-img-btn:before{content:"点我";z-index:1;background:linear-gradient(90deg, var(--primary-color), var(--accent-color));color:#fff;border-radius:999px;padding:3px 8px;font-size:12px;font-weight:800;line-height:1.2;animation:1.1s ease-in-out infinite mascotHint;position:absolute;top:8px;right:-6px;box-shadow:0 6px 14px #d857e852}.mascot-img-btn.hovered{filter:drop-shadow(0 16px 24px #d857e857)drop-shadow(0 0 24px #f0629257);transform:scale(1.12)rotate(-3deg)}@keyframes mascotFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes mascotWiggle{0%,74%,to{rotate:none}78%{rotate:-4deg}82%{rotate:4deg}86%{rotate:-3deg}90%{rotate:3deg}94%{rotate:none}}@keyframes mascotPulse{0%{opacity:.9;transform:scale(.9)}to{opacity:0;transform:scale(1.34)}}@keyframes mascotHint{0%,to{transform:translateY(0)scale(1)}50%{transform:translateY(-4px)scale(1.06)}}@keyframes mascotCaret{0%,48%{opacity:1}49%,to{opacity:0}}@keyframes mascotBubblePop{0%{opacity:.55;transform:translateY(6px)scale(.82)}65%{opacity:1;transform:translateY(-1px)scale(1.04)}to{opacity:1;transform:translateY(0)scale(1)}}@media (max-width:768px){.mascot-container{bottom:8px;left:8px}.mascot-bubble{width:min(220px,100vw - 16px);min-height:62px;margin-bottom:6px;padding:8px 11px;font-size:13px}.mascot-img-btn img{width:104px;height:112px}.mascot-img-btn:after{inset:12px 14px 8px}.mascot-img-btn:before{padding:2px 7px;font-size:11px;top:4px;right:-4px}}