.contact-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000059;display:flex;align-items:center;justify-content:center;z-index:10000;padding:16px}.contact-modal{width:100%;max-width:480px;background:#fff;border-radius:10px;padding:20px;position:relative;box-shadow:0 20px 60px #00000040;text-align:center;max-height:90vh;overflow-y:auto;-webkit-overflow-scrolling:touch}.contact-close{position:absolute;right:14px;top:14px;border:none;background:transparent;font-size:18px;cursor:pointer;width:44px;height:44px;display:flex;align-items:center;justify-content:center}.contact-logo img{width:160px;height:auto;margin:8px auto 16px;display:block}.contact-title{font-size:1.1rem;margin-bottom:16px;color:#203040}.contact-actions{display:flex;flex-direction:column;gap:12px}.contact-primary{background:#2f67f6;color:#fff;padding:14px 18px;border-radius:10px;border:none;font-weight:600;cursor:pointer;min-height:48px;font-size:.95rem}.contact-secondary{background:transparent;color:#2f67f6;padding:12px 16px;border-radius:10px;border:2px solid #2f67f6;cursor:pointer;min-height:48px;font-size:.95rem}.home-layout{display:flex;flex-direction:column;gap:20px;align-items:stretch}.home-layout .main-content{flex:1;display:flex;flex-direction:column}.home-layout .contact-sidebar{width:100%}.home-layout .grid-categories{display:grid;grid-template-columns:1fr;gap:16px}.contact-card{background:#fff;border-radius:10px;padding:14px;box-shadow:0 8px 20px #0000000a;margin-bottom:12px}.contact-card h4{margin:0 0 10px;font-size:1rem}.contact-card .card-btn{display:flex;align-items:center;gap:12px;padding:12px;border-radius:8px;background:#f7f8fb;cursor:pointer;border:1px solid #f0f2f7;min-height:48px}.card-btn .icon{font-size:18px}@media (min-width: 600px){.contact-modal{padding:28px 32px;max-width:560px}.contact-logo img{width:200px}.contact-title{font-size:1.2rem}.home-layout .grid-categories{grid-template-columns:repeat(2,1fr);gap:18px}}@media (min-width: 900px){.contact-modal{max-width:720px}.contact-logo img{width:220px;margin:8px auto 18px}.home-layout{flex-direction:row;gap:24px}.home-layout .contact-sidebar{width:280px}.home-layout .grid-categories{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}}.email-panel{max-width:480px;width:100%}.email-panel .contact-title{text-align:left;margin-bottom:16px}.email-list{display:flex;flex-direction:column;gap:10px;margin:16px 0}.email-item{background:#f7f8fb;border-radius:8px;padding:10px 12px;border:1px solid #f0f2f7}.email-label{font-size:.85rem;color:#666;margin-bottom:4px;font-weight:500;text-align:left}.email-content{display:flex;align-items:center;justify-content:space-between;gap:12px}.email-address{font-size:.85rem;color:#2f67f6;font-weight:500;word-break:break-all;flex:1;text-align:left}.copy-btn{flex-shrink:0;width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:#fff;border:1px solid #e0e0e0;border-radius:6px;cursor:pointer;transition:all .2s;color:#666}.copy-btn:hover{background:#f0f0f0;border-color:#2f67f6;color:#2f67f6}.copy-btn:active{transform:scale(.95)}.email-footer{margin-top:16px;padding-top:16px;border-top:1px solid #f0f0f0}@media (min-width: 600px){.email-address{font-size:.9rem}.copy-btn{width:36px;height:36px}}.app-sidebar{width:100%;margin-left:0;margin-top:20px}.verify-card{background:linear-gradient(90deg,#e8f0ff,#f7e8ff);border-radius:10px;padding:16px;margin-bottom:16px}.verify-btn{background:#6fb3ff;color:#fff;padding:10px 16px;border-radius:22px;border:none;cursor:pointer;min-height:44px}.contact-card{background:#fff;border-radius:10px;padding:12px;box-shadow:0 8px 20px #0000000a}.card-row{display:flex;flex-direction:column;gap:10px;margin-top:10px}.card-btn{display:flex;align-items:center;gap:12px;padding:12px;border-radius:8px;background:#f7f8fb;cursor:pointer;border:1px solid #f0f2f7;min-height:48px}@media (min-width: 900px){.app-sidebar{width:300px;margin-left:32px;margin-top:0;flex-shrink:0}}.toast-notification[data-v-f386edb7]{position:fixed;transform:translate(-50%);background:#000;color:#fff;padding:12px 24px;border-radius:8px;font-size:.95rem;font-weight:600;box-shadow:0 8px 24px #00000040;z-index:10001;white-space:nowrap;pointer-events:none}.toast-float-enter-active[data-v-f386edb7]{animation:floatUp-f386edb7 2.5s ease-out forwards}.toast-float-leave-active[data-v-f386edb7]{animation:none;opacity:0}@keyframes floatUp-f386edb7{0%{opacity:1;transform:translate(-50%) translateY(0)}70%{opacity:1;transform:translate(-50%) translateY(-60px)}to{opacity:0;transform:translate(-50%) translateY(-100px)}}body{background-color:#fff}:root{--primary-color: #000000;--accent-color: #0070c9;--bg-color: #f8f8f8;--card-bg: #ffffff;--text-main: #1a1a1a;--text-gray: #666666;--hero-bg: linear-gradient(135deg, #111111 0%, #2c2c2c 100%);--skyBlitz-id-bg: #000000;--skyBlitz-id-text: #ffffff}*{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background-color:var(--bg-color);color:var(--text-main);line-height:1.6;-webkit-text-size-adjust:100%}a{text-decoration:none;color:inherit;transition:opacity .2s}a:hover{opacity:.8}button{border:none;outline:none;background:none;cursor:pointer}.app-content-wrapper{display:flex;align-items:flex-start;justify-content:center;margin:-60px auto 0;padding:0 16px 40px;position:relative;z-index:10;max-width:1440px}.app-main{flex:0 1 1080px;max-width:1080px;min-width:0}header{background:#fff;height:56px;padding:0 12px;display:flex;align-items:center;justify-content:space-between;box-shadow:0 1px #0000000d;position:sticky;top:0;z-index:9999}.header-left-group,.header-right-group{display:flex;align-items:center}.header-right-group{gap:8px}.game-selector-wrapper{position:relative;height:56px;display:flex;align-items:center}.current-game-trigger{display:flex;align-items:center;padding:8px 8px 8px 0;border-radius:8px;cursor:pointer;transition:opacity .2s}.current-game-trigger:hover{opacity:.7}.logo-img{height:32px;width:32px;margin-right:8px;border-radius:8px;object-fit:cover;box-shadow:0 2px 5px #0000001a}.logo-app-name{font-weight:800;color:#000;font-size:1rem;letter-spacing:-.5px}.selector-arrow{margin-left:4px;margin-right:0;font-size:.7rem;color:#999;transition:transform .2s;vertical-align:middle}.game-selector-wrapper:hover .selector-arrow{transform:rotate(180deg);color:var(--accent-color)}.logo-service-badge{display:none;background-color:#000;color:#fff;font-size:.85rem;padding:3px 8px;border-radius:6px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;box-shadow:0 2px 5px #0003;vertical-align:middle}.game-dropdown-menu{display:none;position:absolute;top:100%;left:0;margin-top:-5px;background-color:#fff;min-width:240px;box-shadow:0 10px 30px #00000026;border-radius:0 0 12px 12px;overflow:hidden;z-index:1001;border:1px solid #eee;border-top:none}.game-selector-wrapper:hover .game-dropdown-menu{display:block}.game-item{display:flex;align-items:center;padding:15px 20px;border-bottom:1px solid #f9f9f9;transition:background .2s}.game-item:last-child{border-bottom:none}.game-item:hover{background-color:#f8f8f8}.game-thumb{width:28px;height:28px;border-radius:6px;margin-right:12px;background:#eee}.game-name{font-size:.95rem;font-weight:600;color:#333}.game-item:hover .game-name{color:var(--accent-color)}.lang-wrapper{position:relative}.lang-btn-trigger{display:flex;align-items:center;justify-content:center;padding:8px;width:38px;border-radius:8px;background-color:#f2f2f2;cursor:pointer;transition:all .2s;font-size:.9rem;color:#333;font-weight:500;height:38px}.lang-btn-trigger:hover{background-color:#e0e0e0;color:#000}.lang-icon{font-size:1.1rem;margin-right:0;line-height:1}.lang-text{display:none}.lang-select{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer;width:100%;height:100%;font-size:16px}.lang-menu{display:none;position:absolute;top:100%;right:0;margin-top:8px;background-color:#fff;min-width:160px;box-shadow:0 8px 20px #0000001a;border-radius:8px;overflow:hidden;z-index:1001;border:1px solid #eee}.lang-wrapper:hover .lang-menu{display:block}.lang-menu a{display:block;padding:12px 16px;font-size:.9rem;color:var(--text-main);border-bottom:1px solid #f9f9f9;cursor:pointer}.lang-menu a:hover{background-color:#f5f5f5;color:#000}.btn-login{display:flex;align-items:center;background-color:var(--skyBlitz-id-bg);color:var(--skyBlitz-id-text);padding:8px 14px;border-radius:20px;font-size:.8rem;font-weight:600;transition:transform .2s,opacity .2s;cursor:pointer;border:1px solid transparent;height:36px;white-space:nowrap}.btn-login:hover{background-color:#333}.btn-login .icon-id{display:none}.hero{background:var(--hero-bg);color:#fff;padding:50px 16px 80px;text-align:center;display:flex;flex-direction:column;align-items:center}.hero h1{margin-bottom:20px;font-size:1.4rem;font-weight:600;letter-spacing:-.5px}.search-container{width:100%;max-width:640px;position:relative;z-index:100}.search-input{width:100%;padding:14px 45px 14px 20px;border-radius:50px;border:none;font-size:16px;box-shadow:0 10px 30px #0000004d;outline:none}.search-icon{position:absolute;right:20px;top:50%;transform:translateY(-50%);font-size:1.1rem;color:#666;cursor:pointer}.search-results-dropdown{display:block;position:absolute;top:100%;left:0;right:0;margin-top:8px;background:#fff;border-radius:12px;box-shadow:0 10px 40px #0003;overflow:hidden;text-align:left;z-index:200;max-height:60vh;overflow-y:auto;-webkit-overflow-scrolling:touch}.search-result-item{padding:14px 16px;border-bottom:1px solid #f5f5f5;color:#333;cursor:pointer;transition:background .1s}.search-result-item:last-child{border-bottom:none}.search-result-item:hover{background:#f2f2f2;color:var(--accent-color)}.search-no-result{padding:20px;color:#999;text-align:center}.container{max-width:1080px;margin:-40px auto 0;padding:0 16px 40px;position:relative;z-index:10}.grid-categories{display:grid;grid-template-columns:1fr;gap:16px;margin-bottom:32px}.card{background:var(--card-bg);padding:20px;border-radius:12px;box-shadow:0 4px 15px #00000008;text-align:center;border:1px solid rgba(0,0,0,.03);height:100%;display:flex;flex-direction:column;align-items:center;transition:transform .2s,box-shadow .2s}.card:hover{transform:translateY(-3px);box-shadow:0 12px 24px #00000014;border-color:#000}.card-header{width:100%;cursor:pointer;margin-bottom:12px;padding-bottom:5px;border-bottom:1px solid transparent;transition:all .2s;display:flex;flex-direction:column;align-items:center}.card-header:hover h3{color:var(--accent-color)}.card-header:hover .header-arrow{color:var(--accent-color);transform:translate(5px);opacity:1}.card-icon{font-size:36px;margin-bottom:8px;display:inline-block}.card-title-row{display:flex;align-items:center;justify-content:center;gap:8px}.card h3{font-size:1.1rem;color:var(--primary-color);font-weight:700;margin:0;transition:color .2s}.header-arrow{font-size:1.4rem;color:#ddd;line-height:1;transition:all .2s;opacity:.5}.card-sub-list{list-style:none;padding:0;margin:0;width:100%}.card-sub-list li{margin-bottom:8px}.sub-link{display:inline-block;color:var(--accent-color);font-size:.9rem;font-weight:500;cursor:pointer;text-decoration:none;transition:all .2s;padding:4px 0}.sub-link:hover{color:#000;text-decoration:underline}.back-nav-btn{display:inline-flex;align-items:center;font-size:.95rem;font-weight:600;color:#555;margin-bottom:20px;cursor:pointer;transition:all .2s;padding:8px 0;min-height:44px}.back-nav-btn:hover{color:var(--accent-color);transform:translate(-3px)}.back-arrow{margin-right:8px;font-size:1.2rem;line-height:1;position:relative;top:-1px}#category-view{display:block;animation:fadeIn .3s ease;background:#fff;border-radius:12px;padding:20px;box-shadow:0 4px 20px #0000000d}.cat-list-container{margin-top:16px}.cat-list-item{display:flex;justify-content:space-between;align-items:center;padding:16px 8px;border-bottom:1px solid #f5f5f5;cursor:pointer;transition:background .1s;min-height:48px}.cat-list-item:hover{background:#f9f9f9}.cat-list-item:last-child{border-bottom:none}.cat-item-title{font-size:.95rem;font-weight:600;color:#333}.cat-item-arrow{color:#ccc;font-size:1.2rem}.cat-empty-msg{padding:30px;text-align:center;color:#999}#article-view{display:block;background:#fff;border-radius:12px;padding:20px;box-shadow:0 4px 20px #0000000d;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.breadcrumb{margin-bottom:16px;font-size:.85rem;color:#999;border-bottom:1px solid #f5f5f5;padding-bottom:12px}.breadcrumb span{cursor:pointer;transition:color .2s}.breadcrumb span:hover{color:var(--accent-color)}.article-title{font-size:1.5rem;font-weight:700;color:#000;margin-bottom:12px;line-height:1.3}.article-meta{font-size:.85rem;color:#999;margin-bottom:24px}.article-content{font-size:1rem;line-height:1.8;color:#333;margin-bottom:32px;overflow-wrap:break-word;word-break:break-word}.article-content p{margin-bottom:12px}.article-content strong{color:#000}.article-content img{max-width:100%;height:auto;border-radius:8px}.feedback-box{background:#f9f9f9;padding:20px;border-radius:12px;text-align:center;border:1px solid #eee}.feedback-title{font-weight:600;margin-bottom:16px;font-size:1rem}.feedback-buttons{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}.btn-vote{display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 20px;border-radius:50px;border:1px solid #ddd;background:#fff;font-weight:600;font-size:.9rem;color:#555;transition:all .2s;min-height:44px}.btn-vote:hover{border-color:#000;color:#000;background:#fff;transform:translateY(-2px)}.btn-vote.active{background:#000;color:#fff;border-color:#000}.btn-vote.active-down{background:#f2f2f2;color:#999;border-color:#ddd;pointer-events:none}.feedback-thanks{display:none;color:green;font-weight:600;margin-top:15px;animation:fadeIn .3s}.faq-section{background:#fff;border-radius:12px;padding:20px;box-shadow:0 4px 15px #00000008}.faq-header{font-size:1.2rem;margin-bottom:16px;font-weight:700;color:var(--primary-color)}.faq-item{padding:14px 0;border-bottom:1px solid #f0f0f0;display:flex;justify-content:space-between;align-items:center;cursor:pointer;transition:background .2s;min-height:48px}.faq-item:hover{background-color:#fafafa}.faq-item:last-child{border-bottom:none}.faq-item:hover .faq-question{color:var(--accent-color);text-decoration:underline}.faq-question{font-weight:500;font-size:.95rem;color:#333;transition:color .2s}.arrow{color:#ccc;font-size:1.2rem}.contact-section{text-align:center;margin-top:40px;padding:32px 16px}.contact-section h2{font-size:1.4rem;margin-bottom:10px;color:var(--primary-color)}.contact-section p{color:#666;margin-bottom:24px}.btn-contact{background-color:#000;color:#fff;padding:14px 36px;border-radius:30px;font-size:1rem;font-weight:600;box-shadow:0 5px 15px #0003;transition:all .2s;display:inline-block;min-height:48px}.btn-contact:hover{background-color:#333;transform:scale(1.02)}footer{text-align:center;padding:32px 16px;color:#999;font-size:.85rem;background:#fff;border-top:1px solid #eee;margin-top:40px}footer .links{margin-top:12px}footer .links a{margin:0 8px;color:#666;font-weight:500}@media (min-width: 600px){header{height:60px;padding:0 20px}.header-right-group{gap:12px}.game-selector-wrapper{height:60px}.logo-img{height:34px;width:34px;margin-right:10px}.logo-app-name{font-size:1.05rem}.selector-arrow{margin-left:6px;margin-right:8px}.lang-btn-trigger{padding:8px 12px;width:auto}.lang-icon{margin-right:6px}.lang-text{display:inline}.btn-login{padding:8px 16px;font-size:.85rem;height:38px}.btn-login .icon-id{display:inline;margin-right:6px;font-size:1rem}.hero{padding:60px 20px 90px}.hero h1{font-size:1.7rem;margin-bottom:24px}.search-input{padding:16px 48px 16px 22px}.app-content-wrapper{padding:0 20px 50px;margin-top:-50px}.grid-categories{grid-template-columns:repeat(2,1fr);gap:18px;margin-bottom:40px}.card{padding:22px}.card-icon{font-size:40px}#category-view,#article-view{padding:30px;border-radius:14px}.article-title{font-size:1.7rem}.article-content{font-size:1.02rem}.faq-section{padding:24px}.faq-header{font-size:1.25rem}.container{margin-top:-50px;padding:0 20px 50px}}@media (min-width: 900px){header{height:64px;padding:0 24px}.game-selector-wrapper{height:64px}.header-right-group{gap:15px}.logo-img{height:36px;width:36px;margin-right:12px}.logo-app-name{font-size:1.1rem}.selector-arrow{margin-right:16px}.logo-service-badge{display:inline-block}.btn-login{padding:8px 18px}.hero{padding:80px 20px 100px}.hero h1{font-size:2.2rem;margin-bottom:30px}.search-input{padding:18px 50px 18px 25px}.search-icon{right:25px;font-size:1.2rem}.app-content-wrapper{padding:0 20px 60px;margin-top:-60px}.grid-categories{grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:50px}.card{padding:25px}.card-icon{font-size:42px;margin-bottom:10px}.card h3{font-size:1.2rem}#category-view,#article-view{padding:40px;border-radius:16px}.article-title{font-size:2rem}.article-content{font-size:1.05rem;margin-bottom:50px}.faq-section{padding:30px}.faq-header{font-size:1.3rem;margin-bottom:20px}.contact-section{margin-top:60px;padding:50px 20px}.contact-section h2{font-size:1.8rem}footer{padding:40px 20px;margin-top:60px}.container{margin-top:-60px;padding:0 20px 60px}}@media (max-width: 899px){.app-content-wrapper{flex-direction:column;align-items:stretch}.app-main{flex:1 1 auto;max-width:100%}}