.ad-container{position:relative;box-sizing:border-box;margin:0;padding:0;}.side-ad-container{position:relative;width:300px;height:600px;flex-shrink:0;overflow:hidden;display:flex;}.side-ad-container .ad-wrapper{position:absolute;top:0;left:0;width:300px;height:600px;}.mobile-ad-container{width:100%;min-height:250px;margin:40px auto;max-width:970px;position:relative;z-index:1;clear:both;display:none;padding:0 20px;}.mobile-ad-container.visible{display:block;}.mobile-ad-container.hidden{display:none !important;}.mobile-ad-container .ad-wrapper{position:relative;width:100%;min-height:250px;margin:0 auto;}#mobile-top-ad{min-height:50px;margin:10px auto;padding:0 12px;}#mobile-top-ad .ad-wrapper{min-height:50px;height:50px;max-width:320px;margin:0 auto;}#mobile-mid-rect{min-height:250px;margin:20px auto;padding:0 12px;}#mobile-mid-rect .ad-wrapper{min-height:250px;width:300px;max-width:300px;margin:0 auto;}.main-content-wrapper{display:flex;justify-content:center;align-items:flex-start;gap:20px;max-width:1600px;margin:0 auto;padding:0 20px;flex-wrap:wrap;contain:layout style;min-height:400px;}.main-content-wrapper.mobile-layout{flex-direction:column;align-items:center;width:100%;max-width:100%;margin:0 auto;padding:0;gap:0;overflow-x:hidden;}.main-content-wrapper.desktop-layout{flex-direction:row;justify-content:center;align-items:flex-start;max-width:1600px;overflow-x:visible;}@media screen and (max-width:768px){.main-content-wrapper{flex-direction:column;align-items:center;width:100%;max-width:100%;padding:0;gap:0;overflow-x:hidden;}}@media screen and (min-width:769px){.main-content-wrapper{flex-direction:row;justify-content:center;align-items:flex-start;max-width:1600px;overflow-x:visible;}}.game-center-container{flex:1;min-width:0;max-width:960px;order:1;}.main-nav{display:flex;gap:2rem;}.main-nav a{color:#333;text-decoration:none;font-weight:500;}.main-nav a.active{color:#3498db;}.language-switcher{display:flex;gap:0.25rem;margin-left:1rem;}.language-btn{display:flex;align-items:center;gap:0.25rem;padding:0.375rem 0.5rem;border:1px solid #e0e0e0;border-radius:6px;background:white;cursor:pointer;transition:all 0.2s ease;font-size:0.75rem;font-weight:500;color:#666;text-decoration:none;}.language-btn:hover{background:#f8f9fa;border-color:#3498db;color:#3498db;transform:translateY(-1px);}.language-btn.active{background:#3498db;border-color:#3498db;color:white;}.language-btn.active:hover{background:#2980b9;border-color:#2980b9;color:white;}.flag-icon{font-size:0.875rem;line-height:1;}.lang-text{font-size:0.75rem;font-weight:600;letter-spacing:0.025em;}.dark-mode .language-btn{background:#2c3e50;border-color:#34495e;color:#bdc3c7;}.dark-mode .language-btn:hover{background:#34495e;border-color:#3498db;color:#3498db;}.dark-mode .language-btn.active{background:#3498db;border-color:#3498db;color:white;}.desktop-banner-ad{width:100%;max-width:728px;height:90px;margin:20px auto;display:block;overflow:visible;}.desktop-banner-ad.visible{display:block !important;}.desktop-banner-ad.hidden{display:none !important;}.desktop-banner-ad .ad-wrapper{width:fit-content;height:90px;margin:0 auto;}#desktop-top-ad .ad-wrapper{width:728px;height:90px;}#desktop-top-ad .ad-wrapper iframe{width:728px !important;height:90px !important;display:block;}#desktop-mid-ad{max-width:468px;height:60px;}#desktop-mid-ad .ad-wrapper{width:468px;height:60px;}#desktop-mid-ad .ad-wrapper iframe{width:468px !important;height:60px !important;display:block;}@media screen and (max-width:768px){.language-switcher{margin-left:0.5rem;}.language-btn{padding:0.25rem 0.375rem;font-size:0.7rem;}.flag-icon{font-size:0.75rem;}.lang-text{font-size:0.7rem;}.desktop-banner-ad{display:none !important;}}@media screen and (min-width:769px){.desktop-banner-ad{display:block;}}.logo-text{margin:0;font-size:24px;font-weight:bold;line-height:1.2;}.logo-text a{text-decoration:none;color:inherit;display:flex;align-items:center;gap:4px;}.logo-icon{font-size:1.2em;line-height:1;}@media screen and (max-width:768px){.logo-icon{font-size:1.1em;}}.faq-section{max-width:960px;margin:40px auto;padding:0 20px;}.faq-container{margin-top:20px;}.faq-item{margin-bottom:15px;border:1px solid #e0e0e0;border-radius:8px;overflow:hidden;}.faq-item summary{padding:15px 20px;cursor:pointer;background-color:#f8f8f8;font-weight:500;list-style:none;position:relative;transition:background-color 0.3s ease;}.faq-item summary::-webkit-details-marker{display:none;}.faq-item summary::after{content:'+';position:absolute;right:20px;top:50%;transform:translateY(-50%);font-size:20px;color:#666;}.faq-item[open] summary::after{content:'−';}.faq-item summary:hover{background-color:#f0f0f0;}.faq-item p{padding:15px 20px;margin:0;background-color:white;line-height:1.6;}.faq-item[open] summary{border-bottom:1px solid #e0e0e0;}@media screen and (max-width:768px){.faq-section{display:none;}}.seo-intro-section{margin:50px auto 40px;padding:0 20px;contain:layout style;min-height:200px;visibility:visible;}.seo-intro-container{background:linear-gradient(135deg,#ffffff 0%,#f8f9fa 100%);border-radius:16px;padding:40px 35px;box-shadow:0 4px 20px rgba(0,0,0,0.08);border:1px solid rgba(0,0,0,0.05);position:relative;overflow:hidden;min-height:150px;box-sizing:border-box;}.seo-intro-container::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#ffd700,#ffb703,#fb8500);}.seo-intro-section h1{font-size:2.1rem;font-weight:700;color:#1a237e;margin:0 0 20px 0;text-align:center;line-height:1.3;background:linear-gradient(135deg,#1a237e 0%,#283593 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;}.seo-intro-content{margin:0 auto;}.seo-intro-lead{font-size:1.25rem;color:#2c3e50;margin:0 0 18px 0;line-height:1.7;font-weight:500;text-align:center;}.seo-intro-text{font-size:1.05rem;color:#555;margin:0;line-height:1.8;text-align:left;}.seo-intro-text a{color:#1a237e;text-decoration:none;font-weight:500;border-bottom:1px solid rgba(26,35,126,0.3);transition:all 0.2s ease;}.seo-intro-text a:hover{color:#283593;border-bottom-color:#283593;}.seo-intro-text strong{color:#1a237e;font-weight:600;}.dark-mode .seo-intro-container{background:linear-gradient(135deg,#2c3e50 0%,#34495e 100%);border-color:rgba(255,255,255,0.1);}.dark-mode .seo-intro-section h1{background:linear-gradient(135deg,#ffd700 0%,#ffb703 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;}.dark-mode .seo-intro-lead{color:#ecf0f1;}.dark-mode .seo-intro-text{color:#bdc3c7;}.dark-mode .seo-intro-text a{color:#ffd700;border-bottom-color:rgba(255,215,0,0.3);}.dark-mode .seo-intro-text a:hover{color:#ffb703;border-bottom-color:#ffb703;}.dark-mode .seo-intro-text strong{color:#ffd700;}@media screen and (max-width:768px){.seo-intro-section{margin:30px auto 25px;padding:0 15px;}.seo-intro-container{padding:30px 20px;border-radius:12px;}.seo-intro-section h1{font-size:1.5rem;margin-bottom:16px;}.seo-intro-lead{font-size:1.1rem;margin-bottom:15px;}.seo-intro-text{font-size:1rem;line-height:1.7;}}.ratings-section{max-width:1100px;margin:40px auto 30px;padding:0 20px;}.ratings-container{background:linear-gradient(135deg,#fff9e6 0%,#fff3cd 100%);border-radius:12px;padding:25px 30px;text-align:center;border:2px solid #ffd700;box-shadow:0 4px 15px rgba(255,215,0,0.2);}.ratings-display{display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:10px;flex-wrap:wrap;}.rating-stars{display:flex;gap:2px;}.rating-stars .star{font-size:1.5rem;line-height:1;}.rating-value{font-size:2rem;font-weight:700;color:#1a237e;line-height:1;}.rating-separator{font-size:1.5rem;color:#666;font-weight:300;}.rating-max{font-size:1.5rem;color:#666;font-weight:500;}.rating-count{font-size:0.95rem;color:#555;font-weight:500;margin-top:5px;}.dark-mode .ratings-container{background:linear-gradient(135deg,#3d3520 0%,#4a3f25 100%);border-color:#ffd700;}.dark-mode .rating-value{color:#ffd700;}.dark-mode .rating-count{color:#ecf0f1;}@media screen and (max-width:768px){.ratings-section{margin:30px auto 20px;padding:0 15px;}.ratings-container{padding:20px 15px;}.rating-value{font-size:1.75rem;}.rating-stars .star{font-size:1.3rem;}}.quick-start-section{max-width:1100px;margin:50px auto 40px;padding:0 20px;}.quick-start-container{background:white;border-radius:16px;padding:40px 35px;box-shadow:0 4px 20px rgba(0,0,0,0.08);border:1px solid rgba(0,0,0,0.05);}.quick-start-container h2{font-size:2rem;font-weight:700;color:#1a237e;text-align:center;margin:0 0 35px 0;}.quick-start-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;}.quick-start-step{display:flex;flex-direction:column;align-items:center;text-align:center;padding:25px 20px;background:linear-gradient(135deg,#f8f9fa 0%,#ffffff 100%);border-radius:12px;border:1px solid rgba(0,0,0,0.05);transition:all 0.3s ease;}.quick-start-step:hover{transform:translateY(-5px);box-shadow:0 8px 20px rgba(0,0,0,0.1);}.step-number{width:50px;height:50px;border-radius:50%;background:linear-gradient(135deg,#1a237e 0%,#283593 100%);color:white;font-size:1.5rem;font-weight:700;display:flex;align-items:center;justify-content:center;margin-bottom:15px;box-shadow:0 4px 10px rgba(26,35,126,0.3);}.step-content h3{font-size:1.25rem;font-weight:600;color:#1a237e;margin:0 0 10px 0;}.step-content p{font-size:0.95rem;color:#555;line-height:1.6;margin:0;}.dark-mode .quick-start-container{background:#2c3e50;border-color:rgba(255,255,255,0.1);}.dark-mode .quick-start-container h2{color:#ffd700;}.dark-mode .quick-start-step{background:linear-gradient(135deg,#34495e 0%,#2c3e50 100%);border-color:rgba(255,255,255,0.1);}.dark-mode .step-content h3{color:#ffd700;}.dark-mode .step-content p{color:#bdc3c7;}@media screen and (max-width:768px){.quick-start-section{margin:30px auto 25px;padding:0 15px;}.quick-start-container{padding:30px 20px;}.quick-start-container h2{font-size:1.5rem;margin-bottom:25px;}.quick-start-steps{grid-template-columns:1fr;gap:20px;}.quick-start-step{padding:20px 15px;}}.faq-number{display:inline-block;width:28px;height:28px;background:linear-gradient(135deg,#1a237e 0%,#283593 100%);color:white;border-radius:50%;font-size:0.85rem;font-weight:700;text-align:center;line-height:28px;margin-right:10px;flex-shrink:0;}.faq-item summary{display:flex;align-items:center;}.dark-mode .faq-number{background:linear-gradient(135deg,#ffd700 0%,#ffb703 100%);color:#1a237e;}.footer{background:linear-gradient(135deg,#1a237e 0%,#283593 100%);color:white;padding:50px 0 20px;margin-top:60px;}.footer-content{display:flex;flex-direction:column;width:100%;}.footer-main{display:grid;grid-template-columns:1.5fr 2fr;gap:50px;margin-bottom:40px;width:100%;}.footer-brand h3{font-size:1.75rem;font-weight:700;margin:0 0 15px 0;color:#ffd700;}.footer-brand p{font-size:0.95rem;line-height:1.6;color:rgba(255,255,255,0.9);margin:0;}.footer-links{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;}.footer-link-group h4{font-size:1.1rem;font-weight:600;margin:0 0 15px 0;color:#ffd700;}.footer-link-group ul{list-style:none;padding:0;margin:0;}.footer-link-group li{margin-bottom:10px;}.footer-link-group a{color:rgba(255,255,255,0.85);text-decoration:none;font-size:0.9rem;transition:all 0.2s ease;display:inline-block;}.footer-link-group a:hover{color:#ffd700;padding-left:5px;}.footer-bottom{border-top:1px solid rgba(255,255,255,0.2);padding-top:20px;text-align:center;width:100%;margin-top:auto;}.footer-bottom p{margin:0;color:rgba(255,255,255,0.7);font-size:0.9rem;text-align:center;}.dark-mode .footer{background:linear-gradient(135deg,#181a1b 0%,#1a1c1d 100%);}@media screen and (max-width:968px){.footer-main{grid-template-columns:1fr;gap:40px;}.footer-links{grid-template-columns:repeat(2,1fr);}}@media screen and (max-width:768px){.footer{padding:40px 0 20px;}.footer-links{grid-template-columns:1fr;gap:30px;}.footer-brand h3{font-size:1.5rem;}}.friends-section{max-width:1100px;margin:60px auto 30px;padding:0 20px;}.friends-header{display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:22px;}.friends-header h2{margin:0;font-size:28px;background:linear-gradient(90deg,#ffb703,#fb8500);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;}.friends-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;}.friend-card{position:relative;border-radius:14px;overflow:hidden;background:linear-gradient(145deg,#ffffff,#f7f9fc);border:1px solid #eef1f6;box-shadow:0 6px 18px rgba(0,0,0,0.06);transition:transform 0.2s ease,box-shadow 0.2s ease;}.friend-card:hover{transform:translateY(-3px);box-shadow:0 10px 24px rgba(0,0,0,0.10);}.friend-link{display:flex;align-items:center;gap:14px;padding:18px 18px;color:#1f2937;text-decoration:none;}.friend-icon{flex:0 0 auto;width:40px;height:40px;display:grid;place-items:center;border-radius:10px;background:radial-gradient(100% 100% at 50% 0%,#fff0d1 0%,#ffd586 100%);border:1px solid #ffe3a6;font-size:20px;}.friend-meta{display:flex;flex-direction:column;}.friend-title{font-weight:700;font-size:16px;line-height:1.25;margin:0 0 4px 0;}.friend-url{color:#64748b;font-size:13px;}@media screen and (max-width:900px){.friends-grid{grid-template-columns:1fr;}.friends-section{margin:40px auto 20px;}}