/*
Theme Name: Period Child
Theme URI: https://www.competethemes.com/period/
Template: period
Author: Compete Themes
Author URI: https://www.competethemes.com
Description: Period is a dark, clean, and SEO-optimized blogging theme. As a responsive theme, it displays your content beautifully across phones, widescreen monitors, and everything in between. With special attention to typography, accessibility, and minimalism, Period has a design you can trust for presenting your content. Now with WooCommerce support, you can include an eCommerce shop right on your website (for free). Use Period to blog about the news, music, travel, business, gaming, you name it! It's equally well-suited for a corporate blog or personal podcast. Period also has full compatibility with the new Gutenberg post editor. Preview Period on desktop, tablets, and mobile devices with the interactive live demo: https://www.competethemes.com/demos/?theme=period
Tags: two-columns,left-sidebar,right-sidebar,accessibility-ready,custom-logo,custom-menu,featured-images,full-width-template,rtl-language-support,sticky-post,theme-options,threaded-comments,translation-ready,blog,education,news
Version: 1.750.1750771213
Updated: 2025-06-24 21:20:13

*/

/* ========================================
   大屏幕响应式优化 - 充分利用屏幕空间
   ======================================== */

/* 大屏幕 (1400px+) - 扩展到 1600px */
@media all and (min-width: 87.5em) {
    .max-width {
        max-width: 1600px;
    }
    
    /* 优化主内容与侧边栏比例 */
    .main {
        width: 68%;
    }
    
    .sidebar-primary {
        width: 28%;
    }
    
    /* 增加文章内容的可读性 */
    .post-container {
        padding: 2em 6%;
    }
    
    /* 文章标题适当增大 */
    .post-title {
        font-size: 1.5em;
    }
}

/* 超大屏幕 (1600px+) - 扩展到 1800px */
@media all and (min-width: 100em) {
    .max-width {
        max-width: 1800px;
    }
    
    .main {
        width: 70%;
    }
    
    .sidebar-primary {
        width: 26%;
    }
    
    /* 增加容器内边距，保持阅读舒适度 */
    .primary-container {
        padding: 0 4%;
    }
    
    .post-container {
        padding: 2.5em 5%;
    }
    
    .post-title {
        font-size: 1.75em;
    }
    
    /* 正文字体略微增大 */
    .post-content {
        font-size: 1.05em;
    }
}

/* 巨屏 (1920px+) - 扩展到 2000px */
@media all and (min-width: 120em) {
    .max-width {
        max-width: 2000px;
    }
    
    .main {
        width: 72%;
    }
    
    .sidebar-primary {
        width: 24%;
    }
    
    .primary-container {
        padding: 0 3%;
    }
    
    .post-container {
        padding: 3em 4.5%;
    }
    
    .post-title {
        font-size: 2em;
    }
    
    .post-content {
        font-size: 1.1em;
        line-height: 1.7;
    }
    
    /* 侧边栏widget内边距 */
    .sidebar-primary .widget {
        padding: 1.5em 6%;
    }
}

/* 超宽屏 (2560px+ 如4K显示器) - 最大2400px */
@media all and (min-width: 160em) {
    .max-width {
        max-width: 2400px;
    }
    
    .main {
        width: 74%;
    }
    
    .sidebar-primary {
        width: 22%;
    }
    
    .post-title {
        font-size: 2.25em;
    }
    
    .post-content {
        font-size: 1.15em;
        line-height: 1.8;
    }
}