@import url('/css/theme-detail-base.css');
:root{--primary-color:#7b4b2a;--secondary-color:#c8412b;--accent-color:#e0a526;--success-color:#3f7d3a;--warning-color:#d4901a;--danger-color:#c8412b;--bg-primary:#f3e6cc;--bg-secondary:#fff8ea;--bg-tertiary:#ead9b8;--text-primary:#3a2416;--text-secondary:#6b4e3a;--text-tertiary:#7d5f48;--glass-bg:#fff8ea;--glass-border:#3a2416;--glass-shadow:4px 4px 0 #3a2416;--nav-bg:#7b4b2a;--search-input-bg:#fffdf6;--panel-bg:#fff8ea;--footer-bg:#3a2416;--gradient-primary:linear-gradient(135deg,#7b4b2a,#62391f);--gradient-secondary:linear-gradient(135deg,#c8412b,#a8331f);--gradient-accent:linear-gradient(135deg,#e0a526,#c98f17);--border-radius-sm:6px;--border-radius-md:10px;--border-radius-lg:14px;--transition:all .15s ease;--transition-bounce:all .15s ease;--shadow-sm:3px 3px 0 #3a2416;--shadow-md:4px 4px 0 #3a2416;--shadow-lg:6px 6px 0 #3a2416}

/* ── body 与导航：胡桃木棋盘边，菜单是等宽方格 ── */
body.theme-dice-board{font-family:system-ui,'Segoe UI',Roboto,Arial,sans-serif;color:#3a2416;background:#f3e6cc}
.theme-dice-board .particle{display:none}
.theme-dice-board .main-content{margin-left:0}
.theme-dice-board .glass-nav{position:relative;top:auto;padding:0;background:#7b4b2a;border-bottom:5px solid #3a2416;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;z-index:1000}
.theme-dice-board .glass-nav-container{width:min(1400px,100%);max-width:none;margin:auto;padding:10px 24px;gap:24px}
.theme-dice-board .glass-logo{display:flex;align-items:center;gap:12px;color:#fff8ea;-webkit-text-fill-color:#fff8ea;background:none;font-family:'Lilita One','Arial Black',sans-serif;font-size:1.6rem;font-weight:400;letter-spacing:.02em}
.theme-dice-board .glass-logo::before{content:'';flex:0 0 34px;height:34px;background:#fff8ea radial-gradient(circle,#3a2416 3.5px,transparent 4px) 0 0/50% 50%;border:2px solid #3a2416;border-radius:7px;transform:rotate(-8deg)}
.theme-dice-board .glass-nav-menu{display:grid;grid-template-columns:repeat(3,96px);gap:0;margin:0 auto 0 8px;padding:0;border:2px solid #3a2416;background:#3a2416}
.theme-dice-board .glass-nav-link{display:flex;align-items:center;justify-content:center;height:44px;margin:0 1px;padding:0;color:#3a2416;background:#fff8ea;border-radius:0;font-weight:800;letter-spacing:.04em;text-transform:uppercase}
.theme-dice-board .glass-nav-menu li:first-child .glass-nav-link{margin-left:0}
.theme-dice-board .glass-nav-menu li:last-child .glass-nav-link{margin-right:0}
.theme-dice-board .glass-nav-link:hover{color:#3a2416;background:#e0a526}
.theme-dice-board .glass-nav-link.active{color:#fff;background:#c8412b}
.theme-dice-board .glass-nav-categories{display:none}
.theme-dice-board .glass-nav-actions{display:flex;align-items:center;gap:8px}
.theme-dice-board .glass-search-box{overflow:hidden;background:#fff8ea;border:2px solid #3a2416;border-radius:8px}
.theme-dice-board .glass-search-input{width:230px;color:#3a2416;background:transparent;border:0}
.theme-dice-board .glass-search-input::placeholder{color:#7d5f48}
.theme-dice-board .glass-search-btn{color:#3a2416;background:#e0a526;border-radius:0}
.theme-dice-board .hamburger{color:#fff8ea}
.theme-dice-board .mobile-panel{background:#fff8ea;box-shadow:none}
.theme-dice-board .panel-header{border-bottom:3px solid #3a2416}
.theme-dice-board .panel-header .glass-logo{color:#3a2416;-webkit-text-fill-color:#3a2416}
.theme-dice-board .panel-close,.theme-dice-board .mobile-link{color:#3a2416}
.theme-dice-board .mobile-link{border-radius:8px;font-weight:700}
.theme-dice-board .mobile-link:hover,.theme-dice-board .mobile-link.active{color:#fff8ea;background:#7b4b2a}
.theme-dice-board .mobile-categories .nav-category-list{margin:0;padding:0;list-style:none}
.theme-dice-board .mobile-categories .cat-dot{display:inline-block;width:10px;height:10px;margin-right:8px;background:#c8412b;border:2px solid #3a2416;border-radius:50%;vertical-align:middle}
.theme-dice-board .nav-section-label{display:block;margin:8px 0;color:#7b4b2a;font-family:'Lilita One','Arial Black',sans-serif;font-size:.85rem;letter-spacing:.14em}
.theme-dice-board .mobile-search-form .glass-search-input{color:#3a2416;background:#fffdf6;border:2px solid #3a2416}

/* ── 首页：4×4 环形棋盘，外圈 11 格 + GO 角格，头号游戏占中心大格 ── */
.theme-dice-board .db-board{width:min(1180px,100%);margin:auto;padding:24px 24px 8px}
.theme-dice-board .db-lid{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"eyebrow cta" "title cta" "copy cta";align-items:center;gap:2px 24px;padding:18px 24px;color:#fff8ea;background:#7b4b2a;border:3px solid #3a2416;border-radius:14px;box-shadow:5px 5px 0 #3a2416}
.theme-dice-board .db-lid>span{grid-area:eyebrow;color:#f5cf73;font-size:.76rem;font-weight:800;letter-spacing:.18em}
.theme-dice-board .db-lid h1{grid-area:title;margin:0;color:#fff8ea;font-family:'Lilita One','Arial Black',sans-serif;font-size:clamp(1.9rem,3.6vw,2.9rem);font-weight:400;line-height:1.05}
.theme-dice-board .db-lid p{grid-area:copy;margin:0;color:#f3e6cc}
.theme-dice-board .db-lid>a{grid-area:cta;padding:12px 20px;color:#3a2416;background:#e0a526;border:3px solid #3a2416;border-radius:10px;font-weight:800;text-decoration:none}
.theme-dice-board .db-ring{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:3px;margin-top:18px;padding:3px;background:#3a2416;border:5px solid #3a2416;border-radius:14px}
.theme-dice-board .db-square{display:flex;flex-direction:column;min-width:0;overflow:hidden;color:#3a2416;text-decoration:none;background:#fff8ea}
.theme-dice-board .db-square:nth-child(2){grid-area:1/2}
.theme-dice-board .db-square:nth-child(3){grid-area:1/3}
.theme-dice-board .db-square:nth-child(4){grid-area:1/4}
.theme-dice-board .db-square:nth-child(5){grid-area:2/4}
.theme-dice-board .db-square:nth-child(6){grid-area:3/4}
.theme-dice-board .db-square:nth-child(7){grid-area:4/4}
.theme-dice-board .db-square:nth-child(8){grid-area:4/3}
.theme-dice-board .db-square:nth-child(9){grid-area:4/2}
.theme-dice-board .db-square:nth-child(10){grid-area:4/1}
.theme-dice-board .db-square:nth-child(11){grid-area:3/1}
.theme-dice-board .db-square:nth-child(12){grid-area:2/1}
.theme-dice-board .db-center{grid-area:2/2/4/4;justify-content:flex-end;padding:16px;background:#f3e6cc radial-gradient(circle at 50% 40%,#fff8ea,#ead9b8)}
.theme-dice-board .db-go{grid-area:1/1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:14px;color:#fff;text-align:center;text-decoration:none;background:#c8412b}
.theme-dice-board .db-go strong{font-family:'Lilita One','Arial Black',sans-serif;font-size:3.2rem;font-weight:400;line-height:1;transform:rotate(-10deg)}
.theme-dice-board .db-go span{font-size:.85rem;font-weight:700}
.theme-dice-board .db-band{padding:6px 10px;color:#fff;background:#c8412b;font-size:.7rem;font-weight:800;letter-spacing:.1em;text-align:center;text-transform:uppercase}
.theme-dice-board .db-tone-2 .db-band{color:#3a2416;background:#e0a526}
.theme-dice-board .db-tone-3 .db-band{background:#3f7d3a}
.theme-dice-board .db-tone-4 .db-band{color:#3a2416;background:#e8894a}
.theme-dice-board .db-art{display:block;aspect-ratio:16/10;margin:8px 8px 0;overflow:hidden;background:#ead9b8;border:2px solid #3a2416;border-radius:6px}
.theme-dice-board .db-art img{display:block;width:100%;height:100%;object-fit:cover}
.theme-dice-board .db-square strong{margin:8px 10px 0;overflow:hidden;font-size:.92rem;line-height:1.25;white-space:nowrap;text-overflow:ellipsis}
.theme-dice-board .db-pips{margin:2px 10px 10px;color:#7b4b2a;font-size:.72rem;letter-spacing:.18em}
.theme-dice-board .db-center .db-art{margin:0 0 12px;border-width:3px;border-radius:10px;box-shadow:5px 5px 0 #3a2416}
.theme-dice-board .db-center .db-band{align-self:flex-start;border-radius:6px}
.theme-dice-board .db-center strong{margin:8px 0 0;font-family:'Lilita One','Arial Black',sans-serif;font-size:clamp(1.4rem,2.4vw,2rem);font-weight:400}
.theme-dice-board .db-center .db-pips{margin:2px 0 10px;font-size:1rem}
.theme-dice-board .db-center em{align-self:flex-start;padding:10px 18px;color:#fff8ea;background:#7b4b2a;border:3px solid #3a2416;border-radius:10px;font-style:normal;font-weight:800}
.theme-dice-board .db-square:hover,.theme-dice-board .db-square:focus-visible{background:#ffe9b8}
.theme-dice-board .db-center:hover em,.theme-dice-board .db-go:hover{background:#3a2416}

/* ── 首页共享区（Featured / Popular） ── */
.theme-dice-board .glass-title{color:#3a2416;font-family:'Lilita One','Arial Black',sans-serif;font-weight:400;letter-spacing:.01em}
.theme-dice-board .glass-subtitle{color:#6b4e3a}
.theme-dice-board .glass-card{color:#3a2416;background:#fff8ea;border:3px solid #3a2416;border-radius:12px;box-shadow:4px 4px 0 #3a2416;backdrop-filter:none;-webkit-backdrop-filter:none}
.theme-dice-board .glass-card:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 #3a2416}
.theme-dice-board .glass-card-title{color:#3a2416}
.theme-dice-board .glass-card-badge{color:#fff;background:#c8412b;border:2px solid #3a2416;border-radius:6px}
.theme-dice-board .glass-card-category{color:#3a2416;background:#e0a526;border-radius:6px;font-weight:800}
.theme-dice-board .glass-button{color:#fff8ea;background:#7b4b2a;border:2px solid #3a2416;border-radius:10px;box-shadow:none;font-weight:800}
.theme-dice-board .glass-button:hover{color:#fff8ea;background:#3a2416;transform:none}
.theme-dice-board .glass-button.secondary{color:#3a2416;background:#e0a526}
.theme-dice-board .glass-button.secondary:hover{color:#fff8ea;background:#3a2416}

/* ── 列表页：地契卡（分类色带与名称在上、封面在下），4 列 ── */
.theme-dice-board .ap-list-head{padding:18px 22px;background:#fff8ea;border:3px solid #3a2416;border-radius:14px;box-shadow:4px 4px 0 #3a2416}
.theme-dice-board .ap-list-title{color:#3a2416;font-family:'Lilita One','Arial Black',sans-serif;font-weight:400}
.theme-dice-board .ap-list-title-cat{color:#c8412b}
.theme-dice-board .ap-cat-track{scroll-snap-type:x mandatory}
.theme-dice-board .ap-cat-pill{scroll-snap-align:start;color:#3a2416;background:#fff8ea;border:2px solid #3a2416;border-radius:8px;font-weight:700}
.theme-dice-board .ap-cat-pill:hover,.theme-dice-board .ap-cat-pill.active{color:#fff8ea;background:#7b4b2a;border-color:#3a2416}
.theme-dice-board .ap-list-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.theme-dice-board .ap-game-card{display:flex;flex-direction:column-reverse;background:#fff8ea;border:3px solid #3a2416;border-radius:10px;box-shadow:4px 4px 0 #3a2416}
.theme-dice-board .ap-game-card:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 #3a2416}
.theme-dice-board .ap-card-info{justify-items:center;gap:6px;padding:0 0 4px;text-align:center}
.theme-dice-board .ap-card-cat{width:100%;padding:8px;color:#fff;background:#c8412b;border-bottom:3px solid #3a2416;font-size:.72rem;text-align:center}
.theme-dice-board .ap-game-card:nth-child(4n+2) .ap-card-cat{color:#3a2416;background:#e0a526}
.theme-dice-board .ap-game-card:nth-child(4n+3) .ap-card-cat{background:#3f7d3a}
.theme-dice-board .ap-game-card:nth-child(4n+4) .ap-card-cat{color:#3a2416;background:#e8894a}
.theme-dice-board .ap-card-name{max-width:100%;padding:0 10px;color:#3a2416;font-family:'Lilita One','Arial Black',sans-serif;font-size:1.1rem;font-weight:400}
.theme-dice-board .ap-card-rating{color:#6b4e3a}
.theme-dice-board .ap-card-thumb{box-sizing:border-box;width:auto;margin:0 10px 10px;border:2px solid #3a2416;border-radius:6px}
.theme-dice-board .ap-card-badge{color:#fff;background:#c8412b;border:2px solid #3a2416;border-radius:6px}
.theme-dice-board .ap-play-btn{color:#fff8ea;background:#7b4b2a}
.theme-dice-board .ap-page-btn{color:#3a2416;background:#fff8ea;border:2px solid #3a2416;border-radius:8px}
.theme-dice-board .ap-page-btn:hover,.theme-dice-board .ap-page-btn.active{color:#fff8ea;background:#7b4b2a;border-color:#3a2416}

/* ── 详情页：换肤 ── */
.theme-dice-board .ap-detail-hero{background:#7b4b2a;border:3px solid #3a2416;border-radius:14px;box-shadow:5px 5px 0 #3a2416}
.theme-dice-board .ap-detail-hero-bg{opacity:.25}
.theme-dice-board .ap-detail-hero-overlay{background:linear-gradient(100deg,rgba(58,36,22,.92),rgba(123,75,42,.88))}
.theme-dice-board .ap-detail-poster{border:3px solid #fff8ea;border-radius:10px}
.theme-dice-board .ap-detail-poster img{height:auto}
.theme-dice-board .ap-detail-play-icon{color:#fff;border-color:#fff8ea;background:#c8412b}
.theme-dice-board .ap-detail-cat{color:#3a2416;background:#e0a526;border-radius:6px}
.theme-dice-board .ap-detail-title{color:#fff8ea;font-family:'Lilita One','Arial Black',sans-serif;font-weight:400}
.theme-dice-board .ap-detail-stars{color:#fff8ea}
.theme-dice-board .ap-detail-score{color:#3a2416;background:#fff8ea}
.theme-dice-board .ap-detail-desc{color:#f3e6cc;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:5;overflow:hidden}
.theme-dice-board .ap-btn-play{color:#3a2416;background:#e0a526;border:3px solid #3a2416;border-radius:10px}
.theme-dice-board .ap-btn-cat{color:#fff8ea;background:transparent;border:2px solid #fff8ea;border-radius:10px}
.theme-dice-board .ap-btn-play:hover,.theme-dice-board .ap-btn-cat:hover{color:#fff;background:#c8412b;transform:none}
.theme-dice-board .ap-detail-card{color:#3a2416;background:#fff8ea;border:3px solid #3a2416;border-radius:12px;box-shadow:4px 4px 0 #3a2416}
.theme-dice-board .ap-detail-card-title{color:#3a2416;font-family:'Lilita One','Arial Black',sans-serif;font-weight:400;border-bottom:2px dashed #7d5f48}
.theme-dice-board .ap-detail-card-accent{width:12px;height:12px;background:#c8412b;border:2px solid #3a2416;border-radius:50%}
.theme-dice-board .ap-detail-info-list li{border-bottom-color:#ead9b8}
.theme-dice-board .ap-info-rating{color:#7b4b2a}
.theme-dice-board .ap-rec-item:hover{background:#ffe9b8;border-color:#3a2416}
.theme-dice-board .ap-rec-thumb{border:2px solid #3a2416}
.theme-dice-board .ap-rec-cat{color:#a8331f}

/* ── play 页：页头居中竖排（像棋盘盒盖），信息区倒序（分类在上、简介在下） ── */
.theme-dice-board .glass-game-header{flex-direction:column;align-items:center!important;justify-content:center!important;text-align:center;color:#fff8ea;background:#7b4b2a;border:3px solid #3a2416;box-shadow:5px 5px 0 #3a2416}
.theme-dice-board .glass-game-header .glass-title{color:#fff8ea}
.theme-dice-board .glass-game-controls{justify-content:center}
.theme-dice-board .glass-game-player{border:8px solid #3a2416!important;border-radius:14px!important;background:#000!important}
.theme-dice-board .glass-player-controls .glass-button{min-width:132px;min-height:52px;justify-content:center;border-width:3px;box-shadow:3px 3px 0 #3a2416}
.theme-dice-board .glass-game-info .glass-card-body{display:flex;flex-direction:column-reverse;gap:18px}
.theme-dice-board .glass-game-info .glass-card-body>p{margin:0!important}
.theme-dice-board .glass-meta-item{background:#f3e6cc!important;border:2px solid #3a2416!important;box-shadow:none}
.theme-dice-board .glass-meta-value{color:#a8331f!important}

/* ── 搜索页：地契卡（文字在上、封面在下） ── */
.theme-dice-board .glass-search-header{padding:18px 22px;background:#fff8ea;border:3px solid #3a2416;border-radius:14px;box-shadow:4px 4px 0 #3a2416}
.theme-dice-board .glass-search-input-group .glass-search-input{color:#3a2416;background:#fffdf6;border:3px solid #3a2416;border-radius:10px!important}
.theme-dice-board .glass-games-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:18px!important}
.theme-dice-board .glass-game-card{display:flex;flex-direction:column-reverse}
.theme-dice-board .glass-game-card .glass-card-media{margin:0 12px 12px;border:2px solid #3a2416;border-radius:6px}
.theme-dice-board .glass-game-card .glass-card-image{height:auto!important;aspect-ratio:16/10}
.theme-dice-board .glass-game-card .glass-card-content{padding:14px 14px 12px!important;text-align:center}
.theme-dice-board .glass-game-card .glass-card-title{font-family:'Lilita One','Arial Black',sans-serif;font-size:1.15rem!important;font-weight:400!important}
.theme-dice-board .glass-game-card .glass-card-meta{justify-content:center!important}

/* ── 页脚与 404 ── */
.theme-dice-board .cyber-footer{color:#f3e6cc;background:#3a2416}
.theme-dice-board .cyber-footer .footer-title{color:#f5cf73;font-family:'Lilita One','Arial Black',sans-serif;font-weight:400}
.theme-dice-board .cyber-footer p{color:#f3e6cc!important}
.theme-dice-board .cyber-footer .footer-links a{color:#f3e6cc}
.theme-dice-board .cyber-footer .footer-links a:hover{color:#f5cf73}
.theme-dice-board .error-panel{border:3px solid #3a2416;border-radius:14px;box-shadow:6px 6px 0 #3a2416}
.theme-dice-board .error-copy h1{font-family:'Lilita One','Arial Black',sans-serif;font-weight:400}

/* ── 抽屉断点（≤992 汉堡出现） ── */
@media(max-width:992px){
.theme-dice-board .hamburger{display:flex;min-width:44px;min-height:44px;align-items:center;justify-content:center}
.theme-dice-board .glass-nav-actions{margin-left:auto}
.theme-dice-board .glass-nav-menu{display:none}
}

/* ── 移动端 ── */
@media(max-width:768px){
.theme-dice-board .glass-nav-container{padding:7px 14px}
.theme-dice-board .glass-logo{font-size:1.3rem}
.theme-dice-board .glass-logo::before{flex-basis:28px;height:28px}
.theme-dice-board .db-board{padding:12px 10px 4px}
.theme-dice-board .db-ring{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:0;border-width:4px;border-radius:10px}
.theme-dice-board .db-square:nth-child(n),.theme-dice-board .db-go{grid-area:auto}
.theme-dice-board .db-square.db-center{grid-column:1/-1;padding:12px}
.theme-dice-board .db-center .db-art{margin-bottom:8px}
.theme-dice-board .db-square.db-center strong{margin:6px 0 0;font-size:1.3rem;white-space:normal}
.theme-dice-board .db-band{padding:4px 4px;font-size:.58rem;letter-spacing:.04em}
.theme-dice-board .db-art{margin:5px 5px 0;border-radius:4px}
.theme-dice-board .db-square strong{margin:5px 6px 0;font-size:.74rem;white-space:normal;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.theme-dice-board .db-pips{margin:1px 6px 6px;font-size:.58rem;letter-spacing:.1em}
.theme-dice-board .db-go strong{font-size:2rem}
.theme-dice-board .db-go span{font-size:.7rem}
.theme-dice-board .ap-list-head{padding:14px 16px}
.theme-dice-board .ap-detail-body{grid-template-columns:minmax(0,1fr)}
.theme-dice-board .ap-list-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.theme-dice-board .ap-card-cat{padding:6px 4px;font-size:.62rem}
.theme-dice-board .ap-card-name{padding:0 6px;font-size:.92rem}
.theme-dice-board .ap-card-rating{font-size:.66rem}
.theme-dice-board .ap-card-thumb{margin:0 6px 6px}
.theme-dice-board .glass-play-container{padding-top:12px}
.theme-dice-board .glass-game-header{padding:14px!important}
.theme-dice-board .glass-game-player{border-width:5px!important}
.theme-dice-board .glass-player-controls .glass-button{min-width:120px}
.theme-dice-board .glass-game-iframe{height:56vh!important}
.theme-dice-board .glass-games-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}
.theme-dice-board .glass-game-card .glass-card-media{margin:0 6px 6px}
.theme-dice-board .glass-game-card .glass-card-content{padding:10px 8px!important}
.theme-dice-board .glass-game-card .glass-card-title{font-size:.95rem!important}
.theme-dice-board .glass-game-card .glass-card-actions{flex-direction:column;gap:6px!important}
}

/* ── 大屏手机 / 竖屏平板（600–768）：三列外圈 + 16:10 中心图过高，会把 home_banner2 挤出第二屏 ── */
@media(min-width:600px) and (max-width:768px){
.theme-dice-board .db-ring{grid-template-columns:repeat(4,minmax(0,1fr))}
.theme-dice-board .db-center .db-art{aspect-ratio:21/9}
}

/* ── 平板 ── */
@media(min-width:769px) and (max-width:1199px){
.theme-dice-board .glass-search-input{width:170px}
.theme-dice-board .ap-list-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.theme-dice-board .glass-games-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
}
@media(min-width:769px) and (max-width:899px){
.theme-dice-board .db-square strong{font-size:.8rem}
.theme-dice-board .glass-games-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}