@font-face{font-family:'Wangyq En';src:url('./game/We.wo') format('woff');font-weight:normal}:root{--bg-color:#f7f7f7;--accent-color:#111111;--card-bg:#ffffff;--text-dim:#999;--border-color:#eeeeee}body{margin:0;padding:0;font-family:"Wangyq En",-apple-system,sans-serif;background-color:var(--bg-color);color:var(--accent-color);overflow-x:hidden}#splash-screen{position:fixed;inset:0;background:var(--bg-color);display:flex;justify-content:center;align-items:center;z-index:9999}.logo-text{font-size:1.8rem;letter-spacing:12px;opacity:0;transform:scale(0.9);text-align:center}.container{max-width:1200px;margin:0 auto;padding:160px 40px 80px;opacity:0;transform:translateY(30px)}header{margin-bottom:70px}header h2{font-size:2.2rem;font-weight:300;letter-spacing:-1px;margin:0}.filter-bar{display:flex;gap:30px;margin-bottom:45px;border-bottom:1px solid #e0e0e0;padding-bottom:15px}.filter-btn{background:none;border:none;padding:0;font-family:-apple-system,sans-serif;font-size:0.85rem;color:var(--text-dim);cursor:pointer;transition:0.3s;letter-spacing:1px}.filter-btn.active{color:var(--accent-color);font-weight:bold}.game-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:24px}.game-card{background:var(--card-bg);padding:40px;border-radius:2px;text-decoration:none;color:inherit;display:flex;flex-direction:column;justify-content:space-between;min-height:170px;border:1px solid transparent;position:relative;overflow:hidden;cursor:pointer;opacity:0;transform:translateY(20px)}.game-card:hover{border-color:#ddd;transform:translateY(-8px);box-shadow:0 20px 40px rgba(0,0,0,0.03)}.icon-box{width:32px;height:32px;margin-bottom:20px}.svg-icon{width:100%;height:100%;stroke:var(--accent-color);stroke-width:1.2;fill:none;transition:transform 0.5s ease}.game-card:hover .svg-icon{transform:rotate(-8deg) scale(1.1)}.game-card h3{font-size:1.25rem;font-weight:500;margin:0 0 10px 0}.game-card p{font-size:0.85rem;color:var(--text-dim);line-height:1.6;margin:0;max-width:85%}.arrow-link{position:absolute;bottom:40px;right:40px;opacity:0;transform:translateX(-10px);transition:0.3s ease}.game-card:hover .arrow-link{opacity:1;transform:translateX(0)}footer{text-align:center;padding:100px 0;color:#ccc;font-size:0.75rem;letter-spacing:1px}nav{position:fixed;top:0;width:100%;padding:40px 60px;display:flex;justify-content:space-between;align-items:center;box-sizing:border-box;z-index:100;opacity:0}.brand{font-weight:600;font-size:0.9rem;letter-spacing:2px}.nav-links a{text-decoration:none;color:var(--accent-color);font-size:0.9rem;letter-spacing:1px;margin-left:30px;cursor:pointer}#iframe-container{position:fixed;top:0;left:0;width:100%;height:100%;background:var(--bg-color);z-index:1000;display:none;flex-direction:column}#iframe-nav{height:40px;display:flex;justify-content:space-between;align-items:center;padding:0 20px;background:#f5f5f5;border-bottom:1px solid var(--border-color);box-shadow:0 2px 10px rgba(0,0,0,0.05)}.nav-left{display:flex;align-items:center;gap:12px}.nav-icon{width:20px;height:20px}.nav-title{font-size:0.9rem;font-weight:500;color:var(--accent-color)}.close-btn{background:#0078d7;font-family:"Wangyq En",-apple-system,sans-serif;border:none;color:#FFFFFF;font-size:0.9rem;font-weight:500;cursor:pointer;border-radius:20px;transition:all 0.3s ease;letter-spacing:1px;z-index:1001}#iframe-content{flex:1;width:100%;border:none;outline:none}#iframe-focus-overlay{position:absolute;top:40px;left:0;right:0;bottom:0;background:transparent;cursor:default;display:none;z-index:1001}.iframe-active #iframe-focus-overlay{display:block}@media (max-width:1024px){.container{padding:120px 30px 60px}nav{padding:25px 30px}}@media (max-width:768px){:root{--mobile-padding:20px}.container{padding:100px var(--mobile-padding) 40px}header h2{font-size:1.6rem}.game-grid{grid-template-columns:1fr;gap:16px}nav{padding:15px var(--mobile-padding);background:rgba(247,247,247,0.9);backdrop-filter:blur(10px)}.brand{font-size:0.8rem}.nav-links a{margin-left:15px;font-size:0.8rem}.filter-bar{gap:15px;overflow-x:auto;white-space:nowrap;padding-bottom:10px;-webkit-overflow-scrolling:touch}.filter-bar::-webkit-scrollbar{display:none}.game-card{padding:30px;min-height:140px}.game-card p{max-width:100%}.arrow-link{bottom:25px;right:25px;opacity:0.5}}@media (max-width:480px){#logo{font-size:1.2rem;letter-spacing:6px}.nav-title{max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}@media (max-width:350px){.filter-bar{gap:10px !important;margin-bottom:20px !important}.filter-btn{font-size:0.7rem !important}#iframe-content{width:200% !important;height:200% !important;transform:scale(0.5) !important;transform-origin:top left !important;position:absolute !important;top:0;left:0}}@media (max-width:200px){nav{padding:10px !important}.nav-links{display:none !important}.container{padding:45px 10px 20px !important}header{margin-bottom:20px !important}header h2{font-size:1rem !important}.filter-bar{gap:10px !important;margin-bottom:20px !important}.filter-btn{font-size:0.7rem !important}.game-card{padding:15px !important;min-height:50px !important}.game-card p,.icon-box,.arrow-link{display:none !important}.game-card h3{font-size:0.85rem !important;margin:0 !important}#iframe-content{width:320px !important;height:400px !important;transform:scale(0.5) !important;transform-origin:top left !important;position:absolute !important;top:0;left:0}.close-btn{padding:2px 8px !important;font-size:0.75rem !important}.nav-title{font-size:0.75rem !important}}