@import url('/css/theme-detail-base.css');
:root{--primary-color:#6b7f2a;--secondary-color:#9a4422;--accent-color:#b5532a;--success-color:#4f7a2a;--warning-color:#b07a1a;--danger-color:#a83a22;--bg-primary:#efe7d3;--bg-secondary:#f8f3e6;--bg-tertiary:#e2d8bf;--text-primary:#2b2a22;--text-secondary:#5a5644;--text-tertiary:#6e6852;--glass-bg:#f8f3e6;--glass-border:#cbbe9c;--glass-shadow:0 2px 0 #cbbe9c;--nav-bg:#2b2a22;--search-input-bg:#fffdf6;--panel-bg:#f8f3e6;--footer-bg:#2b2a22;--gradient-primary:linear-gradient(135deg,#6b7f2a,#56671f);--gradient-secondary:linear-gradient(135deg,#b5532a,#9a4422);--gradient-accent:linear-gradient(135deg,#e2d8bf,#efe7d3);--border-radius-sm:2px;--border-radius-md:4px;--border-radius-lg:6px;--transition:all .15s ease;--transition-bounce:all .15s ease;--shadow-sm:0 2px 0 #cbbe9c;--shadow-md:0 4px 0 #cbbe9c;--shadow-lg:0 6px 0 #b8aa86}

/* ── body 与导航：六角徽章 logo 跨两行，右侧上行菜单、下行搜索 ── */
body.theme-hex-tactics{font-family:'Chakra Petch',system-ui,'Segoe UI',Arial,sans-serif;color:#2b2a22;background:#efe7d3 linear-gradient(rgba(107,127,42,.07) 1px,transparent 1px) 0 0/100% 28px}
.theme-hex-tactics .particle{display:none}
.theme-hex-tactics .main-content{margin-left:0}
.theme-hex-tactics .glass-nav{position:relative;top:auto;padding:0;background:#2b2a22;border-bottom:4px solid #6b7f2a;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;z-index:1000}
.theme-hex-tactics .glass-nav-container{display:grid;grid-template-columns:auto minmax(0,1fr);grid-template-areas:"logo menu" "logo actions";align-items:center;gap:6px 28px;width:min(1400px,100%);max-width:none;margin:auto;padding:10px 24px}
.theme-hex-tactics .glass-logo{grid-area:logo;display:flex;align-items:center;gap:12px;color:#efe7d3;-webkit-text-fill-color:#efe7d3;background:none;font-size:1.5rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.theme-hex-tactics .glass-logo::before{content:'';flex:0 0 46px;height:52px;background:#b9c97a;clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);box-shadow:inset 0 0 0 6px #6b7f2a}
.theme-hex-tactics .glass-nav-menu{grid-area:menu;justify-self:start;gap:2px;margin:0;padding:0 0 6px;border-bottom:1px dashed #5a5644}
.theme-hex-tactics .glass-nav-link{display:block;padding:5px 14px;color:#cfc5a8;border-radius:0;font-weight:700;letter-spacing:.12em;text-transform:uppercase}
.theme-hex-tactics .glass-nav-link:hover{color:#efe7d3;background:#3a382e}
.theme-hex-tactics .glass-nav-link.active{color:#2b2a22;background:#b9c97a}
.theme-hex-tactics .glass-nav-categories{display:none}
.theme-hex-tactics .glass-nav-actions{grid-area:actions;justify-self:start;display:flex;align-items:center;gap:8px}
.theme-hex-tactics .glass-search-box{overflow:hidden;background:#3a382e;border:1px solid #5a5644;border-radius:2px}
.theme-hex-tactics .glass-search-input{width:300px;color:#efe7d3;background:transparent;border:0}
.theme-hex-tactics .glass-search-input::placeholder{color:#b3aa8e}
.theme-hex-tactics .glass-search-btn{color:#2b2a22;background:#b9c97a;border-radius:0}
.theme-hex-tactics .hamburger{color:#efe7d3}
.theme-hex-tactics .mobile-panel{background:#f8f3e6}
.theme-hex-tactics .panel-header{border-bottom:2px solid #2b2a22}
.theme-hex-tactics .panel-header .glass-logo{color:#2b2a22;-webkit-text-fill-color:#2b2a22}
.theme-hex-tactics .panel-close,.theme-hex-tactics .mobile-link{color:#2b2a22}
.theme-hex-tactics .mobile-link{border-radius:0;font-weight:700;letter-spacing:.06em;text-transform:uppercase}
.theme-hex-tactics .mobile-link:hover,.theme-hex-tactics .mobile-link.active{color:#fff;background:#56671f}
.theme-hex-tactics .mobile-categories .nav-category-list{margin:0;padding:0;list-style:none}
.theme-hex-tactics .mobile-categories .cat-dot{display:inline-block;width:10px;height:11px;margin-right:8px;background:#b5532a;clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);vertical-align:middle}
.theme-hex-tactics .nav-section-label{display:block;margin:8px 0;color:#9a4422;font-size:.74rem;font-weight:700;letter-spacing:.24em}
.theme-hex-tactics .mobile-search-form .glass-search-input{color:#2b2a22;background:#fffdf6;border:2px solid #2b2a22}

/* ── 首页：左侧任务简报 + 右侧蜂窝错位六角格（4/4/4 三行交错） ── */
.theme-hex-tactics .hx-map{display:grid;grid-template-columns:280px minmax(0,1fr);align-items:start;gap:28px;width:min(1400px,100%);margin:auto;padding:24px 24px 8px}
.theme-hex-tactics .hx-briefing{display:flex;flex-direction:column;gap:10px;padding:24px 22px;color:#efe7d3;background:#2b2a22;border-left:6px solid #6b7f2a}
.theme-hex-tactics .hx-briefing>span{color:#b9c97a;font-size:.76rem;font-weight:700;letter-spacing:.2em}
.theme-hex-tactics .hx-briefing h1{margin:0;color:#efe7d3;font-size:clamp(1.8rem,2.6vw,2.4rem);font-weight:700;line-height:1.05;text-transform:uppercase}
.theme-hex-tactics .hx-briefing p{margin:0;color:#d8cfb6;line-height:1.6}
.theme-hex-tactics .hx-briefing a{align-self:flex-start;margin-top:8px;padding:10px 16px;color:#2b2a22;background:#b9c97a;font-weight:700;letter-spacing:.08em;text-decoration:none;text-transform:uppercase}
.theme-hex-tactics .hx-grid{display:grid;grid-template-columns:repeat(9,minmax(0,1fr));gap:4px 8px}
.theme-hex-tactics .hx-cell{grid-column:span 2;position:relative;display:flex;flex-direction:column;align-items:center;min-width:0;color:#2b2a22;text-decoration:none}
.theme-hex-tactics .hx-cell:nth-child(5){grid-column:2/span 2}
.theme-hex-tactics .hx-hex{display:block;box-sizing:border-box;width:88%;aspect-ratio:1/1.12;padding:5px;background:#6b7f2a;clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);transition:background .15s ease}
.theme-hex-tactics .hx-hex img{display:block;width:100%;height:100%;object-fit:cover;clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%)}
.theme-hex-tactics .hx-coord{position:absolute;top:7%;left:50%;padding:1px 7px;color:#efe7d3;background:#2b2a22;font-size:.66rem;font-weight:700;letter-spacing:.1em;transform:translateX(-50%)}
.theme-hex-tactics .hx-plate{position:relative;display:flex;flex-direction:column;align-items:center;width:90%;margin-top:-24px;padding:6px 8px;text-align:center;background:#f8f3e6;border:2px solid #2b2a22}
.theme-hex-tactics .hx-plate small{color:#9a4422;font-size:.64rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}
.theme-hex-tactics .hx-plate strong{max-width:100%;overflow:hidden;font-size:.86rem;line-height:1.25;white-space:nowrap;text-overflow:ellipsis}
.theme-hex-tactics .hx-plate em{color:#56671f;font-size:.7rem;font-style:normal;letter-spacing:.1em}
.theme-hex-tactics .hx-cell:hover .hx-hex,.theme-hex-tactics .hx-cell:focus-visible .hx-hex{background:#b5532a}
.theme-hex-tactics .hx-cell:hover .hx-plate{border-color:#b5532a}

/* ── 首页共享区（Featured / Popular） ── */
.theme-hex-tactics .glass-title{color:#2b2a22;font-weight:700;letter-spacing:.04em;text-transform:uppercase}
.theme-hex-tactics .glass-subtitle{color:#5a5644}
.theme-hex-tactics .glass-card{color:#2b2a22;background:#f8f3e6;border:2px solid #2b2a22;border-radius:2px;box-shadow:4px 4px 0 #cbbe9c;backdrop-filter:none;-webkit-backdrop-filter:none}
.theme-hex-tactics .glass-card:hover{transform:none;box-shadow:4px 4px 0 #6b7f2a}
.theme-hex-tactics .glass-card-title{color:#2b2a22}
.theme-hex-tactics .glass-card-badge{color:#fff;background:#56671f;border-radius:0;letter-spacing:.1em}
.theme-hex-tactics .glass-card-category{color:#9a4422;background:#efe7d3;border-radius:0;font-weight:700}
.theme-hex-tactics .glass-button{color:#fff;background:#56671f;border:0;border-radius:2px;box-shadow:none;font-weight:700;letter-spacing:.04em}
.theme-hex-tactics .glass-button:hover{color:#fff;background:#9a4422;transform:none}
.theme-hex-tactics .glass-button.secondary{color:#2b2a22;background:#e2d8bf}
.theme-hex-tactics .glass-button.secondary:hover{color:#fff;background:#2b2a22}

/* ── 列表页：6 列六角单位格 ── */
.theme-hex-tactics .ap-list-head{padding:18px 22px;color:#efe7d3;background:#2b2a22;border-left:6px solid #6b7f2a}
.theme-hex-tactics .ap-list-title{color:#efe7d3;font-weight:700;text-transform:uppercase}
.theme-hex-tactics .ap-list-title-cat{color:#b9c97a}
.theme-hex-tactics .ap-list-count{color:#d8cfb6}
.theme-hex-tactics .ap-cat-track{scroll-snap-type:x mandatory}
.theme-hex-tactics .ap-cat-pill{scroll-snap-align:start;color:#2b2a22;background:#f8f3e6;border:2px solid #2b2a22;border-radius:0;font-weight:700;text-transform:uppercase}
.theme-hex-tactics .ap-cat-pill:hover,.theme-hex-tactics .ap-cat-pill.active{color:#fff;background:#56671f;border-color:#56671f}
.theme-hex-tactics .ap-list-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:20px 12px}
.theme-hex-tactics .ap-game-card{display:flex;flex-direction:column;align-items:center;overflow:visible;background:transparent;border:0;box-shadow:none}
.theme-hex-tactics .ap-card-thumb{box-sizing:border-box;width:88%;aspect-ratio:1/1.12;padding:4px;background:#6b7f2a;clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%)}
.theme-hex-tactics .ap-card-thumb img{clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%)}
.theme-hex-tactics .ap-game-card:hover .ap-card-thumb{background:#b5532a}
.theme-hex-tactics .ap-card-badge{top:auto;right:auto;bottom:18%;left:50%;color:#fff;background:#9a4422;border-radius:0;transform:translateX(-50%)}
.theme-hex-tactics .ap-play-btn{color:#2b2a22;background:#b9c97a}
.theme-hex-tactics .ap-card-info{position:relative;justify-items:center;width:100%;margin-top:-14px;padding:8px;text-align:center;background:#f8f3e6;border:2px solid #2b2a22}
.theme-hex-tactics .ap-card-cat{color:#9a4422}
.theme-hex-tactics .ap-card-name{max-width:100%;color:#2b2a22;font-size:.9rem}
.theme-hex-tactics .ap-card-rating{color:#5a5644}
.theme-hex-tactics .ap-page-btn{color:#2b2a22;background:#f8f3e6;border:2px solid #2b2a22;border-radius:0}
.theme-hex-tactics .ap-page-btn:hover,.theme-hex-tactics .ap-page-btn.active{color:#fff;background:#56671f;border-color:#56671f}

/* ── 详情页：六角海报 hero，正文 / 玩法 / 情报三列并排，推荐通栏六角行 ── */
.theme-hex-tactics .ap-detail-hero{background:#2b2a22;border:0;border-left:6px solid #6b7f2a;border-radius:0;box-shadow:none}
.theme-hex-tactics .ap-detail-hero-bg,.theme-hex-tactics .ap-detail-hero-overlay{display:none}
.theme-hex-tactics .ap-detail-hero-inner{grid-template-columns:280px minmax(0,1fr);gap:44px;padding:30px 40px}
.theme-hex-tactics .ap-detail-poster{box-sizing:border-box;aspect-ratio:1/1.12;padding:6px;background:#b9c97a;border:0;border-radius:0;box-shadow:none;clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%)}
.theme-hex-tactics .ap-detail-poster img{height:100%;aspect-ratio:auto;clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%)}
.theme-hex-tactics .ap-detail-play-icon{color:#2b2a22;border-color:#2b2a22;background:#b9c97a}
.theme-hex-tactics .ap-detail-cat{color:#2b2a22;background:#b9c97a;border-radius:0}
.theme-hex-tactics .ap-detail-title{color:#efe7d3;font-weight:700;text-transform:uppercase}
.theme-hex-tactics .ap-detail-score{color:#2b2a22;background:#efe7d3;border-radius:0}
.theme-hex-tactics .ap-detail-stars{color:#efe7d3}
.theme-hex-tactics .ap-detail-stars .fa-star{color:#d9b44a!important}
.theme-hex-tactics .ap-detail-desc{color:#d8cfb6}
.theme-hex-tactics .ap-detail-desc{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:5;overflow:hidden}
.theme-hex-tactics .ap-btn-play{color:#2b2a22;background:#b9c97a;border:0;border-radius:0;text-transform:uppercase}
.theme-hex-tactics .ap-btn-cat{color:#efe7d3;background:transparent;border:2px solid #8f8a72;border-radius:0}
.theme-hex-tactics .ap-btn-play:hover,.theme-hex-tactics .ap-btn-cat:hover{color:#fff;background:#b5532a;border-color:#b5532a;transform:none}
.theme-hex-tactics .ap-detail-body{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.theme-hex-tactics .ap-detail-main,.theme-hex-tactics .ap-detail-sidebar{display:contents}
.theme-hex-tactics .ap-detail-sidebar>.ap-detail-card:nth-child(2){grid-column:1/-1}
.theme-hex-tactics .ap-detail-card{margin:0;color:#2b2a22;background:#f8f3e6;border:2px solid #2b2a22;border-radius:2px;box-shadow:4px 4px 0 #cbbe9c}
.theme-hex-tactics .ap-detail-card-title{color:#2b2a22;text-transform:uppercase;border-bottom:1px dashed #8f8a72}
.theme-hex-tactics .ap-detail-card-accent{width:12px;height:13px;background:#b5532a;border-radius:0;clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%)}
.theme-hex-tactics .ap-detail-info-list li{border-bottom-color:#cbbe9c}
.theme-hex-tactics .ap-info-rating{color:#56671f}
.theme-hex-tactics .ap-rec-list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.theme-hex-tactics .ap-rec-item{flex-direction:column;align-items:center;gap:8px;text-align:center;border:0}
.theme-hex-tactics .ap-rec-item:hover{background:#efe7d3}
.theme-hex-tactics .ap-rec-thumb{flex:none;width:110px;height:auto;aspect-ratio:1/1.12;border-radius:0;clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%)}
.theme-hex-tactics .ap-rec-info{align-items:center;max-width:100%}
.theme-hex-tactics .ap-rec-cat{color:#9a4422}

/* ── play 页：页头竖排（标题在上、指令在下），信息区两栏 ── */
.theme-hex-tactics .glass-game-header{flex-direction:column;align-items:flex-start!important;gap:14px!important;color:#efe7d3;background:#2b2a22;border-left:6px solid #6b7f2a;border-radius:0!important}
.theme-hex-tactics .glass-game-header::before{content:'OPERATION · LIVE';color:#b9c97a;font-size:.74rem;font-weight:700;letter-spacing:.24em}
.theme-hex-tactics .glass-game-header .glass-title{color:#efe7d3}
.theme-hex-tactics .glass-game-player{border:6px solid #2b2a22!important;border-radius:0!important;background:#000!important;box-shadow:6px 6px 0 #6b7f2a}
.theme-hex-tactics .glass-player-controls .glass-button{min-height:44px}
.theme-hex-tactics .glass-game-info .glass-card-body{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);align-items:start;gap:24px}
.theme-hex-tactics .glass-game-info .glass-card-body>p{margin:0!important}
.theme-hex-tactics .glass-meta-item{background:#e2d8bf!important;border:2px solid #2b2a22!important;border-radius:0!important;box-shadow:none}
.theme-hex-tactics .glass-meta-value{color:#9a4422!important}

/* ── 搜索页：换肤 ── */
.theme-hex-tactics .glass-search-header{padding:18px 22px;color:#efe7d3;background:#2b2a22;border-left:6px solid #6b7f2a}
.theme-hex-tactics .glass-search-header .glass-title{color:#efe7d3}
.theme-hex-tactics .glass-search-header .glass-subtitle{color:#d8cfb6}
.theme-hex-tactics .glass-search-input-group .glass-search-input{color:#2b2a22;background:#fffdf6;border:2px solid #2b2a22;border-radius:0!important}
.theme-hex-tactics .glass-game-card .glass-card-category{border-radius:0!important}

/* ── 页脚与 404 ── */
.theme-hex-tactics .cyber-footer{color:#d8cfb6;background:#2b2a22;border-top:4px solid #6b7f2a}
.theme-hex-tactics .cyber-footer .footer-title{color:#efe7d3;text-transform:uppercase}
.theme-hex-tactics .cyber-footer p{color:#d8cfb6!important}
.theme-hex-tactics .cyber-footer .footer-links a{color:#d8cfb6}
.theme-hex-tactics .cyber-footer .footer-links a:hover{color:#b9c97a}
.theme-hex-tactics .error-panel{border:2px solid #2b2a22;border-radius:2px;box-shadow:6px 6px 0 #cbbe9c}
.theme-hex-tactics .error-copy h1{text-transform:uppercase}

/* ── 抽屉断点（≤992 汉堡出现） ── */
@media(max-width:992px){
.theme-hex-tactics .glass-nav-container{grid-template-columns:auto minmax(0,1fr);grid-template-areas:"logo actions"}
.theme-hex-tactics .glass-nav-actions{justify-self:end}
.theme-hex-tactics .glass-search-input{width:220px}
.theme-hex-tactics .hamburger{display:flex;min-width:44px;min-height:44px;align-items:center;justify-content:center}
}

/* ── 移动端 ── */
@media(max-width:768px){
.theme-hex-tactics .glass-nav-container{padding:6px 14px}
.theme-hex-tactics .glass-logo{gap:10px;font-size:1.2rem}
.theme-hex-tactics .glass-logo::before{flex-basis:34px;height:38px;box-shadow:inset 0 0 0 5px #6b7f2a}
.theme-hex-tactics .hx-map{grid-template-columns:minmax(0,1fr);gap:0;padding:14px 10px 4px}
.theme-hex-tactics .hx-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:2px 6px}
.theme-hex-tactics .hx-cell,.theme-hex-tactics .hx-cell:nth-child(5){grid-column:auto}
.theme-hex-tactics .hx-cell:nth-child(3n+2){margin-top:34px}
.theme-hex-tactics .hx-hex{width:94%;padding:4px}
.theme-hex-tactics .hx-coord{font-size:.58rem}
.theme-hex-tactics .hx-plate{width:96%;margin-top:-16px;padding:4px 5px}
.theme-hex-tactics .hx-plate small{display:none}
.theme-hex-tactics .hx-plate strong{font-size:.72rem;white-space:normal;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.theme-hex-tactics .hx-plate em{font-size:.58rem}
.theme-hex-tactics .ap-list-head{padding:14px 16px}
.theme-hex-tactics .ap-list-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px 6px}
.theme-hex-tactics .ap-card-thumb{width:94%}
.theme-hex-tactics .ap-card-badge{font-size:.58rem}
.theme-hex-tactics .ap-card-info{margin-top:-10px;padding:5px 4px}
.theme-hex-tactics .ap-card-cat{font-size:.58rem}
.theme-hex-tactics .ap-card-name{font-size:.74rem}
.theme-hex-tactics .ap-card-rating{font-size:.6rem}
.theme-hex-tactics .ap-detail-hero-inner{grid-template-columns:minmax(0,1fr);gap:18px;padding:22px 16px}
.theme-hex-tactics .ap-detail-poster{width:min(220px,70%);justify-self:center}
.theme-hex-tactics .ap-detail-body{grid-template-columns:minmax(0,1fr)}
.theme-hex-tactics .ap-rec-list{grid-template-columns:repeat(2,minmax(0,1fr))}
.theme-hex-tactics .ap-rec-thumb{width:96px}
.theme-hex-tactics .glass-play-container{padding-top:12px}
.theme-hex-tactics .glass-game-header{padding:14px!important}
.theme-hex-tactics .glass-game-player{box-shadow:4px 4px 0 #6b7f2a}
.theme-hex-tactics .glass-game-iframe{height:56vh!important}
.theme-hex-tactics .glass-game-info .glass-card-body{grid-template-columns:minmax(0,1fr)}
}

/* ── 平板 ── */
@media(min-width:769px) and (max-width:1199px){
.theme-hex-tactics .hx-map{grid-template-columns:minmax(0,1fr);gap:18px}
.theme-hex-tactics .hx-briefing{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center}
.theme-hex-tactics .hx-briefing a{grid-column:2;grid-row:1/4;align-self:center}
.theme-hex-tactics .ap-list-grid{grid-template-columns:repeat(5,minmax(0,1fr))}
.theme-hex-tactics .ap-detail-hero-inner{grid-template-columns:220px minmax(0,1fr);gap:30px}
.theme-hex-tactics .ap-detail-body{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(min-width:769px) and (max-width:899px){
.theme-hex-tactics .ap-list-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
}