/*
Theme Name: Theme Group D - Review
Theme URI: https://example.com
Author: SEA Gaming Cluster
Description: Professional review theme - clean black/white editorial with accent teal. Thai/English/Portuguese multilingual support.
Version: 1.0.0
Text Domain: sea-theme-group-d
*/
*{margin:0;padding:0;box-sizing:border-box}
body{font-family:'Space Grotesk','Noto Sans Thai',sans-serif;background:#E9E9F0;color:#151826;line-height:1.65}
a{text-decoration:none;color:inherit}
.container{max-width:1180px;margin:0 auto;padding:0 20px}

/* Header */
.site-header{background:#0A091B;padding:14px 0;position:sticky;top:0;z-index:99;box-shadow:0 2px 14px rgba(15,23,42,.5)}
.header-container{max-width:1180px;margin:0 auto;padding:0 20px;display:flex;align-items:center;justify-content:space-between;gap:18px}
.site-logo{display:flex;align-items:center;gap:8px;font-size:22px;font-weight:800;color:#F5F5F5;letter-spacing:2px}
.logo-star{color:#118AA7;font-size:24px}
.main-navigation .nav-menu{list-style:none;display:flex;gap:28px}
.main-navigation .nav-menu a{color:#BEC2DA;font-weight:500;font-size:15px;transition:.2s;letter-spacing:.5px}
.main-navigation .nav-menu a:hover{color:#118AA7}
.mobile-menu-toggle{display:none;background:none;border:0;cursor:pointer}
.mobile-menu-toggle span{display:block;width:24px;height:3px;background:#F5F5F5;margin:4px 0;border-radius:1px}

/* Hero 专业评测 */
.hero-section{background:#0A091B;color:#F5F5F5;padding:100px 0;position:relative;overflow:hidden;text-align:center}
.hero-section::after{content:"";position:absolute;left:0;right:0;bottom:0;height:6px;background:linear-gradient(90deg,#118AA7,#27AAC6,#0C5BD7)}
.hero-badge{display:inline-block;border:1px solid #118AA7;color:#4BD2E9;padding:6px 18px;border-radius:4px;font-size:13px;letter-spacing:2px;text-transform:uppercase;margin-bottom:24px}
.hero-title{font-size:48px;font-weight:700;margin-bottom:18px;line-height:1.25;letter-spacing:.5px}
.hero-title .accent{color:#27AAC6}
.hero-subtitle{font-size:18px;color:#878CB1;max-width:760px;margin:0 auto 30px}
.hero-cta{display:flex;gap:14px;justify-content:center;margin-bottom:48px;flex-wrap:wrap}
.btn{display:inline-block;padding:13px 28px;border-radius:4px;font-weight:700;font-size:15px;transition:.2s;letter-spacing:.5px}
.btn-primary{background:#118AA7;color:#030D0F;box-shadow:0 8px 22px rgba(20,184,166,.3)}
.btn-primary:hover{transform:translateY(-3px);background:#27AAC6}
.btn-secondary{background:transparent;color:#F5F5F5;border:1px solid #2B2E49}
.btn-secondary:hover{border-color:#118AA7;color:#4BD2E9}
.btn-demo{background:#17192E;color:#D4D7E9;padding:8px 16px;font-size:14px;border-radius:4px;border:1px solid #2B2E49}
.btn-play{background:#118AA7;color:#030D0F;padding:8px 18px;font-size:14px;border-radius:4px;font-weight:700}
.hero-stats{display:flex;justify-content:center;gap:60px;flex-wrap:wrap}
.stat-item{text-align:center}
.stat-num{font-size:32px;font-weight:700;color:#27AAC6;font-variant-numeric:tabular-nums}
.stat-label{font-size:13px;color:#878CB1;margin-top:4px;letter-spacing:1px;text-transform:uppercase}

/* 评测区 */
.games-section{padding:70px 0}
.section-title{font-size:30px;font-weight:700;text-align:center;margin-bottom:40px;color:#0A091B;letter-spacing:.5px}
.section-title::after{content:"";display:block;width:56px;height:3px;background:#118AA7;margin:14px auto 0}
.games-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.game-card{background:#F5F5F5;border-radius:6px;overflow:hidden;box-shadow:0 2px 10px rgba(15,23,42,.08);transition:.25s;border:1px solid #D4D7E9}
.game-card:hover{transform:translateY(-5px);box-shadow:0 14px 28px rgba(15,23,42,.16);border-color:#118AA7}
.game-card-top{display:flex;justify-content:space-between;padding:16px 16px 4px;border-bottom:1px solid #E3E6F3}
.game-provider{font-size:11px;font-weight:700;color:#3E425E;background:#E3E6F3;border-radius:3px;padding:3px 9px;letter-spacing:.5px}
.game-rating-big{font-size:15px;font-weight:700;color:#118AA7;font-variant-numeric:tabular-nums}
.game-title{font-size:18px;font-weight:700;color:#0A091B;padding:12px 16px 4px;min-height:50px}
.game-excerpt{font-size:13px;color:#5A5F80;padding:0 16px;min-height:44px}
.review-meta{display:flex;gap:10px;padding:8px 16px}
.meta-rtp{font-size:12px;font-weight:600;color:#0C5BD7;background:#DCE6FF;padding:2px 8px;border-radius:3px}
.meta-vol{font-size:12px;color:#5A5F80;background:#E3E6F3;padding:2px 8px;border-radius:3px}
.game-card-bottom{display:flex;justify-content:flex-end;padding:6px 16px 16px}
.game-actions{display:flex;gap:8px}

/* 评分排行 */
.top-section{background:#0A091B;padding:70px 0}
.top-section .section-title{color:#F5F5F5}
.top-section .section-title::after{background:#27AAC6}
.top-list{max-width:860px;margin:0 auto}
.top-item{display:flex;align-items:center;gap:16px;background:#17192E;border:1px solid #2B2E49;border-radius:6px;padding:14px 20px;margin-bottom:10px;transition:.2s}
.top-item:hover{border-color:#118AA7}
.top-rank{color:#27AAC6;font-weight:800;font-size:18px;width:44px}
.top-name{flex:1;color:#D4D7E9;font-weight:600}
.top-rtp{color:#878CB1;font-size:13px}
.top-rating{color:#F7FC0F;font-weight:700}
.top-item .btn-play{background:#118AA7;color:#030D0F}

/* FAQ */
.faq-section{padding:70px 0}
.faq-list{max-width:820px;margin:0 auto}
.faq-item{background:#F5F5F5;border-radius:4px;margin-bottom:10px;box-shadow:0 2px 10px rgba(15,23,42,.07);overflow:hidden}
.faq-question{width:100%;text-align:left;background:none;border:0;padding:16px 20px;font-size:16px;font-weight:600;color:#0A091B;cursor:pointer;display:flex;justify-content:space-between;align-items:center}
.faq-toggle{font-size:20px;color:#118AA7;transition:.2s}
.faq-item.open .faq-toggle{transform:rotate(45deg)}
.faq-answer{max-height:0;overflow:hidden;transition:max-height .3s;padding:0 20px;color:#5A5F80;font-size:14px}
.faq-item.open .faq-answer{max-height:240px;padding:0 20px 16px}

/* Footer */
.site-footer{background:#0A091B;color:#878CB1;padding:50px 0 30px;border-top:4px solid #118AA7}
.footer-grid{display:grid;grid-template-columns:2fr 1fr 2fr;gap:30px}
.footer-brand h3,.footer-links h3{color:#F5F5F5;font-size:17px;margin-bottom:10px;letter-spacing:1px}
.footer-links ul{list-style:none}
.footer-links li{margin-bottom:6px}
.footer-links a{color:#878CB1;font-size:14px}
.footer-links a:hover{color:#27AAC6}
.footer-legal{font-size:13px;color:#5A5F80}

@media(max-width:992px){.games-grid{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:1fr;gap:20px}}
@media(max-width:640px){.games-grid{grid-template-columns:1fr}.main-navigation{display:none}.mobile-menu-toggle{display:block}.hero-title{font-size:34px}.main-navigation.nav-open{display:block;position:absolute;top:60px;left:0;right:0;background:#0A091B;padding:16px 20px}.main-navigation.nav-open .nav-menu{flex-direction:column;gap:12px}}