#ad-banner{position:fixed;top:0;left:0;width:100%;box-sizing:border-box;display:flex;align-items:center;justify-content:space-around;gap:4px;padding:6px 8px 3px;background:linear-gradient(90deg,rgba(10,6,18,.98) 0%,rgba(42,22,62,.96) 25%,rgba(76,29,63,.94) 50%,rgba(42,22,62,.96) 75%,rgba(10,6,18,.98) 100%),radial-gradient(120% 200% at 50% 0%,rgba(251,191,36,.14),transparent 55%);border-bottom:1px solid rgba(251,191,36,.28);color:#cbd5e1;z-index:9999;box-shadow:0 2px 14px rgba(0,0,0,0.35)}#ad-banner a{color:#cbd5e1;text-decoration:none}#ad-banner-close{display:none}#ad-banner .nav-item{position:relative;display:inline-flex;align-items:center;justify-content:center;min-width:0;padding:2px 10px;font-size:14px;font-weight:700;line-height:1.4;color:#cbd5e1;text-shadow:0 1px 2px rgba(0,0,0,.6),0 0 8px rgba(0,0,0,.35)}#ad-banner .nav-item.active{color:#fef3c7;font-weight:700;text-shadow:0 1px 2px rgba(0,0,0,.65),0 0 10px rgba(251,191,36,.45)}#ad-banner .nav-item.active::before{content:"";position:absolute;bottom:-7px;left:50%;transform:translateX(-50%);width:22px;height:3px;border-radius:999px;background:#ffca28}@media(max-width:640px){#ad-banner .nav-item{font-size:13px;padding:2px 6px}}#ad-banner .nav-tg{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:15px;height:15px;margin-right:4px;border-radius:50%;background:#2da2dc}
    *{box-sizing:border-box}    body{margin:0;font-family:Arial,sans-serif;background:radial-gradient(1200px 600px at 50% -200px,rgba(168,85,247,0.24),transparent 60%),radial-gradient(900px 700px at 100% 100%,rgba(190,24,93,0.28),transparent 60%),radial-gradient(800px 600px at 0% 100%,rgba(123,44,191,0.26),transparent 60%),linear-gradient(180deg,#1a0620 0%,#3b0f2e 45%,#4a1030 55%,#1a0620 100%);background-attachment:fixed;color:#fff;padding-top:42px}    .wrap{max-width:1200px;margin:0 auto;padding:8px 12px}    h1{margin:0;font-size:18px}    .desc{margin:0;color:#cbd5e1;font-size:14px}    .topbar{display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:4px}    .count{display:none}    .tabs{display:flex;flex-wrap:wrap;gap:4px;margin:4px 0}    .tab-btn{display:inline-flex;align-items:center;justify-content:center;padding:8px 4px;border-radius:12px;border:1px solid rgba(168,85,247,.25);cursor:pointer;background:linear-gradient(180deg,rgba(40,14,44,.60) 0%,rgba(26,9,30,.55) 50%,rgba(40,14,44,.60) 100%);color:#e9d5ff;text-decoration:none;flex:0 0 calc(20% - 4px);min-height:44px;box-sizing:border-box;box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 3px 10px rgba(0,0,0,.32)}    .tab-btn img{height:26px;width:auto;object-fit:contain}    .tab-btn.active{background:#22c55e;color:#08110c}    .search-box{flex:1 1 100%;margin:4px 0 2px;position:relative;z-index:1}    .search-inner{display:flex;align-items:center;width:100%;height:32px;background:linear-gradient(90deg,rgba(20,14,36,.95) 0%,rgba(48,26,66,.92) 25%,rgba(76,29,63,.9) 50%,rgba(48,26,66,.92) 75%,rgba(20,14,36,.95) 100%),radial-gradient(120% 200% at 50% 0%,rgba(251,191,36,.12),transparent 55%);border:1px solid rgba(251,191,36,.28);border-radius:12px;padding:0 14px;box-shadow:inset 0 2px 8px rgba(0,0,0,0.5),0 0 16px rgba(255,213,74,0.08);transition:border-color .25s,box-shadow .25s}    .search-inner:focus-within{border-color:rgba(255,213,74,0.75);box-shadow:inset 0 2px 8px rgba(0,0,0,0.5),0 0 0 3px rgba(255,213,74,0.15),0 0 26px rgba(255,213,74,0.25)}    .search-icon{display:flex;align-items:center;justify-content:center;width:18px;height:18px;margin-right:10px;opacity:.85;flex-shrink:0;line-height:1;font-size:16px}    #searchInput{flex:1;border:0;outline:0;background:transparent;color:#fff;font-size:16px;min-width:0;-webkit-appearance:none}    #searchInput::placeholder{color:#8a93a5}    #searchInput::-webkit-search-cancel-button{-webkit-appearance:none;appearance:none}    .search-clear{display:none;flex-shrink:0;width:22px;height:22px;margin-left:8px;border:0;border-radius:50%;padding:0;cursor:pointer;background:rgba(255,213,74,0.18);color:#fff;font-size:13px;line-height:1;font-weight:700;align-items:center;justify-content:center}    .search-clear:hover{background:rgba(255,213,74,0.35)}    .search-clear.show{display:inline-flex}    .panel{display:none}    .panel.active{display:block}    .sec-title{display:flex;align-items:center;gap:6px;margin:14px 2px 6px;font-size:15px;font-weight:800;color:#fbbf24}    .sec-title::before{content:"\2605";font-size:14px}    .sec-title .sec-hint{font-size:12px;font-weight:400;color:#94a3b8;margin-left:auto}    .hot-badge{position:absolute;top:6px;right:6px;display:flex;gap:4px;z-index:2}    .hot-badge span{display:inline-flex;align-items:center;gap:2px;padding:2px 6px;border-radius:999px;background:rgba(0,0,0,.55);font-size:11px;line-height:1;color:#fff;font-weight:700}    .grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}    .grid-wide{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}    .grid-wide .thumb{aspect-ratio:auto;object-fit:contain;width:100%;height:auto;max-height:60vw}    .grid-landscape .thumb{aspect-ratio:auto;object-fit:contain;width:100%;height:auto;max-height:40vw}    .game-name{text-align:center;font-size:12.5px;font-weight:bold;color:#fff;background:linear-gradient(180deg,rgba(50,25,80,0.6),rgba(25,15,50,0.7));padding:4px 2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.4}    .empty{padding:18px;background:#1e293b;border-radius:16px;color:#cbd5e1;font-size:14px}    .card{display:flex;flex-direction:column;background:linear-gradient(180deg,rgba(50,25,80,0.6),rgba(25,15,50,0.7));border:1px solid rgba(255,213,74,0.2);border-radius:14px;overflow:hidden;text-decoration:none;box-shadow:0 4px 14px rgba(0,0,0,0.35);transition:transform .15s ease,box-shadow .15s ease,border-color .25s;aspect-ratio:auto}    .card:hover{transform:scale(1.04);box-shadow:0 10px 30px rgba(255,213,74,0.22),0 4px 14px rgba(0,0,0,0.5);border-color:rgba(255,213,74,0.5)}    .thumb{width:100%;aspect-ratio:1;object-fit:cover;background:linear-gradient(135deg,#1a1030,#2a1845);display:block;flex-shrink:0}    @media (max-width: 640px){.wrap{padding:4px 4px}.grid{grid-template-columns:repeat(3,1fr);gap:4px}.grid-wide{grid-template-columns:repeat(2,1fr);gap:4px}.grid-wide .thumb{max-height:45vw}h1{font-size:15px}.tabs{display:flex;flex-wrap:wrap;gap:2px}.tab-btn{padding:6px 2px;flex:0 0 calc(20% - 2px);box-sizing:border-box;min-width:0;min-height:0;border-radius:8px}.tab-btn img{height:18px;width:auto}.search{padding:0}}
html,body{margin:0;padding:0;min-height:100%;font-family:Arial,sans-serif;background:radial-gradient(1200px 600px at 50% -200px,rgba(168,85,247,0.24),transparent 60%),radial-gradient(900px 700px at 100% 100%,rgba(190,24,93,0.28),transparent 60%),radial-gradient(800px 600px at 0% 100%,rgba(123,44,191,0.26),transparent 60%),linear-gradient(180deg,#1a0620 0%,#3b0f2e 45%,#4a1030 55%,#1a0620 100%);background-attachment:fixed;color:#fff}
body{overflow-y:auto;-webkit-overflow-scrolling:touch;padding-top:42px}
#game-container{width:100%;height:100vh;height:100dvh;position:relative;margin-top:-42px;transition:height .35s ease}
iframe{width:100%;height:100%;border:none;display:none}
#game-shrink{position:absolute;right:16px;bottom:16px;z-index:9998;display:none;align-items:center;justify-content:center;gap:0;padding:5px 10px;border:1px solid rgba(251,191,36,.45);border-radius:999px;background:rgba(10,6,18,.85);color:#fde68a;font-size:13px;font-weight:700;cursor:grab;user-select:none;touch-action:none;box-shadow:0 2px 12px rgba(0,0,0,.45)}
#game-shrink.show{display:inline-flex}
#game-shrink.dragging{cursor:grabbing;opacity:.8}
#game-shrink:active{transform:scale(.94)}
#game-intro{position:relative;display:block;width:100%;margin:0;padding:24px 18px 60px;box-sizing:border-box;font-family:Arial,sans-serif;background:#0f172a;border-top:1px solid rgba(251,191,36,.28)}
#game-intro.open{transform:none}
#intro-close{display:none}
#game-intro h2{margin:0 0 12px;font-size:22px;line-height:1.3;color:#fef3c7;font-weight:800}
#game-intro .tip-title{margin:22px 0 10px;font-size:17px;color:#fbbf24;font-weight:800;display:flex;align-items:center;gap:6px}
#game-intro .tip-title::before{content:"\1F4A1";font-size:18px}
#game-intro .intro-title{margin:8px 0 10px;font-size:15px;color:#fbbf24;font-weight:700}
#game-intro p{margin:0;font-size:15px;line-height:1.8;color:#fff}
#game-intro .fit-box{margin:14px 0 0;padding:14px 16px;border:1px solid rgba(52,211,153,.35);border-radius:12px;background:rgba(17,55,42,.45);font-size:15px;line-height:1.8;color:#d1fae5}
#game-intro .fit-box strong{color:#34d399}
#game-intro .tip-box{margin:0 0 14px;padding:14px 16px;border:1px solid rgba(251,191,36,.35);border-radius:12px;background:rgba(30,27,75,.5);font-size:14.5px;line-height:1.8;color:#fff}
#game-intro .tip-box strong{color:#fde68a}
#game-intro .feat-title{margin:20px 0 10px;font-size:17px;color:#fbbf24;font-weight:800;display:flex;align-items:center;gap:6px}
#game-intro .feat-title::before{content:"\2728";font-size:16px}
#game-intro .feat-list{list-style:none;margin:0;padding:0}
#game-intro .feat-list li{position:relative;margin:0 0 8px;padding:10px 14px 10px 28px;border:1px solid rgba(251,191,36,.28);border-radius:10px;background:rgba(30,27,75,.45);font-size:14.5px;line-height:1.7;color:#fff}
#game-intro .feat-list li::before{content:"\2605";position:absolute;left:10px;top:10px;font-size:12px;color:#fbbf24}
#game-intro .site-footer{margin-top:28px;padding-top:18px;border-top:1px solid rgba(251,191,36,.25);text-align:center;font-size:13px;color:#94a3b8;line-height:1.6}
#game-intro .site-footer a{color:#94a3b8;font-weight:400;text-decoration:none}
#game-intro .rec-title{margin:26px 0 12px;font-size:17px;color:#fbbf24;font-weight:800;display:flex;align-items:center;gap:6px}
#game-intro .rec-title::before{content:"\2605";font-size:16px}
#game-intro .brand-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:4px}
#game-intro .brand-grid a{display:inline-flex;align-items:center;justify-content:center;padding:10px 0;border-radius:12px;border:1px solid rgba(168,85,247,.25);background:linear-gradient(180deg,rgba(40,14,44,.60) 0%,rgba(26,9,30,.55) 50%,rgba(40,14,44,.60) 100%);color:#e9d5ff;text-decoration:none;min-height:44px;box-sizing:border-box;box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 3px 10px rgba(0,0,0,.32)}
#game-intro .brand-grid a img{height:26px;width:auto;object-fit:contain;max-width:100%}
#game-intro .feedback-block{margin:8px 0 0;padding:14px 14px;border:1px solid rgba(251,191,36,.18);border-radius:16px;background:linear-gradient(180deg,rgba(30,27,75,.35),rgba(20,16,42,.25))}
#game-intro .feedback-block .rec-title{margin:0 0 8px;font-size:15px}
#game-intro .react-btns{display:flex;gap:10px;margin:0 0 12px}
#game-intro .react-btn{display:inline-flex;align-items:center;gap:3px;padding:6px 8px;border:1px solid rgba(251,191,36,.35);border-radius:999px;background:rgba(251,191,36,.08);color:#fde68a;font-size:14px;font-weight:700;cursor:pointer;user-select:none;transition:background .2s,border-color .2s,transform .1s,box-shadow .2s}
#game-intro .react-btn:hover{background:rgba(251,191,36,.2);border-color:rgba(251,191,36,.65);box-shadow:0 4px 14px rgba(251,191,36,.18)}
#game-intro .react-btn:active{transform:scale(.94)}
#game-intro .react-btn.voted{border-color:rgba(251,191,36,.95);background:rgba(251,191,36,.32);box-shadow:0 0 0 3px rgba(251,191,36,.15)}
#game-intro .react-count{font-size:14px;color:#fff;font-weight:800}
#game-intro .comment-box{display:flex;flex-direction:column;gap:8px;margin:0 0 12px}
#game-intro .comment-box textarea{width:100%;box-sizing:border-box;border:1px solid rgba(251,191,36,.3);border-radius:10px;background:#1e293b;color:#fff;font-size:16px;line-height:1.6;padding:9px 12px;resize:none;outline:none;font-family:Arial,sans-serif;transition:border-color .2s,box-shadow .2s}
#game-intro .comment-box textarea::placeholder{color:#8a93a5}
#game-intro .comment-box textarea:focus{border-color:rgba(251,191,36,.8);box-shadow:0 0 0 3px rgba(251,191,36,.12)}
#game-intro .comment-box button{align-self:flex-end;padding:8px 20px;border:none;border-radius:999px;background:linear-gradient(180deg,#fbbf24,#f59e0b);color:#431407;font-size:14px;font-weight:800;cursor:pointer;user-select:none;box-shadow:0 3px 10px rgba(245,158,11,.25);transition:transform .15s,box-shadow .2s}
#game-intro .comment-box button:hover{transform:translateY(-1px);box-shadow:0 5px 16px rgba(245,158,11,.38)}
#game-intro .comment-box button:disabled{opacity:.5;cursor:not-allowed;transform:none}
#game-intro .comment-list{display:flex;flex-direction:column;gap:8px}
#game-intro .comment-item{position:relative;border:1px solid rgba(251,191,36,.16);border-radius:10px;background:#1e293b;padding:10px 13px;font-size:14px;line-height:1.6;color:#fff}
#game-intro .comment-item::before{content:"\1F4AC";position:absolute;left:13px;top:10px;font-size:13px;opacity:.55}
#game-intro .comment-item .c-body{padding-left:24px}
#game-intro .comment-item .c-time{display:block;margin-top:4px;font-size:12px;color:#94a3b8}
#game-intro .comment-empty{font-size:13px;color:#94a3b8;text-align:center;padding:8px 0}
#game-intro .comment-more{display:block;width:100%;margin-top:8px;padding:8px 0;border:none;border-radius:10px;background:rgba(251,191,36,.08);color:#fde68a;font-size:13px;font-weight:700;cursor:pointer;user-select:none}
#game-intro .rec-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
#game-intro .rec-grid .rec-card{display:flex;flex-direction:column;background:linear-gradient(180deg,rgba(50,25,80,0.6),rgba(25,15,50,0.7));border:1px solid rgba(255,213,74,0.2);border-radius:14px;overflow:hidden;text-decoration:none;box-shadow:0 4px 14px rgba(0,0,0,0.35);transition:transform .15s ease,box-shadow .15s ease,border-color .25s;aspect-ratio:1}
#game-intro .rec-grid .rec-card:hover{transform:scale(1.04);box-shadow:0 10px 30px rgba(255,213,74,0.22),0 4px 14px rgba(0,0,0,0.5);border-color:rgba(255,213,74,0.5)}
#game-intro .rec-grid .rec-card img{flex:none;width:100%;height:auto;min-height:0;object-fit:cover;object-position:center;background:linear-gradient(135deg,#1a1030,#2a1845);display:block;aspect-ratio:1}
#game-intro .rec-grid .rec-name{text-align:center;font-size:12.5px;font-weight:bold;color:#fff;background:linear-gradient(180deg,rgba(50,25,80,0.6),rgba(25,15,50,0.7));padding:6px 4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.4;border-top:1px solid rgba(255,213,74,0.15)}
/* pp/ps 图片为长方形：卡片不固定正方形，图片完整显示不裁切 */
#game-intro .rec-grid.rec-grid-wide{grid-template-columns:repeat(2,1fr)}
#game-intro .rec-grid.rec-grid-wide .rec-card{aspect-ratio:auto}
#game-intro .rec-grid.rec-grid-wide .rec-card img{object-fit:contain;width:100%;height:auto;max-height:60vw}
#game-intro .rec-grid.rec-grid-landscape{grid-template-columns:repeat(3,1fr)}
#game-intro .rec-grid.rec-grid-landscape .rec-card{aspect-ratio:auto}
#game-intro .rec-grid.rec-grid-landscape .rec-card img{object-fit:contain;width:100%;height:auto;max-height:40vw}
@media(max-width:480px){#game-intro .rec-grid{gap:4px}#game-intro .rec-grid.rec-grid-wide .rec-card img{max-height:45vw}}
#pg-fab-cover{display:none;position:fixed;right:12px;top:60px;width:52px;height:52px;z-index:2147483647;pointer-events:auto}
#pg-fab-cover .__btn{position:relative;display:flex;align-items:center;justify-content:center;box-sizing:border-box;width:52px;height:52px;border-radius:50%;border:2px solid #b45309;background:radial-gradient(circle at 32% 28%,#fff6b0 0%,#fbbf24 40%,#f59e0b 75%,#b45309 100%);box-shadow:0 4px 14px rgba(0,0,0,.5),0 0 12px rgba(251,191,36,.5),inset 0 -3px 6px rgba(180,83,9,.5),inset 0 2px 4px rgba(255,255,255,.5);color:#7c2d12;font-size:26px;line-height:26px;font-family:Arial,sans-serif;user-select:none}
#pg-fab-cover .__badge{position:absolute;right:-4px;top:-4px;padding:2px 6px;border-radius:999px;background:#ef4444;color:#fff;font-size:13px;line-height:1;font-weight:800;border:2px solid rgba(255,255,255,.95)}
#pg-domain-modal{display:none;position:fixed;inset:0;z-index:2147483647;background:rgba(0,0,0,.56);align-items:center;justify-content:center;padding:18px;box-sizing:border-box;font-family:Arial,sans-serif}
#pg-domain-modal.show{display:flex}
#pg-domain-modal .modal-box{width:min(92vw,360px);box-sizing:border-box;border:1px solid rgba(251,191,36,.65);border-radius:14px;background:linear-gradient(145deg,rgba(30,27,75,.98),rgba(76,29,149,.98));box-shadow:0 14px 34px rgba(0,0,0,.55),0 0 20px rgba(251,191,36,.25);color:#fff;padding:18px}
#pg-domain-modal .modal-title{margin:0 0 8px;font-size:20px;line-height:1.25;font-weight:800;color:#fef3c7;text-align:center}
#pg-domain-modal .modal-desc{margin:0 0 12px;font-size:14px;line-height:1.45;color:#ddd6fe;text-align:center}
#pg-domain-modal .domain-list{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;margin:0 0 14px}
#pg-domain-modal .domain-list span{border:1px solid rgba(251,191,36,.55);border-radius:999px;padding:4px 8px;background:rgba(17,24,39,.45);color:#fde68a;font-size:12px;line-height:1}
#pg-domain-modal input{width:100%;box-sizing:border-box;border:2px solid rgba(251,191,36,.75);border-radius:10px;background:#fff;color:#111827;font-size:16px;line-height:1.3;padding:11px 12px;outline:none}
#pg-domain-modal input:focus{border-color:#fbbf24;box-shadow:0 0 0 3px rgba(251,191,36,.25)}
#pg-domain-modal .modal-error{min-height:18px;margin:7px 0 0;color:#fecaca;font-size:13px;text-align:center}
#pg-domain-modal .modal-actions{display:flex;gap:10px;margin-top:12px}
#pg-domain-modal button{flex:1;border:0;border-radius:10px;padding:11px 10px;font-size:15px;font-weight:800;cursor:pointer}
#pg-domain-modal .unlock-btn{background:linear-gradient(180deg,#fbbf24,#f59e0b);color:#431407}
#pg-domain-modal .cancel-btn{background:rgba(255,255,255,.12);color:#fff;border:1px solid rgba(255,255,255,.22)}
@media(max-width:480px){#pg-fab-cover{display:block;right:12px;top:60px;width:52px;height:52px}#pg-domain-modal .modal-box{padding:16px}}