.line-x{display:block;margin:15px 0;overflow:hidden;height:1px;line-height:1px;border-top:1px solid #CCC;}
.line-y{display:flex;margin:0 5px;overflow:hidden;line-height:100%;border-left:0px solid var(--border-color-dark-3);border-right:0px solid var(--border-color);}

.container{width:100%;max-width:1160px;margin:0 auto;padding:0 var(--space-l);}
.container.w900{}
.skip-link{position:absolute;left:-9999px;top:0;z-index:200;background:var(--color-primary);color:#FFFFFF;padding:var(--space-s) var(--space-l);}
.skip-link:focus{left:0;}

/* ---------- Window chrome primitives ---------- */
.win{background:var(--bg-base);box-shadow:var(--bevel-out), 0 0 0 1px var(--gray-A), var(--shadow-drop);}
.win-titlebar{display:flex;align-items:center;gap:var(--space-s);background:linear-gradient(90deg, var(--color-primary), var(--titlebar-hi));color:#FFFFFF;font-family:var(--font-display);font-size:var(--font-size-s);font-weight:700;letter-spacing:1px;padding:5px 6px;user-select:none;-webkit-user-select:none;}
.win-titlebar .win-glyph{display:flex;}
.win-titlebar .win-title{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}

/* Decorative window controls (minimize / maximize / close) */
.win-ctrls{display:flex;gap:3px;}
.win-ctrl{width:18px;height:16px;display:flex;align-items:center;justify-content:center;background:var(--silver);box-shadow:var(--bevel-out);color:var(--gray-8);font-family:var(--font-mono);font-size:13px;line-height:1;}
.win-body{padding:var(--space-m);}

/* ---------- Header:the menu bar ---------- */
.site-header{position:sticky;top:0;z-index:50;background:var(--bg-base);box-shadow:var(--bevel-out), 0 2px 0 var(--desk-deep), 0 4px 0 rgba(0, 0, 0, 0.25);}
.header-inner{display:flex;align-items:center;gap:var(--space-m);min-height:54px;position:relative;}
.brand{display:flex;align-items:center;gap:8px;font-family:var(--font-display);font-size:19px;font-weight:700;letter-spacing:0.5px;color:var(--text-primary);padding:6px 8px;white-space:nowrap;}
.brand:hover{text-decoration:none;background:var(--color-primary-light);}
.brand-icon{color:var(--color-primary);flex-shrink:0;}
.site-nav ul{display:flex;align-items:center;gap:2px;list-style:none;margin:0;padding:0;}

/* Win95 menu-item behavior:hover paints the whole item */
.site-nav a{display:block;padding:7px 12px;font-family:var(--font-body);font-size:var(--font-size-s);font-weight:600;color:var(--text-primary);}
.site-nav a:hover,
.site-nav a.is-active{background:var(--color-primary);color:#FFFFFF;text-decoration:none;}
.header-actions{display:flex;align-items:center;gap:6px;margin-left:auto;}

/* Beveled square utility buttons (theme toggle / hamburger) */
.sq-btn{display:flex;align-items:center;justify-content:center;width:34px;height:30px;background:var(--bg-base);box-shadow:var(--bevel-out);color:var(--text-primary);border:0;cursor:pointer;}
.sq-btn:active{box-shadow:var(--bevel-press);}
.theme-btn .icon-sun{display:none;}
.theme-btn .icon-moon{display:block;}
[data-theme="dark"] .theme-btn .icon-sun{display:block;}
[data-theme="dark"] .theme-btn .icon-moon{display:none;}
.nav-toggle{display:none;}

/* Language dropdown:a small Win95 menu window */
.lang-switch{position:relative;}
.lang-btn{display:flex;align-items:center;gap:6px;height:30px;padding:0 10px;background:var(--bg-base);box-shadow:var(--bevel-out);border:0;cursor:pointer;color:var(--text-primary);font-family:var(--font-body);font-size:var(--font-size-s);font-weight:600;}
.lang-btn:active{box-shadow:var(--bevel-press);}
.lang-btn .chevron{transition:transform var(--t-med) ease;}
.lang-btn[aria-expanded="true"] .chevron{transform:rotate(180deg);}
.lang-menu{position:absolute;right:0;top:calc(100% + 4px);min-width:180px;margin:0;padding:4px;list-style:none;background:var(--bg-base);box-shadow:var(--bevel-out), 0 0 0 1px var(--gray-A), var(--shadow-drop);z-index:60;}
.lang-menu a{display:flex;align-items:center;justify-content:space-between;padding:6px 12px;color:var(--text-primary);font-size:var(--font-size-s);}
.lang-menu a:hover, .lang-menu a.is-active{background:var(--color-primary);color:#FFFFFF;text-decoration:none;}

/* ---------- Buttons ---------- */
.btn{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;font-family:var(--font-display);font-size:17px;font-weight:700;letter-spacing:0.5px;color:var(--text-primary);background:var(--bg-base);box-shadow:var(--bevel-out), 0 0 0 1px var(--gray-A), 3px 3px 0 rgba(0, 0, 0, 0.28);border:0;cursor:pointer;}
.btn:hover{text-decoration:none;filter:brightness(1.05);}
.btn:active{box-shadow:var(--bevel-press), 0 0 0 1px var(--gray-A);transform:translate(1px, 1px);}
.btn-primary{background:linear-gradient(180deg, var(--titlebar-hi), var(--color-primary));color:#FFFFFF;}
.btn-primary:hover{filter:brightness(1.08);}
.cta-row{display:flex;flex-wrap:wrap;gap:var(--space-m);margin-top:var(--space-l);}

/* ---------- Hero (on the desktop canvas) ---------- */
.hero{padding:var(--space-h) 0 var(--space-x);}
.hero-grid{display:grid;grid-template-columns:1fr 1.05fr;gap:var(--space-x);align-items:center;}
.eyebrow,.eyebrow a{font-family:var(--font-mono);font-size:20px;letter-spacing:2px;color:#B8EFE8;margin:0 0 var(--space-m);}
[data-theme="dark"] .eyebrow{color:#7DD8CC;}
.hero h1, .page-hero h1{font-size:var(--font-size-e);color:var(--text-on-desk);text-shadow:3px 3px 0 rgba(0, 0, 0, 0.35);margin-bottom:var(--space-m);}
.hero .lead, .page-hero .lead{color:var(--text-on-desk-2);font-size:var(--font-size-b);max-width:62ch;margin:0;text-wrap:pretty;}

/* Inner-page hero band (compact) */
.page-hero{padding:var(--space-h) 0 var(--space-x);}

/* ---------- Page section wrapper ---------- */
.page-section{padding:0 0 var(--space-h);}

/* ---------- Document window (content pages) ---------- */
.page-window{max-width:900px;margin:0 auto;}
.doc-body{background:var(--paper);box-shadow:var(--bevel-in);padding:var(--space-l) var(--space-l) var(--space-m);font-size:var(--font-size-m);color:var(--text-primary);}
.doc-more{margin:0 var(--space-m) var(--space-m);}
.doc-more a{font-family:var(--font-display);font-size:15px;font-weight:700;}

/* ---------- Prose (article content inside paper) ---------- */
.prose{max-width:820px;}
.prose h2{font-size:22px;margin-top:var(--space-l);padding-top:var(--space-l);border-top:1px solid var(--border-subtle);}
.prose h2:first-child{margin-top:0;padding-top:0;border-top:0;}
.prose h3{font-size:var(--font-size-l);margin-top:var(--space-l);}
.prose p, .prose ul, .prose ol{color:var(--text-secondary);}
.prose strong{color:var(--text-primary);}
.prose a{text-decoration:underline;}
.prose ul, .prose ol{padding-left:var(--space-l);}
.prose li{margin-bottom:var(--space-s);}
.prose code{font-family:var(--font-mono);font-size:0.95em;background:var(--gray-1);padding:1px 5px;}
.prose hr{border:0;border-top:1px solid var(--border-subtle);margin:var(--space-l) 0;}

/* Data tables */
.prose table{width:100%;border-collapse:collapse;margin:var(--space-l) 0;font-size:var(--font-size-s);}
.prose th, .prose td{border:1px solid var(--border-default);padding:var(--space-s) var(--space-m);text-align:left;vertical-align:top;}
.prose th{background:var(--gray-1);color:var(--text-primary);}

/* Collapsible FAQ items:small beveled dialogs on paper */
.prose details{background:var(--bg-base);box-shadow:var(--bevel-out);margin-bottom:var(--space-m);padding:var(--space-m) var(--space-l);}
.prose details summary{cursor:pointer;font-weight:700;color:var(--text-primary);}
.prose details p{margin-bottom:0;}
.prose .content-PrevNext{margin-top:var(--space-l);}

/* ASCII pattern blocks (strategy content, LED style) */
.pattern-grid{display:inline-block;font-family:var(--font-mono);font-size:22px;line-height:1.3;background:var(--well);color:#8CD9CF;padding:var(--space-s) var(--space-m);margin:var(--space-s) 0;letter-spacing:3px;}

/* ---------- Desktop icons (feature highlights) ---------- */
.icons-strip{padding:0 0 var(--space-h);}
.icons-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(200px, 1fr));gap:var(--space-m);max-width:860px;margin:0 auto;}
.desk-icon{display:flex;flex-direction:column;align-items:center;gap:8px;padding:var(--space-l) var(--space-m) var(--space-m);text-align:center;background:var(--bg-base);box-shadow:var(--bevel-out), 0 0 0 1px var(--gray-A);color:var(--text-primary);transition:transform var(--t-fast) ease;}
.desk-icon:hover{text-decoration:none;transform:translateY(-2px);}
.desk-icon .di-label{font-family:var(--font-display);font-size:15px;font-weight:700;letter-spacing:0.5px;padding:1px 6px;}
.desk-icon:hover .di-label{background:var(--color-primary);color:#FFFFFF;}
.desk-icon .di-glyph{color:var(--color-primary);}
.desk-icon p{margin:0;font-size:13px;color:var(--text-secondary);}

/* ---------- Window grid (homepage teasers) ---------- */
.docs{padding:0 0 var(--space-h);}
.docs-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(300px, 1fr));gap:var(--space-l);}
.doc-window{display:flex;flex-direction:column;}
.doc-window .doc-body{flex:1;margin:var(--space-m);font-size:var(--font-size-s);color:var(--text-secondary);}
.doc-window .doc-body h3{font-family:var(--font-body);font-size:var(--font-size-m);margin-bottom:var(--space-s);color:var(--text-primary);}
.doc-window .doc-body ul{margin:0;padding-left:var(--space-l);}
.doc-window .doc-body li{margin-bottom:6px;}
.doc-window .doc-body .pattern-grid{margin-top:var(--space-s);}

/* ---------- Blog ---------- */
.cat-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(180px, 1fr));gap:var(--space-m);margin:var(--space-l) 0;}
.cat-card{display:flex;flex-direction:column;gap:4px;padding:var(--space-m) var(--space-l);background:var(--bg-base);box-shadow:var(--bevel-out), 0 0 0 1px var(--gray-A);color:var(--text-primary);}
.cat-card:hover{text-decoration:none;transform:translateY(-2px);transition:transform var(--t-fast) ease;}
.cat-card .cat-name{font-family:var(--font-display);font-size:16px;font-weight:700;}
.cat-card .cat-count{font-family:var(--font-mono);font-size:17px;letter-spacing:1px;color:var(--text-tertiary);}
.post-list{display:grid;grid-template-columns:repeat(3, 1fr);gap:30px;list-style:none;margin:var(--space-l) 0 0;padding:0;}
.post-list .post-card{background:var(--bg-base);box-shadow:var(--bevel-out), 0 0 0 1px var(--gray-A);padding:var(--space-m);margin-bottom:var(--space-m);}
.post-list .post-card h3{font-size:var(--font-size-l);margin-bottom:var(--space-s);}
.post-list .post-card h3 a{color:var(--text-primary);}
.post-list .post-card h3 a:hover{color:var(--color-primary);}
.post-list .post-card .post-meta{font-family:var(--font-mono);font-size:17px;letter-spacing:1px;color:var(--text-tertiary);margin:0 0 var(--space-s);}
.post-list .post-card > p:last-child{margin:0;color:var(--text-secondary);font-size:var(--font-size-s);}
.post-list .post-card a.post-card-media{display:block;margin:0 0 var(--space-m);box-shadow:var(--bevel-in);}
.post-list .post-card a.post-card-media img{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;display:block;}
.post-list .post-card a.post-card-media:hover img{filter:brightness(1.06);}

/* Article meta line inside the document body */
.post-meta-line{font-family:var(--font-mono);font-size:18px;letter-spacing:1px;color:var(--text-tertiary);margin:0 0 var(--space-l);padding-bottom:var(--space-m);border-bottom:1px solid var(--border-subtle);}

/* ---------- Leaderboard page ---------- */
.records-table-box{min-height:500px;}
.records-table{width:100%;border-collapse:collapse;margin:var(--space-l) 0;font-size:var(--font-size-s);}
.records-table th,
.records-table td{border:1px solid var(--border-default);padding:var(--space-s) var(--space-m);text-align:left;vertical-align:top;}
.records-table thead th{font-family:var(--font-display);font-size:13px;letter-spacing:1px;background:var(--gray-1);color:var(--text-primary);}
.records-note{font-size:var(--font-size-s);color:var(--text-tertiary);margin:0;}

/* 筛选导航 */
.filter-nav{display:flex;}
.filter-nav ul{display:flex;gap:var(--space-m);margin:0;padding:0;}
.filter-nav li{list-style-type:none;}
.filter-nav li a{display:block;text-align:center;text-decoration:none;overflow:hidden;border-bottom:2px solid var(--bg-color-dark-1);}
.filter-nav li a span{line-height:32px;}
.filter-nav li a:hover{text-decoration:none;border-bottom:2px solid var(--t-color-main);}
.filter-nav li a:hover span{color:var(--t-color-main-dark-2);}
.filter-nav li.current>a{border-bottom:2px solid var(--t-color-main);}
.filter-nav li.current>a span{color:var(--t-color-main);}
/* 时间 */
.record-nav li a span{display:block;color:var(--t-color-main);}
/* 难度 */
.levels-nav{flex:1;}


/* ---------- Contact page ---------- */
.contact-list{list-style:none;margin:var(--space-l) 0;padding:0;}
.contact-list li{display:flex;flex-direction:column;gap:2px;background:var(--bg-base);box-shadow:var(--bevel-out);padding:var(--space-m) var(--space-l);margin-bottom:var(--space-m);}
.contact-list .label{font-family:var(--font-mono);font-size:17px;letter-spacing:1px;color:var(--text-tertiary);}
.contact-list a{font-weight:700;}

/* ---------- Taskbar footer ---------- */
.taskbar-wrap{height:58px;}

/* keeps page content clear of the fixed bar */
.taskbar{position:fixed;left:0;right:0;bottom:0;z-index:80;background:var(--bg-base);box-shadow:inset 0 1px 0 var(--silver-hi), inset 0 2px 0 #EFEEE8, 0 -2px 0 var(--desk-deep);}
[data-theme="dark"] .taskbar{box-shadow:inset 0 1px 0 var(--silver-hi), inset 0 2px 0 #3D3E38, 0 -2px 0 var(--desk-deep);}
.taskbar-inner{display:flex;align-items:center;gap:var(--space-s);height:52px;padding:0 var(--space-m);overflow-x:auto;scrollbar-width:none;}
.taskbar-inner::-webkit-scrollbar{display:none;}
.task-start{display:flex;align-items:center;gap:8px;height:36px;padding:0 14px;font-family:var(--font-display);font-size:15px;font-weight:700;letter-spacing:0.5px;background:linear-gradient(180deg, var(--titlebar-hi), var(--color-primary));color:#FFFFFF;box-shadow:var(--bevel-out), 0 0 0 1px var(--gray-A);white-space:nowrap;flex-shrink:0;}
.task-start:hover{text-decoration:none;filter:brightness(1.08);}
.task-start:active{box-shadow:var(--bevel-press), 0 0 0 1px var(--gray-A);}
.task-start img{width:24px;height:24px;}
.task-div{width:2px;height:26px;background:var(--silver-shadow);box-shadow:1px 0 0 var(--silver-hi);flex-shrink:0;}
.task-item{display:flex;align-items:center;height:32px;padding:0 12px;font-size:13px;font-weight:600;color:var(--text-primary);background:var(--bg-base);box-shadow:var(--bevel-out);white-space:nowrap;}
.task-item:hover{background:var(--gray-1);text-decoration:none;}
[data-theme="dark"] .task-item:hover{background:var(--gray-2);}
.task-tray{margin-left:auto;display:flex;align-items:center;gap:var(--space-s);height:36px;padding:0 12px;box-shadow:var(--bevel-in);font-family:var(--font-mono);font-size:19px;color:var(--text-secondary);white-space:nowrap;flex-shrink:0;}

/* ---------- Blue screen (404 page) ---------- */
.bsod-screen{min-height:100vh;display:flex;align-items:center;background:#0A1B8C;color:#E8ECFF;font-family:var(--font-mono);}
.bsod-inner{max-width:640px;padding:var(--space-x) var(--space-l);}
.bsod-face{font-family:var(--font-display);font-size:64px;line-height:1;color:#FFFFFF;margin-bottom:var(--space-l);}
.bsod-title{font-family:var(--font-display);font-size:var(--font-size-h);color:#FFFFFF;margin-bottom:var(--space-l);}
.bsod-text{font-size:20px;line-height:1.6;margin:0 0 var(--space-m);}
.bsod-links{margin-top:var(--space-l);display:flex;flex-wrap:wrap;gap:var(--space-m);}
.bsod-links a{color:#FFFFFF;background:#2233AA;padding:var(--space-s) var(--space-l);border:1px solid #8FA0FF;}
.bsod-links a:hover{background:#3344CC;text-decoration:none;}

/* ---------- Helper ---------- */
.help-text{text-align:center;color:var(--text-tertiary);font-size:var(--font-size-s);margin:var(--space-m) 0 var(--space-h);}










/* ---------- Game window shell ---------- */
.game-window{max-width:620px;justify-self:center;width:100%;}

/* ---------- Controls row ---------- */
.game-controls{display:flex;flex-wrap:wrap;align-items:flex-end;gap:var(--space-m);}
.game-controls .control-group{display:flex;flex-direction:column;gap:3px;}
.game-controls label{font-family:var(--font-mono);font-size:17px;letter-spacing:1px;color:var(--text-secondary);}
.game-controls select,
.game-controls input[type="number"]{font-family:var(--font-body);font-size:var(--font-size-s);color:var(--text-primary);background:var(--paper);border:0;box-shadow:var(--bevel-in);padding:6px 8px;}
.game-controls input[type="number"]{width:72px;}
.game-controls select:focus,
.game-controls input:focus{outline:2px solid var(--color-primary);outline-offset:-1px;}

/* Checkbox options next to the difficulty selector */
.check-group{display:flex;flex-wrap:wrap;align-items:center;gap:12px;padding-bottom:4px;}
.check-option{display:flex;align-items:center;gap:6px;font-size:var(--font-size-s);font-weight:600;color:var(--text-primary);cursor:pointer;white-space:nowrap;margin:0;}
.check-option input[type="checkbox"]{width:15px;height:15px;accent-color:var(--color-primary);cursor:pointer;margin:0;flex-shrink:0;}

/* Settings dialog (Win95 modal) */
.modal-overlay{position:fixed;inset:0;z-index:100;display:flex;align-items:center;justify-content:center;background:var(--bg-overlay);padding:var(--space-l);}
.modal-overlay[hidden]{display:none;}
.settings-dialog{width:340px;max-width:100%;}
.settings-dialog .win-body{padding:var(--space-l);}
.settings-dialog .control-group label{font-family:var(--font-mono);font-size:17px;letter-spacing:1px;color:var(--text-secondary);}
.settings-dialog input[type="text"]{width:100%;font-family:var(--font-body);font-size:var(--font-size-s);color:var(--text-primary);background:var(--paper);border:0;box-shadow:var(--bevel-in);padding:8px 10px;}
.settings-dialog input[type="text"]:focus{outline:2px solid var(--color-primary);outline-offset:-1px;}
.dialog-actions{display:flex;justify-content:flex-end;gap:var(--space-s);margin-top:var(--space-l);}

/* Custom difficulty inputs are hidden unless selected */
.custom-fields{display:none;flex-wrap:wrap;gap:var(--space-m);width:100%;}
.custom-fields.is-visible{display:flex;}


/* 游戏控制栏 */
.game-control{display:flex;flex-wrap:wrap;row-gap:10px;padding:0;margin-top:0;line-height:32px;border-radius:10px;}
.game-control:first-child{margin:0;}
.game-control .line-x{margin:5px auto;}

.game-type{display:flex;padding:0px;gap:10px;}
.game-type strong{display:none;padding:5px 0;font-weight:normal;}
.game-type a{cursor:pointer;color:var(--t-color-main);}

.app-game{padding:20px 0;
background: radial-gradient(circle at 50% 50%, var(--game-bg-radial-start) 0%,var(--game-bg-radial-end) 80%) 50% 50%, linear-gradient(0deg, var(--game-bg-linear-start) 0.05%, var(--game-bg-linear-end) 100%) 50% 50%;
}
.game-box{text-align:center;min-height:520px;}
.game-box .game{display:inline-block;margin:20px auto;padding:10px;text-align:center;border-radius:10px;background:#cccccc;
	box-shadow:var(--shadow-color-box);
}
.game-box .game-head{width:auto;margin:0 auto;padding:2px;}
.game-box .game-head:after{content:"";display:block;height:0;clear:both;overflow:hidden;}
.game-box .game-head,
.game-box #game-root{border:2px solid #fff;border-left-color:#808080;border-top-color:#808080;}
.game-box #game-root{margin-top:10px;}

.game{margin-top:var(--space-m);}
.game .game-head{display:flex;padding:var(--space-m);box-shadow:var(--bevel-in);}
.game .game-head .game-leishu{flex:1;text-align:left;}
.game .game-head .game-id{justify-content:center;align-items: center;text-align:center;}
.game .game-head .game-jishi{flex:1;text-align:right;}
.game .game-head div div{display:inline;padding:5px;box-shadow:var(--bevel-in);background-color:#000;}
.game .game-head canvas{}
.game .game-head canvas,
.game .game-head img{vertical-align:middle;}
.game .game-root{padding:var(--space-m);margin-top:var(--space-m);box-shadow:var(--bevel-in);text-align:center;}


.game.ocean{background-color:#eef5fe;box-shadow:var(--shadow-color-game);}
.game.ocean .game-head{padding:5px;background:#fff;box-shadow:var(--shadow-color-game);border-radius:5px;}
.game.ocean .game-head #face{border:1px solid #60a5fa;border-left-color:#fff;border-top-color:#fff;}
.game.ocean .game-head #face:active{border:1px solid #60a5fa;}
.game.ocean .game-head{border:1px solid #5694e1;}
.game.ocean canvas#game-root{border-left-color:#5694e1;border-top-color:#5694e1;}
.ui-radio a[value="ocean"]{color:#5694e1;}

.game.forest{background-color:#6ee7b7;box-shadow:var(--shadow-color-game);}
.game.forest .game-head{padding:5px;background:#fff;box-shadow:var(--shadow-color-game);border-radius:5px;}
.game.forest .game-head #face{border:1px solid #63cfa4;border-left-color:#fff;border-top-color:#fff;}
.game.forest .game-head #face:active{border:1px solid #63cfa4;}
.game.forest .game-head{border:1px solid #10b981;}
.game.forest canvas#game-root{border-left-color:#10b981;border-top-color:#10b981;}
.ui-radio a[value="forest"]{color:#10b981;}

.game.flower{background-color:#ffc0cb;box-shadow:var(--shadow-color-game);}
.game.flower .game-head{padding:5px;background:#fff;box-shadow:var(--shadow-color-game);border-radius:5px;}
.game.flower .game-head #face{border:1px solid #ff8abc;border-left-color:#fff;border-top-color:#fff;}
.game.flower .game-head #face:active{border:1px solid #ff8abc;}
.game.flower .game-head{border:1px solid #ff69b4;}
.game.flower canvas#game-root{border-left-color:#ff69b4;border-top-color:#ff69b4;}
.ui-radio a[value="flower"]{color:#ff69b4;}


section.game-column{padding:50px 0;}
section.game-column.row1{background-color:var(--bg-color-dark-1);}
.game-column .game-column-head{text-align:center;}
.game-column .game-column-head h2{position:relative;margin:0 auto;display:inline-block;text-align:center;font-size:32px;line-height:2;}
.game-column .game-column-head h2:after{content:"";position:absolute;bottom:0;left:0;right:0;width:100%;margin-left:0px;height:5px;background-color:var(--t-color-main);}
.game-column .game-column-head p{line-height:2;padding:1em 0;font-size:20px;color:var(--text-color-light-3);}

.game-column-body{display:flex;margin:20px auto;}
.game-column-body h3{text-align:left;font-size:28px;line-height:2;}
.game-column-body>div{flex:1;padding:20px;margin-right:20px;background-color:var(--bg-color);}
.game-column-body>div:nth-child(2){margin-right:0;}
.game-column-body>div.col2{}
.game-column-body ul{}
.game-column-body ul li{padding:5px 0;color:var(--text-color);}
.game-column-body ul li em{display:inline-block;margin-right:0.5em;border-radius:100%;width:24px;height:24px;line-height:24px;text-align:center;background-color:var(--text-color);color:var(--text-color-light-9);}


/* 首页 功能介绍 */
.game-settings-guide{margin:40px auto;padding:20px;font-family:"Microsoft YaHei", Arial, sans-serif;line-height:1.8;}
.game-settings-guide h2{text-align:center;font-size:28px;margin-bottom:20px;}
.section-title{margin-top:40px;font-size:22px;}
.settings-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(250px, 1fr));gap:20px;margin-top:20px;}
.setting-card{background:var(--bg-color);padding:20px;border-radius:10px;transition:0.3s ease;box-shadow:0 3px 3px var(--shadow-color-content);}
.setting-card:hover{transform:translateY(-5px);box-shadow:0 5px 15px var(--shadow-color-content);}
.setting-card h4{margin-bottom:10px;font-size:18px;}
.icon{font-size:22px;margin-right:6px;}



/* 首页 游戏规则 */
.game-rule-simulation{float:right;display:block;width:100%;}
.game-rule-simulation div{float:left;width:10%;max-width:32px;height:32px;line-height:32px;text-align:center;font-weight:bold;margin:0.55%;border-radius:5px;background-color:var(--t-color-main-light-7);}
.game-rule-simulation div.t-null{background-color:var(--t-color-main-light-5);}
.game-rule-simulation div.t-null:hover{background-color:var(--t-color-main-light-1);}
.game-rule-simulation div.t-mine{color:var(--danger-color);}
.game-rule-simulation div.t-num0,
.game-rule-simulation div.t-num1,
.game-rule-simulation div.t-num2{color:var(--t-color-main);}

/* 首页 游戏历史 */
.game-history-list{position:relative;}
.game-history-list em{position:absolute;left:50%;width:4px;top:0;bottom:0;margin-left:-2px;background-color:var(--t-color-main-light-5);}
.game-history-list div{position:relative;width:100%;margin:20px 0;padding:0;}
.game-history-list div:after{content:"";position:absolute;display:block;right:50%;top:50%;margin-right:-12px;margin-top:-10px;width:16px;height:16px;border:4px solid var(--text-color-light-9);border-radius:50%;background-color:var(--t-color-main);}
.game-history-list dl{padding:20px;border-radius:15px;background-color:var(--bg-color);
	-webkit-box-shadow:0 3px 3px var(--shadow-color-content);
	box-shadow:0 3px 3px var(--shadow-color-content);
}
.game-history-list dl dt{font-size:18px;font-weight:bold;line-height:2;}
.game-history-list dl dd{color:var(--text-color-light-3);line-height:1.5;}
.game-history-list dl:hover{
	-webkit-box-shadow:0 5px 15px var(--shadow-color-content);
	box-shadow:0 5px 15px var(--shadow-color-content);
	transform:translateY(-2px);
}
.game-history-list div.row1{padding-right:52%;}
.game-history-list div.row2{padding-left:52%;}
.game-history-list div.row1 dl dt,
.game-history-list div.row1 dl dd{text-align:right;}




.section-hero{text-align:center;padding:3rem 0;}
.section-hero h2{font-size:36px;font-weight:700;margin-bottom:10px;}
.section-hero h2 span{background:linear-gradient(90deg, var(--t-color-main), var(--t-color-main-end));-webkit-background-clip:text;-webkit-text-fill-color:transparent;}
.section-hero p{font-size:1.25rem;line-height:2;}
.hero-buttons{display:flex;flex-direction:column;gap:1rem;justify-content:center;align-items:center;}
.hero-buttons .btn-primary{padding:10px 20px;color:var(--text-color-light-9);border-radius:10px;background:linear-gradient(90deg, var(--t-color-main), var(--t-color-main-end));transition:all 0.3s ease;}
.hero-buttons .btn-primary:hover{box-shadow:var(--shadow-color-box);transform:scale(1.05);}



.stats-section{background-color:var(--bg-color);border-radius:1rem;box-shadow:var(--shadow-color-box);padding:20px;}
.stats-section h2{font-size:32px;font-weight:700;text-align:center;margin-bottom:20px;}
.stats-box{display:grid;grid-template-columns:repeat(2, 1fr);gap:20px;}
.stat-item{text-align:center;padding:1rem;border-radius:var(--t-box-radius);}
.stat-item.Primary{background-color:var(--Primary-color-light);}
.stat-item.Success{background-color:var(--Success-color-light);}
.stat-item.Warning{background-color:var(--Warning-color-light);}
.stat-item.Danger{background-color:var(--Danger-color-light);}
.stat-item.Info{background-color:var(--Info-color-light);}
.stat-item .stat-number{font-size:26px;font-weight:700;margin-bottom:10px;}
.stat-item.Primary .stat-number{color:var(--Primary-color-dark);}
.stat-item.Success .stat-number{color:var(--Success-color-dark);}
.stat-item.Warning .stat-number{color:var(--Warning-color-dark);}
.stat-item.Danger .stat-number{color:var(--Danger-color-dark);}
.stat-item.Info .stat-number{color:var(--Info-color-dark);}
.stat-item .stat-label{color:#000;}

/* 记录 */
.record-section{margin-top:20px;display:grid;gap:20px;grid-template-columns: repeat(3, 1fr);}
.record-section div{background-color:var(--bg-color);border-radius:1rem;overflow:hidden;box-sizing:border-box;box-shadow:var(--shadow-color-box);}
.record-section div h2{padding:10px 20px;text-align:center;background-color:var(--t-color-main);color:var(--text-color-light-9);}
.record-section div table{width:100%;}
.record-section div table th{background:var(--t-color-main-shadow);}
.record-section div table tr:last-child td{border-bottom:0;}



/* Features Section */
.section-features{margin-top:50px;}
.section-features h2{font-size:1.5rem;font-weight:700;text-align:center;margin-bottom:1.5rem;}
.features-box{display:grid;grid-template-columns:repeat(1, 1fr);gap:20px;}
.feature-card{background:var(--text-color-light-9);padding:20px;border-radius:1rem;box-shadow:var(--shadow-color-box);text-align:center;transition:all 0.3s ease;}
.feature-card:hover{box-shadow:0 10px 15px rgba(0, 0, 0, 0.1);}
.feature-icon{width:4rem;height:4rem;background:linear-gradient(135deg, #3b82f6, #8b5cf6);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1rem;color:var(--text-color-light-9);font-weight:bold;font-size:1.5rem;}



.section-rules{}
.section-rules h2{display:block;font-size:1.5rem;font-weight:700;text-align:center;}


/* Hero Section */
.section-cta{margin-top:50px;padding:50px 0;text-align:center;background:linear-gradient(135deg, var(--t-color-main), var(--t-color-main-end));color:var(--text-color-light-9);}
.section-cta h2{font-size:38px;font-weight:700;color:var(--text-color-light-9);text-align:center;margin-bottom:20px;}
.section-cta p{font-size:22px;color:var(--text-color-light-9);text-align:center;line-height:2;}
.section-cta .btn-primary{padding:15px 20px;font-size:18px;font-weight:bold;color:var(--t-color-main);border-radius:10px;background:var(--bg-color);transition:all 0.3s ease;}
.section-cta .btn-primary:hover{box-shadow:var(--shadow-color-box);transform:scale(1.05);}



/* 首页 常见问题 */
.game-question-list{position:relative;margin:0 auto;width:100%;}
.game-question-list dl{margin:20px 0;padding:20px;border-radius:15px;background-color:var(--bg-color-dark-1);
	-webkit-box-shadow:0 3px 3px var(--shadow-color-content);
	box-shadow:0 3px 3px var(--shadow-color-content);
}
.game-question-list dl dt{font-size:18px;font-weight:normal;line-height:2;cursor:pointer;}
.game-question-list dl dd{color:var(--text-color-light-3);line-height:1.5;max-height:0px;overflow:hidden;}
.game-question-list dl:hover{
	-webkit-box-shadow:0 5px 15px var(--shadow-color-content);
	box-shadow:0 5px 15px var(--shadow-color-content);
	transform:translateY(-2px);
}
.game-question-list dl dt i{float:right;display:none;transition:all 0.3s ease;font:bold 18px/200% \5b8b\4f53;}
.game-question-list dl[data-show=false] dt i{transform:rotate(0deg);}
.game-question-list dl[data-show=true] dt i{transform:rotate(135deg);}

.game-ranking{float:left;}
.game-ver{float:right;text-align:right;color:var(--text-color-light-5);}


#face{border:2px solid #808080;border-left-color:#fff;border-top-color:#fff;}
#face:active{border:2px solid #808080;border-bottom:1px solid #808080;border-right:1px solid #808080;}
table{border-collapse:collapse;}

input[type=number]{vertical-align:middle;}
input[type=checkbox]{vertical-align:middle;}
#night,#volume,.user{cursor:pointer;}
#sun,#volumeonicon{display:none;}
.shake-red{background-color:red;color:white;font-weight:bold;transition:all .2s ease-in .1s;}
.shake-white{background-color:white;color:red;font-weight:bold;transition:all .2s ease-in .1s;}
.animate-color-change{animation:redTextShadowAnimation 2s infinite;color:red;}
@keyframes redTextShadowAnimation{0%{text-shadow:0 0 10px rgba(255,0,0,0.6);}
50%{text-shadow:0 0 20px rgba(255,0,0,0.8),0 0 30px rgba(255,0,0,0.9);}
100%{text-shadow:0 0 10px rgba(255,0,0,0.6);}
}
.hidden{display:none;}
#minebox{position:relative;}
#overlay{display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:5;border-radius:20px;color:#FFF;border:5px solid #FFF;background-color:rgba(106,124,197,0.9);box-shadow:0 0 5px #000;margin:auto;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:fit-content;height:fit-content;padding:20px;}
#overlay p{white-space:nowrap;margin-top:-10px;margin-bottom:30px;font-size:1.2rem;color:#fff;text-shadow:2px 2px 4px rgba(0,0,0,0.5);animation:colorChange 10s infinite;}
#loading{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1000;}
.loading-spinner{border:4px solid #f3f3f3;border-top:4px solid #3498db;border-radius:50%;width:50px;height:50px;animation:spin 2s linear infinite;margin:20px auto;}
@keyframes spin{0%{transform:rotate(0deg);}
100%{transform:rotate(360deg);}
}
.button-container{display:flex;justify-content:center;gap:10px;margin-bottom:0px;}
.button{padding:10px 20px;font-size:1rem;cursor:pointer;background-color:#0000FF;color:white;border:none;border-radius:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;animation:shineAnimation 2s infinite;transition:box-shadow 0.3s ease-in-out;}
.button:hover{box-shadow:0 0 10px rgba(0,0,0,0.2);}
@keyframes shineAnimation{0%{box-shadow:0 0 10px rgba(255,255,255,0.6);}
50%{box-shadow:0 0 20px rgba(255,255,255,0.8),0 0 30px rgba(255,255,255,0.9);}
100%{box-shadow:0 0 10px rgba(255,255,255,0.6);}
}
@keyframes redTextShadowAnimation{0%{text-shadow:0 0 10px rgba(255,0,0,0.6);}
50%{text-shadow:0 0 20px rgba(255,0,0,0.8),0 0 30px rgba(255,0,0,0.9);}
100%{text-shadow:0 0 10px rgba(255,0,0,0.6);}
}
@keyframes colorChange{0%{color:#ff4d4d;}
14%{color:#4dff4d;}
28%{color:#4dffff;}
42%{color:#ffdb4d;}
57%{color:#4d4dff;}
71%{color:#ff4df4;}
85%{color:#f4ff4d;}
100%{color:#ff4d4d;}
}
.animate-color-change{animation:redTextShadowAnimation 2s infinite;color:red;}
.ranklist{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:10px;padding:10px;border-radius:10px;box-shadow:0 4px 8px rgba(0,0,0,0.1);}





.operations-box{display:grid;grid-template-columns:repeat(1, 1fr);gap:20px;}
.operation-card{padding:20px;border-radius:var(--t-box-radius);}
.operation-card.Primary{background-color:var(--Primary-color-light);}
.operation-card.Success{background-color:var(--Success-color-light);}
.operation-card.Warning{background-color:var(--Warning-color-light);}
.operation-card.Danger{background-color:var(--Danger-color-light);}
.operation-card h3{font-size:22px;font-weight:600;margin-bottom:10px;}
.operation-card.Primary h3{color:var(--Primary-color-dark);}
.operation-card.Success h3{color:var(--Success-color-dark);}
.operation-card.Warning h3{color:var(--Warning-color-dark);}
.operation-card.Danger h3{color:var(--Danger-color-dark);}





/* Media Queries */
@media (min-width:768px){
	.game-type strong{display:block;}

	.operations-box{grid-template-columns:repeat(2, 1fr);}
	.features-box{grid-template-columns:repeat(2, 1fr);}
	.stats-box{grid-template-columns:repeat(5, 1fr);}

	.game-question-list{width:68%;}
	.game-question-list dl dt i{display:block;}

	.section-cta{margin-top:80px;padding:80px 0;}

}
@media(min-width:1024px){
	.game-type strong{display:block;}

	.features-box{grid-template-columns:repeat(4, 1fr);}
	.game-question-list{width:68%;}
	.game-question-list dl dt i{display:block;}

}




/* ---------- Responsive ---------- */
@media (max-width:980px){
	.hero-grid{grid-template-columns:1fr;gap:var(--space-l);}
	.hero,
	.page-hero{padding:var(--space-x) 0 var(--space-l);}
	.hero h1,
	.page-hero h1{font-size:30px;}
	.hero .lead,
	.page-hero .lead{font-size:var(--font-size-m);}

	.post-list{grid-template-columns:repeat(2, 1fr);}
}
@media (max-width:860px){
	.nav-toggle{display:flex;}
	.site-nav{position:absolute;left:0;right:0;top:100%;background:var(--bg-base);box-shadow:var(--bevel-out), 0 0 0 1px var(--gray-A), var(--shadow-drop);display:none;}
	.site-nav.is-open{display:block;}
	.site-nav ul{flex-direction:column;align-items:stretch;gap:0;padding:6px;}
	.site-nav a{padding:12px;font-size:var(--font-size-m);}
	.task-item.long{display:none;}

	.post-list{grid-template-columns:repeat(1, 1fr);}

	.page-section{padding-bottom:var(--space-x);}
}
@media (max-width:480px){
	.brand{font-size:16px;}
	.lang-btn .lang-label{display:none;}
	.doc-body{padding:var(--space-m);}
}
@media (prefers-reduced-motion:reduce){
	*{transition-duration:0.01ms !important;animation-duration:0.01ms !important;}
}