/* Editor Style for ToolSoftHub Theme */
/* 确保前台显示与Gutenberg编辑器完全一致 */

/* 最高优先级图片阴影重置 - 必须在所有其他样式之前 */
* img,
* img *,
* img::before,
* img::after,
* [class*="shadow"] img,
* img[class*="shadow"],
* .entry-content img,
* .wp-block-post-content img,
* .wp-block-image img,
* .wp-block-gallery img,
* .wp-block-gallery .blocks-gallery-item img,
* .wp-block-image,
* .wp-block-gallery,
* .wp-block-gallery .blocks-gallery-item {
    box-shadow: none !important;
    filter: none !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
}

/* 确保Tailwind CSS的阴影类不会影响图片 */
.shadow img,
.shadow-sm img,
.shadow-md img,
.shadow-lg img,
.shadow-xl img,
.shadow-2xl img,
img.shadow,
img.shadow-sm,
img.shadow-md,
img.shadow-lg,
img.shadow-xl,
img.shadow-2xl {
    box-shadow: none !important;
    filter: none !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
}

/* 覆盖所有可能的WordPress和Tailwind样式 */
body img,
html img,
#content img,
.main img,
.entry img,
.post img,
.page img,
article img,
section img,
div img {
    box-shadow: none !important;
    filter: none !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
}

/* 全局图片阴影重置 - 确保所有图片都没有阴影 */
img,
img *,
img::before,
img::after,
[class*="shadow"] img,
img[class*="shadow"] {
    box-shadow: none !important;
    filter: none !important;
}

/* 确保所有图片容器也没有阴影 */
.wp-block-image,
.wp-block-gallery,
.wp-block-gallery .blocks-gallery-item,
[class*="shadow"] .wp-block-image,
[class*="shadow"] .wp-block-gallery {
    box-shadow: none !important;
}

/* 覆盖WordPress核心Gutenberg样式可能添加的阴影 */
.wp-block-library img,
.wp-block-library .wp-block-image img,
.wp-block-library .wp-block-gallery img,
.wp-block-library-theme img,
.wp-block-library-theme .wp-block-image img,
.wp-block-library-theme .wp-block-gallery img,
.wp-block-library-theme-inline img,
.wp-block-library-theme-inline .wp-block-image img,
.wp-block-library-theme-inline .wp-block-gallery img {
    box-shadow: none !important;
    filter: none !important;
}

/* 确保Tailwind CSS不会给图片添加阴影 */
.tailwind img,
[class*="tailwind"] img {
    box-shadow: none !important;
}

/* 基础字体和排版设置 */
.entry-content,
.wp-block-post-content {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    font-size: 16px;
    line-height: 1.6;
    color: #1D2129;
    max-width: 100%;
}

/* 段落样式 */
.entry-content p,
.wp-block-post-content p {
    margin-bottom: 1.5em;
    margin-top: 0;
    line-height: 1.6;
    font-size: 16px;
}

/* 标题样式 */
.entry-content h1,
.wp-block-post-content h1 {
    font-size: 2.25rem;
    font-weight: 700;
    line-height: 1.2;
    margin-top: 2rem;
    margin-bottom: 1rem;
    color: #1D2129;
}

.entry-content h2,
.wp-block-post-content h2 {
    font-size: 1.875rem;
    font-weight: 600;
    line-height: 1.3;
    margin-top: 1.75rem;
    margin-bottom: 0.75rem;
    color: #1D2129;
}

.entry-content h3,
.wp-block-post-content h3 {
    font-size: 1.5rem;
    font-weight: 600;
    line-height: 1.4;
    margin-top: 1.5rem;
    margin-bottom: 0.5rem;
    color: #1D2129;
}

.entry-content h4,
.wp-block-post-content h4 {
    font-size: 1.25rem;
    font-weight: 600;
    line-height: 1.4;
    margin-top: 1.25rem;
    margin-bottom: 0.5rem;
    color: #1D2129;
}

.entry-content h5,
.wp-block-post-content h5 {
    font-size: 1.125rem;
    font-weight: 600;
    line-height: 1.4;
    margin-top: 1rem;
    margin-bottom: 0.5rem;
    color: #1D2129;
}

.entry-content h6,
.wp-block-post-content h6 {
    font-size: 1rem;
    font-weight: 600;
    line-height: 1.4;
    margin-top: 1rem;
    margin-bottom: 0.5rem;
    color: #1D2129;
}

/* 列表样式 */
.entry-content ul,
.wp-block-post-content ul {
    margin-bottom: 1.5em;
    margin-top: 0;
    padding-left: 2em;
    list-style-type: disc;
}

.entry-content ol,
.wp-block-post-content ol {
    margin-bottom: 1.5em;
    margin-top: 0;
    padding-left: 2em;
    list-style-type: decimal;
}

.entry-content li,
.wp-block-post-content li {
    margin-bottom: 0.5em;
    line-height: 1.6;
}

.entry-content li ul,
.entry-content li ol,
.wp-block-post-content li ul,
.wp-block-post-content li ol {
    margin-top: 0.5em;
    margin-bottom: 0.5em;
}

/* 链接样式 */
.entry-content a,
.wp-block-post-content a {
    color: #165DFF;
    text-decoration: underline;
    text-decoration-thickness: 1px;
    text-underline-offset: 2px;
    transition: color 0.2s ease;
}

.entry-content a:hover,
.wp-block-post-content a:hover {
    color: #0F4CD1;
    text-decoration-thickness: 2px;
}

/* 图片样式 */
.entry-content img,
.wp-block-post-content img {
    max-width: 100%;
    height: auto;
    margin: 1.5em 0;
    border-radius: 8px;
    box-shadow: none !important;
}

/* 图片对齐 */
.entry-content .alignleft,
.wp-block-post-content .alignleft {
    float: left;
    margin-right: 1.5em;
    margin-bottom: 1em;
    margin-top: 0;
}

.entry-content .alignright,
.wp-block-post-content .alignright {
    float: right;
    margin-left: 1.5em;
    margin-bottom: 1em;
    margin-top: 0;
}

.entry-content .aligncenter,
.wp-block-post-content .aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

/* 引用块样式 */
.entry-content blockquote,
.wp-block-post-content blockquote {
    margin: 1.5em 0;
    padding: 1em 1.5em;
    border-left: 4px solid #165DFF;
    background-color: #F8FAFC;
    border-radius: 0 8px 8px 0;
    font-style: italic;
    color: #4E5969;
}

.entry-content blockquote p,
.wp-block-post-content blockquote p {
    margin-bottom: 0.5em;
}

.entry-content blockquote p:last-child,
.wp-block-post-content blockquote p:last-child {
    margin-bottom: 0;
}

/* 代码样式 */
.entry-content code,
.wp-block-post-content code {
    background-color: #F1F5F9;
    color: #E11D48;
    padding: 0.125em 0.25em;
    border-radius: 4px;
    font-size: 0.875em;
    font-family: "SF Mono", Monaco, "Cascadia Code", "Roboto Mono", Consolas, "Courier New", monospace;
}

.entry-content pre,
.wp-block-post-content pre {
    background-color: #1E293B;
    color: #E2E8F0;
    padding: 1.5em;
    border-radius: 8px;
    overflow-x: auto;
    margin: 1.5em 0;
    font-family: "SF Mono", Monaco, "Cascadia Code", "Roboto Mono", Consolas, "Courier New", monospace;
    font-size: 0.875em;
    line-height: 1.5;
}

.entry-content pre code,
.wp-block-post-content pre code {
    background-color: transparent;
    color: inherit;
    padding: 0;
    border-radius: 0;
}

/* 表格样式 */
.entry-content table,
.wp-block-post-content table {
    width: 100%;
    border-collapse: collapse;
    margin: 1.5em 0;
    font-size: 0.875em;
}

.entry-content th,
.entry-content td,
.wp-block-post-content th,
.wp-block-post-content td {
    padding: 0.75em;
    text-align: left;
    border-bottom: 1px solid #E2E8F0;
}

.entry-content th,
.wp-block-post-content th {
    background-color: #F8FAFC;
    font-weight: 600;
    color: #1D2129;
}

.entry-content tr:hover,
.wp-block-post-content tr:hover {
    background-color: #F8FAFC;
}

/* 分隔线样式 */
.entry-content hr,
.wp-block-post-content hr {
    border: none;
    border-top: 1px solid #E2E8F0;
    margin: 2em 0;
}

/* Gutenberg 特定块样式 */

/* 段落块 */
.wp-block-paragraph {
    margin-bottom: 1.5em;
    margin-top: 0;
}

/* 标题块 */
.wp-block-heading {
    margin-top: 2rem;
    margin-bottom: 1rem;
}

.wp-block-heading:first-child {
    margin-top: 0;
}

/* 图片块 */
.wp-block-image {
    margin: 1.5em 0;
}

.wp-block-image img {
    max-width: 100%;
    height: auto;
    border-radius: 8px;
    box-shadow: none !important;
}

.wp-block-image figcaption {
    text-align: center;
    font-size: 0.875em;
    color: #6B7280;
    margin-top: 0.5em;
    font-style: italic;
}

/* 引用块 */
.wp-block-quote {
    margin: 1.5em 0;
    padding: 1em 1.5em;
    border-left: 4px solid #165DFF;
    background-color: #F8FAFC;
    border-radius: 0 8px 8px 0;
    font-style: italic;
    color: #4E5969;
}

.wp-block-quote p {
    margin-bottom: 0.5em;
}

.wp-block-quote p:last-child {
    margin-bottom: 0;
}

.wp-block-quote cite {
    font-size: 0.875em;
    color: #6B7280;
    font-style: normal;
}

/* 代码块 */
.wp-block-code {
    background-color: #1E293B;
    color: #E2E8F0;
    padding: 1.5em;
    border-radius: 8px;
    overflow-x: auto;
    margin: 1.5em 0;
    font-family: "SF Mono", Monaco, "Cascadia Code", "Roboto Mono", Consolas, "Courier New", monospace;
    font-size: 0.875em;
    line-height: 1.5;
}

/* 预格式化文本块 */
.wp-block-preformatted {
    background-color: #F8FAFC;
    padding: 1.5em;
    border-radius: 8px;
    overflow-x: auto;
    margin: 1.5em 0;
    font-family: "SF Mono", Monaco, "Cascadia Code", "Roboto Mono", Consolas, "Courier New", monospace;
    font-size: 0.875em;
    line-height: 1.5;
    white-space: pre-wrap;
}

/* 列表块 */
.wp-block-list {
    margin-bottom: 1.5em;
    margin-top: 0;
}

.wp-block-list ul {
    padding-left: 2em;
    list-style-type: disc;
}

.wp-block-list ol {
    padding-left: 2em;
    list-style-type: decimal;
}

.wp-block-list li {
    margin-bottom: 0.5em;
    line-height: 1.6;
}

/* 表格块 */
.wp-block-table {
    width: 100%;
    border-collapse: collapse;
    margin: 1.5em 0;
    font-size: 0.875em;
}

.wp-block-table th,
.wp-block-table td {
    padding: 0.75em;
    text-align: left;
    border-bottom: 1px solid #E2E8F0;
}

.wp-block-table th {
    background-color: #F8FAFC;
    font-weight: 600;
    color: #1D2129;
}

.wp-block-table tr:hover {
    background-color: #F8FAFC;
}

/* 按钮块 */
.wp-block-button {
    margin: 1.5em 0;
}

.wp-block-button__link {
    display: inline-block;
    background-color: #165DFF;
    color: white;
    padding: 0.75em 1.5em;
    border-radius: 8px;
    text-decoration: none;
    font-weight: 500;
    transition: background-color 0.2s ease;
}

.wp-block-button__link:hover {
    background-color: #0F4CD1;
    color: white;
    text-decoration: none;
}

/* 分隔线块 */
.wp-block-separator {
    border: none;
    border-top: 1px solid #E2E8F0;
    margin: 2em 0;
}

/* 列块 */
.wp-block-columns {
    display: flex;
    gap: 2em;
    margin: 1.5em 0;
}

.wp-block-column {
    flex: 1;
}

/* 媒体文本块 */
.wp-block-media-text {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 2em;
    margin: 1.5em 0;
    align-items: center;
}

.wp-block-media-text__media {
    margin: 0;
}

.wp-block-media-text__content {
    padding: 0;
}

/* 组块 */
.wp-block-group {
    margin: 1.5em 0;
}

.wp-block-group__inner-container {
    padding: 1.5em;
    background-color: #F8FAFC;
    border-radius: 8px;
    border: 1px solid #E2E8F0;
}

/* 封面块 */
.wp-block-cover {
    margin: 1.5em 0;
    border-radius: 8px;
    overflow: hidden;
}

.wp-block-cover__inner-container {
    padding: 2em;
    color: white;
}

/* 画廊块 */
.wp-block-gallery {
    margin: 1.5em 0;
}

.wp-block-gallery .blocks-gallery-item {
    margin: 0;
}

.wp-block-gallery .blocks-gallery-item img {
    border-radius: 8px;
    box-shadow: none !important;
}

.wp-block-gallery figcaption {
    text-align: center;
    font-size: 0.875em;
    color: #6B7280;
    margin-top: 0.5em;
    font-style: italic;
}

/* 音频块 */
.wp-block-audio {
    margin: 1.5em 0;
}

.wp-block-audio audio {
    width: 100%;
    border-radius: 8px;
}

/* 视频块 */
.wp-block-video {
    margin: 1.5em 0;
}

.wp-block-video video {
    width: 100%;
    border-radius: 8px;
}

/* 嵌入块 */
.wp-block-embed {
    margin: 1.5em 0;
}

.wp-block-embed iframe {
    border-radius: 8px;
    box-shadow: none !important;
}

/* 文件块 */
.wp-block-file {
    margin: 1.5em 0;
    padding: 1em;
    background-color: #F8FAFC;
    border-radius: 8px;
    border: 1px solid #E2E8F0;
}

.wp-block-file__button {
    display: inline-block;
    background-color: #165DFF;
    color: white;
    padding: 0.5em 1em;
    border-radius: 6px;
    text-decoration: none;
    font-weight: 500;
    margin-left: 1em;
}

.wp-block-file__button:hover {
    background-color: #0F4CD1;
    color: white;
    text-decoration: none;
}

/* 搜索块 */
.wp-block-search {
    margin: 1.5em 0;
}

.wp-block-search__input {
    padding: 0.75em;
    border: 1px solid #D1D5DB;
    border-radius: 6px;
    font-size: 1em;
}

.wp-block-search__button {
    background-color: #165DFF;
    color: white;
    padding: 0.75em 1.5em;
    border: none;
    border-radius: 6px;
    font-weight: 500;
    cursor: pointer;
}

.wp-block-search__button:hover {
    background-color: #0F4CD1;
}

/* 响应式设计 */
@media (max-width: 768px) {
    .entry-content,
    .wp-block-post-content {
        font-size: 15px;
    }
    
    .entry-content h1,
    .wp-block-post-content h1 {
        font-size: 1.875rem;
    }
    
    .entry-content h2,
    .wp-block-post-content h2 {
        font-size: 1.5rem;
    }
    
    .entry-content h3,
    .wp-block-post-content h3 {
        font-size: 1.25rem;
    }
    
    .wp-block-columns {
        flex-direction: column;
        gap: 1em;
    }
    
    .wp-block-media-text {
        grid-template-columns: 1fr;
        gap: 1em;
    }
    
    .entry-content .alignleft,
    .entry-content .alignright,
    .wp-block-post-content .alignleft,
    .wp-block-post-content .alignright {
        float: none;
        margin-left: 0;
        margin-right: 0;
        text-align: center;
    }
}

/* 确保编辑器样式在前台完全一致 */
.editor-styles-wrapper {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    font-size: 16px;
    line-height: 1.6;
    color: #1D2129;
}

.editor-styles-wrapper .wp-block {
    max-width: 900px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 1rem;
    padding-right: 1rem;
}

/* 清除浮动 */
.entry-content::after,
.wp-block-post-content::after {
    content: "";
    display: table;
    clear: both;
} 