/* 小学英语单词游戏板块 共享样式（浅色磨砂版） */



* { box-sizing: border-box; }



body { margin:0; font-family:-apple-system,'Segoe UI','PingFang SC','Microsoft YaHei',Arial,sans-serif;



  background:url(/assets/bg-elem-s5up.jpg) center top/cover no-repeat fixed; color:#233527; min-height:100vh; }



.xx-wrap { max-width: 960px; margin: 0 auto; padding: 78px 16px 60px; }



.xx-topbar { position:fixed; top:0; left:0; width:100%; padding:12px 20px; display:flex; justify-content:space-between;



  align-items:center; gap:10px; background:rgba(255,255,255,.72); backdrop-filter:blur(8px); -webkit-backdrop-filter:blur(8px); z-index:100; font-size:14px; color:#233527; }



.xx-topbar a { color:#1f7a4d; text-decoration:none; font-weight:700; }



.xx-head { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:10px; margin-bottom:18px; }



.xx-title { font-size:24px; font-weight:800; color:#1e3a2f; text-shadow:0 1px 3px rgba(255,255,255,.85); }



.xx-title small { display:block; font-size:13px; font-weight:500; color:#51665a; margin-top:4px; }



.xx-home { color:#1f7a4d; text-decoration:none; font-weight:700; }



.xx-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(150px,1fr)); gap:14px; }



.xx-card { display:block; text-decoration:none; color:#233527; background:rgba(255,255,255,.62);



  backdrop-filter:blur(12px); -webkit-backdrop-filter:blur(12px);



  border:1px solid rgba(255,255,255,.7); border-radius:16px; padding:18px 14px; text-align:center;



  transition:transform .12s, background .12s; }



a.xx-card:hover { transform:translateY(-3px); background:rgba(255,255,255,.8); }



.xx-card .ic { font-size:54px; }



.xx-card .nm { font-size:16px; font-weight:700; margin-top:8px; }



.xx-card .sb { font-size:12px; color:#5a6f61; margin-top:4px; }



.xx-card.locked { opacity:.55; cursor:pointer; }



.xx-card .badge { display:inline-block; margin-top:6px; font-size:11px; padding:2px 8px; border-radius:10px; }



.xx-card .badge.req { background:#ffd966; color:#5a3d00; }



.xx-card .badge.opt { background:rgba(62,201,126,.25); color:#1f6b45; }



.xx-card .badge.lock { background:rgba(226,88,88,.22); color:#a83a3a; }



.xx-card .badge.done { background:rgba(62,201,126,.32); color:#16603c; }



.xx-crumb { font-size:13px; color:#4a5f52; margin-bottom:14px; text-shadow:0 1px 2px rgba(255,255,255,.8); }



.xx-crumb a { color:#1f7a4d; text-decoration:none; }



.xx-note { margin-top:24px; font-size:12px; color:#4a5f52; line-height:1.7; }



.xx-lock { margin-top:20px; padding:16px 18px; border-radius:14px; background:rgba(255,235,235,.72);



  backdrop-filter:blur(8px); -webkit-backdrop-filter:blur(8px);



  border:1px solid rgba(214,120,120,.4); color:#8a3a3a; font-size:14px; line-height:1.8; }



.xx-lock a { color:#1f7a4d; font-weight:700; }



/* --- 面包屑可读性增强 --- */

.crumb,.xx-crumb,.breadcrumb{font-size:16px!important;font-weight:700!important;color:#1e3a2f!important;text-shadow:0 1px 2px rgba(255,255,255,.95),0 0 10px rgba(255,255,255,.85)!important;letter-spacing:.3px;}

.crumb a,.xx-crumb a,.breadcrumb a{color:#14563a!important;font-weight:700!important;text-decoration:none!important;}

.crumb a:hover,.xx-crumb a:hover,.breadcrumb a:hover{text-decoration:underline!important;color:#0d3d28!important;}

.crumb span,.xx-crumb span,.breadcrumb span{color:#2f5c48!important;font-weight:600!important;}

.crumb b,.xx-crumb b,.breadcrumb b{color:#1e3a2f!important;font-weight:800!important;}

/* --- 背景图上的文字增强（加深加粗+双层白描边） --- */
.page-sub,.xx-sub,.head .sub,.title small,.card .sb,.card .meta,.note,.foot,.xx-note,.xx-card .sb,.unit-sub,.game-tag,.game-sub,.head p,.read-banner .rb-desc,.xx-card .sb,.crumb+div,.page-sub *{color:#2f4f3f!important;font-weight:700!important;text-shadow:0 1px 2px rgba(255,255,255,.98),0 0 12px rgba(255,255,255,.92)!important;}
.page-sub,.xx-sub,.head .sub,.note,.xx-note,.foot{font-size:16px!important;line-height:1.75!important;}
.card .sb,.card .meta,.xx-card .sb,.unit-sub,.game-tag,.head p,.read-banner .rb-desc{font-size:15px!important;}
.note b,.foot b,.page-sub b,.xx-note b{color:#14563a!important;font-weight:800!important;}