/*
Theme Name: Qing
Theme URI: https://example.com/qing
Author: Qing Theme
Description: 一个清爽、响应式的 WordPress 经典博客主题。
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: qing
*/

:root{--bg:#f6f8f7;--surface:#fff;--text:#22302b;--muted:#6c7873;--primary:#287d65;--primary-dark:#1e604e;--border:#dfe7e3;--radius:14px;--shadow:0 8px 28px rgba(31,61,50,.08);--container:1120px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fff;color:var(--text);font:16px/1.75 -apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif}a{color:var(--primary);text-decoration:none}a:hover{color:var(--primary-dark)}img{max-width:100%;height:auto}button,input,textarea{font:inherit}.container{width:min(calc(100% - 32px),var(--container));margin-inline:auto}.screen-reader-text{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link:focus{clip:auto;width:auto;height:auto;margin:8px;padding:8px 12px;background:#fff;z-index:9999}
.site-header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.94);border-bottom:1px solid var(--border);backdrop-filter:blur(12px)}.header-inner{min-height:76px;display:flex;align-items:center;gap:28px}.site-branding{margin-right:auto}.custom-logo{display:block;max-height:48px;width:auto}.site-title{margin:0;font-size:1.55rem;line-height:1.2;font-weight:800}.site-title a{color:var(--text)}.site-description{margin:3px 0 0;color:var(--muted);font-size:.82rem}.main-navigation ul{display:flex;align-items:center;gap:24px;list-style:none;margin:0;padding:0}.main-navigation a{color:var(--text);font-weight:600}.main-navigation .current-menu-item>a,.main-navigation a:hover{color:var(--primary)}.menu-toggle{display:none;border:1px solid var(--border);background:#fff;border-radius:8px;padding:8px 12px;color:var(--text)}
.site-content{padding:0}.site-content>.container>.content-grid{margin-block:48px 64px}.elementor-page .site-content>.container,.qing-tb-fullwidth .site-content>.container{width:100%;max-width:none;margin:0;padding:0}.elementor-page .site-content,.qing-tb-fullwidth .site-content{width:100%;background:#fff}.content-grid{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:32px}.page-header{margin-bottom:28px}.page-title{margin:0 0 8px;font-size:clamp(1.8rem,4vw,2.6rem);line-height:1.25}.archive-description{color:var(--muted)}.post-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.post-card,.single-article,.page-article,.widget{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow)}.post-card{overflow:hidden;transition:transform .2s,box-shadow .2s}.post-card:hover{transform:translateY(-3px);box-shadow:0 13px 35px rgba(31,61,50,.12)}.post-thumbnail{display:block;aspect-ratio:16/10;overflow:hidden;background:#e7eeeb}.post-thumbnail img{width:100%;height:100%;object-fit:cover;transition:transform .35s}.post-card:hover .post-thumbnail img{transform:scale(1.025)}.post-card-content{padding:22px}.entry-title{margin:0 0 10px;line-height:1.35;font-size:1.35rem}.entry-title a{color:var(--text)}.entry-title a:hover{color:var(--primary)}.entry-meta{display:flex;flex-wrap:wrap;gap:8px 14px;color:var(--muted);font-size:.86rem}.entry-summary{color:#53605b}.read-more{display:inline-block;font-weight:700}.single-article,.page-article{padding:clamp(24px,5vw,52px)}.single-article .entry-title,.page-article .entry-title{font-size:clamp(2rem,5vw,3.25rem)}.single-thumbnail{margin:28px 0;border-radius:12px;overflow:hidden}.entry-content{font-size:1.05rem}.entry-content h2,.entry-content h3{line-height:1.35;margin-top:1.8em}.entry-content blockquote{margin:1.5em 0;padding:12px 22px;border-left:4px solid var(--primary);background:#f0f6f3}.entry-content pre{overflow:auto;padding:18px;background:#17241f;color:#edf7f2;border-radius:10px}.entry-footer{padding-top:24px;margin-top:30px;border-top:1px solid var(--border);color:var(--muted)}
.widget-area{display:flex;flex-direction:column;gap:20px}.widget{padding:22px}.widget-title{margin:0 0 14px;font-size:1.1rem}.widget ul{list-style:none;padding:0;margin:0}.widget li{padding:7px 0;border-bottom:1px dashed var(--border)}.widget li:last-child{border:0}.search-form{display:flex}.search-field{min-width:0;width:100%;border:1px solid var(--border);border-radius:8px 0 0 8px;padding:10px 12px;background:#fff}.search-submit{border:0;border-radius:0 8px 8px 0;padding:10px 15px;background:var(--primary);color:#fff;cursor:pointer}.nav-links{display:flex;justify-content:center;gap:8px;margin-top:32px}.page-numbers{padding:7px 12px;background:#fff;border:1px solid var(--border);border-radius:7px}.page-numbers.current{background:var(--primary);border-color:var(--primary);color:#fff}.post-navigation .nav-links{justify-content:space-between}.comments-area{margin-top:30px;padding:28px;background:#fff;border:1px solid var(--border);border-radius:var(--radius)}.comment-list{padding-left:22px}.comment-body{padding:16px 0;border-bottom:1px solid var(--border)}.comment-form input:not([type=submit]),.comment-form textarea{width:100%;padding:10px;border:1px solid var(--border);border-radius:8px}.submit{border:0;border-radius:8px;padding:11px 18px;background:var(--primary);color:#fff;cursor:pointer}
.site-footer{padding:34px 0;background:#1d2d27;color:#cbd6d1}.footer-inner{display:flex;justify-content:space-between;gap:20px;align-items:center}.site-footer a{color:#fff}.footer-menu{display:flex;flex-wrap:wrap;gap:18px;list-style:none;margin:0;padding:0}.empty-state{padding:50px;background:#fff;border:1px solid var(--border);border-radius:var(--radius);text-align:center}
@media(max-width:900px){.content-grid{grid-template-columns:1fr}.post-grid{grid-template-columns:1fr 1fr}.widget-area{display:grid;grid-template-columns:repeat(2,1fr)}.menu-toggle{display:block}.main-navigation{position:absolute;top:76px;left:0;right:0;display:none;padding:16px;background:#fff;border-bottom:1px solid var(--border)}.main-navigation.is-open{display:block}.main-navigation ul{align-items:flex-start;flex-direction:column;gap:10px}.main-navigation li{width:100%}}
@media(max-width:620px){.site-content>.container>.content-grid{margin-block:28px 48px}.elementor-page .site-content>.container{margin:0}.post-grid,.widget-area{grid-template-columns:1fr}.footer-inner{align-items:flex-start;flex-direction:column}.site-description{display:none}}

/* Theme-wide full-width handoff for Elementor and WooCommerce templates. */
.qing-woocommerce-fullwidth .site-content>.container,
body.woocommerce .site-content>.container,
body.woocommerce-page .site-content>.container,
.site-content>.container:has(> .elementor),
.site-content>.container:has(> [data-elementor-type]){
    width:100%;
    max-width:none;
    margin:0;
    padding:0;
}
.qing-woocommerce-fullwidth .site-content,
body.woocommerce .site-content,
body.woocommerce-page .site-content{
    width:100%;
}
/* Elementor 4.x no longer guarantees that third-party widgets stretch across
   a flex container. Every Qing/SOMBEI section is a full-width layout widget. */
.e-con > .elementor-widget[class*="elementor-widget-qing"] {
    width: 100%;
    max-width: 100%;
    align-self: stretch;
}