/* 游戏页面样式隔离 - 最高级别优先级和完全隔离 */

/* 重置body和html以确保完全控制 */
html.play-page,
.play-page html,
.play-page {
    all: initial !important;
    font-family: Arial, sans-serif !important;
    margin: 0 !important;
    padding: 0 !important;
    line-height: normal !important;
    color: #333 !important;
    background: #f5f5f5 !important;
    min-height: 100vh !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: flex-start !important;
    width: 100% !important;
    overflow-x: hidden !important;
}

/* 隐藏所有公共页面元素 */
.play-page .header,
.play-page .header-content,
.play-page .header-title-area,
.play-page .breadcrumb,
.play-page .container-main,
.play-page .left-panel,
.play-page .right-panel,
.play-page .footer,
.play-page .dropdown,
.play-page .dropdown-content,
.play-page .nav-menu,
.play-page .top-nav,
.play-page .container-fluid,
.play-page .nav-container,
.play-page .nav-logo,
.play-page .nav-grid,
.play-page .home-container,
.play-page .home-header,
.play-page .nav-card,
.play-page .tools-section,
.play-page .tools-grid,
.play-page .tool-card,
.play-page .tool-card-large,
.play-page .tool-link,
.play-page .features-section,
.play-page .features-grid,
.play-page .feature-item,
.play-page .hero-section,
.play-page .hero-content,
.play-page .recommended-tools,
.play-page .recommended-title,
.play-page .category-title,
.play-page .section-title,
.play-page .emoji,
.play-page .white-content-wrapper,
.play-page .home-white-content,
.play-page .home-full-width {
    display: none !important;
}

/* 重置页面结构 */
.play-page #app {
    all: initial !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: flex-start !important;
    min-height: auto !important;
    width: 100% !important;
    padding: 20px !important;
    margin: 0 !important;
    background: transparent !important;
    max-width: none !important;
}

/* 重置内容容器 */
.play-page .container {
    all: initial !important;
    width: 100% !important;
    max-width: 1200px !important;
    margin: 0 auto !important;
    padding: 0 !important;
    display: block !important;
    box-sizing: border-box !important;
    background: transparent !important;
    box-shadow: none !important;
    border: none !important;
}

/* 游戏容器样式 */
.play-page .fish-game-container,
.play-page .gobang-container,
.play-page .mini-2048-container,
.play-page .snake-container,
.play-page .huarongdao-container,
.play-page .breakout-container,
.play-page .piano-container,
.play-page .doodle-container,
.play-page .cloud-container,
.play-page .typing-container {
    all: initial !important;
    max-width: 800px !important;
    width: 100% !important;
    margin: 20px auto !important;
    padding: 20px !important;
    background: white !important;
    border-radius: 10px !important;
    box-shadow: 0 2px 10px rgba(0,0,0,0.1) !important;
    font-family: Arial, sans-serif !important;
    box-sizing: border-box !important;
    display: block !important;
    min-width: 300px !important;
    position: relative !important;
}

/* 重置所有元素样式，防止公共样式干扰 */
.play-page * {
    all: initial !important;
    box-sizing: border-box !important;
    font-family: Arial, sans-serif !important;
}

/* 特定元素重置 */
.play-page body,
.play-page div,
.play-page p,
.play-page span,
.play-page h1,
.play-page h2,
.play-page h3,
.play-page h4,
.play-page h5,
.play-page h6,
.play-page a,
.play-page button,
.play-page input,
.play-page select,
.play-page textarea,
.play-page label,
.play-page ul,
.play-page ol,
.play-page li,
.play-page table,
.play-page tr,
.play-page td,
.play-page th,
.play-page form,
.play-page fieldset,
.play-page legend,
.play-page header,
.play-page footer,
.play-page section,
.play-page article,
.play-page aside,
.play-page nav,
.play-page main,
.play-page figure,
.play-page figcaption,
.play-page blockquote,
.play-page pre,
.play-page code {
    all: initial !important;
    box-sizing: border-box !important;
    font-family: Arial, sans-serif !important;
}

/* 标题样式 */
.play-page h1 {
    all: initial !important;
    display: block !important;
    font-size: 2em !important;
    margin: 0.67em 0 !important;
    font-weight: bold !important;
    box-sizing: border-box !important;
}

.play-page h2 {
    all: initial !important;
    display: block !important;
    font-size: 1.5em !important;
    margin: 0.83em 0 !important;
    font-weight: bold !important;
    box-sizing: border-box !important;
}

.play-page h3 {
    all: initial !important;
    display: block !important;
    font-size: 1.17em !important;
    margin: 1em 0 !important;
    font-weight: bold !important;
    box-sizing: border-box !important;
}

.play-page h4 {
    all: initial !important;
    display: block !important;
    font-size: 1em !important;
    margin: 1.33em 0 !important;
    font-weight: bold !important;
    box-sizing: border-box !important;
}

.play-page h5 {
    all: initial !important;
    display: block !important;
    font-size: 0.83em !important;
    margin: 1.67em 0 !important;
    font-weight: bold !important;
    box-sizing: border-box !important;
}

.play-page h6 {
    all: initial !important;
    display: block !important;
    font-size: 0.67em !important;
    margin: 2.33em 0 !important;
    font-weight: bold !important;
    box-sizing: border-box !important;
}

/* 按钮样式 */
.play-page .btn,
.play-page button,
.play-page .control-btn,
.play-page .difficulty-btn,
.play-page .hidden-btn,
.play-page .game-btn,
.play-page .menu-btn {
    all: initial !important;
    padding: 10px 20px !important;
    border: 1px solid #1e3c72 !important;
    background: #1e3c72 !important;
    color: white !important;
    border-radius: 4px !important;
    cursor: pointer !important;
    font-size: 14px !important;
    text-align: center !important;
    display: inline-block !important;
    min-height: auto !important;
    box-sizing: border-box !important;
    text-decoration: none !important;
    line-height: normal !important;
    font-family: Arial, sans-serif !important;
}

.play-page .btn:hover,
.play-page button:hover,
.play-page .control-btn:hover,
.play-page .difficulty-btn:hover {
    background: #2a5298 !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 4px 8px rgba(0,0,0,0.2) !important;
}

/* 输入框样式 */
.play-page input,
.play-page select,
.play-page textarea {
    all: initial !important;
    padding: 8px 12px !important;
    border: 1px solid #ccc !important;
    border-radius: 4px !important;
    background: white !important;
    font-size: 14px !important;
    box-sizing: border-box !important;
    min-height: 30px !important;
    font-family: Arial, sans-serif !important;
}

/* 列表样式 */
.play-page ul,
.play-page ol {
    all: initial !important;
    padding-left: 20px !important;
    list-style: disc !important;
    margin: 10px 0 !important;
    display: block !important;
}

/* 链接样式 */
.play-page a {
    all: initial !important;
    color: #1e3c72 !important;
    text-decoration: none !important;
    cursor: pointer !important;
    display: inline !important;
    font-family: Arial, sans-serif !important;
}

/* 游戏特定元素样式 */
.play-page .game-board,
.play-page .board,
.play-page .cell,
.play-page .chess,
.play-page .game-info,
.play-page .game-controls,
.play-page .game-status,
.play-page .fish-game-description,
.play-page .work-mode,
.play-page .work-screen,
.play-page .work-title,
.play-page .work-content,
.play-page .game-message,
.play-page .rankings,
.play-page .rankings-list,
.play-page .rankings-item {
    all: initial !important;
    box-sizing: border-box !important;
    position: relative !important;
    display: block !important;
}

/* 游戏网格样式 */
.play-page .game-board,
.play-page .board {
    all: initial !important;
    display: grid !important;
    margin: 20px auto !important;
    box-sizing: border-box !important;
    position: relative !important;
    background: #f0f0f0 !important;
    padding: 10px !important;
    border-radius: 5px !important;
}

.play-page .cell {
    all: initial !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer !important;
    box-sizing: border-box !important;
    position: relative !important;
    border: 1px solid #ccc !important;
    background: #fff !important;
}

.play-page .chess {
    all: initial !important;
    display: block !important;
    box-sizing: border-box !important;
    position: absolute !important;
    width: 80% !important;
    height: 80% !important;
    border-radius: 50% !important;
}

/* 工作模式样式 */
.play-page .hidden-btn,
.play-page .work-mode,
.play-page .work-screen {
    all: initial !important;
    position: fixed !important;
    z-index: 9999 !important;
    box-sizing: border-box !important;
}

.play-page .work-mode {
    all: initial !important;
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    background: white !important;
    z-index: 10000 !important;
    display: none !important;
    justify-content: center !important;
    align-items: center !important;
    flex-direction: column !important;
    box-sizing: border-box !important;
}

/* 表格样式 */
.play-page table,
.play-page th,
.play-page td {
    all: initial !important;
    border: 1px solid #ddd !important;
    padding: 8px !important;
    text-align: left !important;
    border-collapse: collapse !important;
    display: table !important;
}

.play-page th {
    all: initial !important;
    background-color: #f2f2f2 !important;
    font-weight: bold !important;
    padding: 12px !important;
}

/* 预格式化文本样式 */
.play-page pre,
.play-page code {
    all: initial !important;
    font-family: monospace, monospace !important;
    white-space: pre !important;
    background: #f4f4f4 !important;
    padding: 10px !important;
    border-radius: 4px !important;
    overflow: auto !important;
}

/* 确保游戏元素可见性 */
.play-page .fish-game-container *,
.play-page .gobang-container *,
.play-page .mini-2048-container *,
.play-page .snake-container *,
.play-page .huarongdao-container *,
.play-page .breakout-container * {
    visibility: visible !important;
    opacity: 1 !important;
}

/* 清除浮动和重置布局 */
.play-page .clearfix::after,
.play-page .clear::after {
    all: initial !important;
    display: block !important;
    clear: both !important;
    content: "" !important;
}

/* 确保游戏内容不被隐藏 */
.play-page .container,
.play-page .container-fluid,
.play-page .main-content-two-column,
.play-page .left-column,
.play-page .right-column {
    display: block !important;
    visibility: visible !important;
}

/* 防止任何过渡效果干扰 */
.play-page *,
.play-page *::before,
.play-page *::after {
    transition: none !important;
    animation: none !important;
    -webkit-transition: none !important;
    -moz-transition: none !important;
    -o-transition: none !important;
}