/*
Theme Name: Qing
Description: 白底自适应经典主题，支持 Elementor 主题位置。
Version: 1.0.0
Text Domain: qing
*/
body { margin: 0; background: white; }
.qing-wrap { width: min(92%, 90rem); margin-inline: auto; box-sizing: border-box; color: #232b2a; font: 1rem/1.7 system-ui, sans-serif; overflow-wrap: anywhere; }
.qing-bar { border-bottom: 1px solid #ddd; }
.qing-bar .qing-wrap { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 1rem; padding-block: 1.2rem; }
.qing-brand { font: bold 1.65rem Georgia, serif; }
.qing-bar a, .qing-card a { color: inherit; text-decoration: none; }
.qing-bar a:hover, .qing-card a:hover { text-decoration: underline; }
.qing-bar img { max-width: 12rem; max-height: 4rem; width: auto; height: auto; }
.qing-bar nav ul { display: flex; flex-wrap: wrap; gap: .4rem 1.2rem; list-style: none; padding: 0; margin: 0; }
.qing-bar nav ul ul { display: block; padding-inline-start: 1em; font-size: .9em; }
.qing-list, .qing-story, .qing-page { padding-block: clamp(2rem, 5vw, 5rem); }
.qing-wrap h1 { font-size: clamp(2rem, 4vw, 3.8rem); line-height: 1.15; margin: 0 0 .7em; }
.qing-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 19rem), 1fr)); gap: 2.5rem 2rem; margin-block: 2rem; }
.qing-card { border-top: 1px solid #ccc; padding-top: 1rem; }
.qing-card img { width: 100%; aspect-ratio: 3/2; object-fit: cover; height: auto; }
.qing-card h2 { margin: .4rem 0; line-height: 1.35; }
.qing-wrap time, .qing-foot { color: #626b69; font-size: .9rem; }
.qing-story { max-width: 54rem; }
.qing-story img, .qing-page img { max-width: 100%; height: auto; }
.qing-prose { font-size: 1.1rem; line-height: 1.85; }
.qing-prose blockquote { border-inline-start: 3px solid #367365; margin-inline: 0; padding-inline-start: 1.3rem; }
.qing-prose pre { overflow: auto; padding: 1rem; background: #f4f6f5; }
.qing-prose a, .qing-wrap .navigation a { color: #235d51; }
.qing-story .nav-links { display: flex; justify-content: space-between; gap: 1rem; border-block: 1px solid #ddd; padding-block: 1rem; }
.qing-foot { border-top: 1px solid #ddd; padding-block: 2rem; }
.qing-story textarea { box-sizing: border-box; max-width: 100%; }
.qing-list .page-numbers { padding: .4em; }

/* Remove default paragraph spacing inside Elementor's Text Editor widget. */
.elementor-widget-text-editor p {
    margin-block: 0 !important;
}

.elementor-widget-icon-box .elementor-icon-box-title {
    margin-block: 0;
}

.elementor-widget-qing-inline-heading .qing-inline-heading {
    margin: 0;
    color: #242424;
    font: 700 clamp(32px, 5.8vw, 80px)/1.4 Arial, sans-serif;
    overflow-wrap: anywhere;
}
.qing-heading-tail { display: inline-block; max-width: 100%; }
.qing-inline-heading .qing-heading-tail img {
    display: inline-block;
    width: 1.25em;
    height: auto;
    margin-inline-start: .25em;
    vertical-align: middle;
}

/* Account for the homepage hero's outer margins in its available width. */
.elementor-17 > .e-con.elementor-element-2656781 {
    max-width: calc(100% - var(--margin-left, 0px) - var(--margin-right, 0px));
}

.qing-crumbs {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: 9px;
    padding: 16px 0;
    background: transparent;
    color: #181818;
    font: 16px/1.45 Arial,sans-serif;
    overflow-wrap: anywhere;
}
.qing-crumbs a, .qing-crumb-divider { color: #757575; }
.qing-crumbs a { text-decoration: none; }
.qing-crumbs a:is(:hover,:focus-visible) { color: #222; text-decoration: none; }
@media (max-width: 767px) {
    .single-product .qing-crumbs > [aria-current="page"]:last-child,
    .single-product .qing-crumbs > .qing-crumb-divider:nth-last-child(2) {
        display: none;
    }
}

.qcn { background: var(--qcn-bg,#eee); padding: var(--qcn-padding,22px) 16px; font: 16px/1.45 Arial,sans-serif; }
.e-con:has(.elementor-widget-qing-category-nav) { overflow:visible; }
.e-con:has(.qcn-list > li:is(:hover,:focus-within)) { z-index:2; }
.qcn ul { list-style:none; margin:0; }
.qcn .qcn-list { display:flex; flex-wrap:wrap; justify-content:center; gap:var(--qcn-row-gap,30px) var(--qcn-column-gap,30px); max-width:1290px; margin:auto; padding:0; }
.qcn-list > li { position:relative; }
.qcn a.qcn-parent { position:relative; display:block; width:fit-content; max-width:100%; color:var(--qcn-text,#222); text-decoration:none; }
.qcn-parent::after { content:""; position:absolute; inset:100% 0 auto; height:var(--qcn-thickness,2px); background:var(--qcn-line,#222); clip-path:inset(0 100% 0 0); transition:clip-path .36s ease; }
.qcn li:is(:hover,:focus-within) > .qcn-parent { color:var(--qcn-hover,#666); }
.qcn .qcn-parent[aria-current] { color:var(--qcn-active,#555); }
.qcn li:is(:hover,:focus-within) > .qcn-parent::after,.qcn-parent[aria-current]::after { clip-path:inset(0); }
.qcn .qcn-sub { opacity:0; visibility:hidden; transition:opacity .32s ease, visibility 0s linear .32s; position:absolute; top:100%; left:0; z-index:50; width:var(--qcn-width,220px); max-width:85vw; box-sizing:border-box; margin-top:13px; padding:10px 0; border-radius:var(--qcn-radius,12px); background:var(--qcn-panel,#fff); box-shadow:none; }
.qcn-sub::before { content:""; position:absolute; bottom:100%; left:0; right:0; height:14px; }
.qcn-list > li:is(:hover,:focus-within) > .qcn-sub { visibility:visible; opacity:1; transition-delay:0s; }
.qcn .qcn-sub a { display:block; padding:var(--qcn-item-padding,9px) 20px; font-size:14px; color:var(--qcn-child,#333); text-decoration:none; }
.qcn .qcn-sub a:is(:hover,:focus-visible) { color:var(--qcn-child-hover,#777); }
.qcn a { transition:color .32s ease; }
@media(prefers-reduced-motion:reduce) { .qcn a, .qcn-parent::after, .qcn .qcn-sub { transition:none; } }

.elementor-element:is(.elementor-widget-qing-archive-filter,.elementor-widget-qing-archive-products) {width:100%;max-width:100%;min-width:0;align-self:stretch}
.elementor-widget-qing-archive-filter {container-type:inline-size}
.qaf {box-sizing:border-box;width:100%;min-width:0;margin:0;display:grid;grid-template-columns:minmax(0,1fr) var(--qaf-count-track,max-content) var(--qaf-layout-track,max-content) var(--qaf-sort-track,max-content);align-items:baseline;gap:0 32px;color:var(--qaf-text,#222);border-bottom:4px solid var(--qaf-line,#222);font:16px/1.5 Arial,sans-serif}
.qaf-crumb,.qaf-count,.qaf-layout,.qaf summary {grid-row:1}
.qaf:not(:has(.qaf-count)) {--qaf-count-track:0px}
.qaf:not(:has(.qaf-layout)) {--qaf-layout-track:0px}
.qaf:not(:has(summary)) {--qaf-sort-track:0px}
.qaf-count {grid-column:2}
.qaf-layout {grid-column:3}
.qaf summary {grid-column:4}
.qaf-crumb {min-width:0;overflow-wrap:anywhere}
.qaf summary {justify-self:end}
html:has(.qaf) {scrollbar-gutter:stable}
.qaf a {color:var(--qaf-muted,#777);text-decoration:none}
.qaf a:hover,.qaf a[aria-current] {color:var(--qaf-text,#222)}
.qaf-count a {margin-inline:3px}
.qaf-layout {display:flex;align-self:center;gap:16px;padding-bottom:18px}
.qaf-layout a {display:flex;color:#bbb}
.qaf svg {width:23px;height:23px}
.qaf details {display:contents}
.qaf-sort-clip {grid-column:1/-1;min-height:0;overflow:hidden}
.qaf details::details-content {
    grid-column:1/-1;
    display:grid;
    grid-template-rows:0fr;
    opacity:0;
    transition:grid-template-rows .32s ease, opacity .32s ease, content-visibility .32s allow-discrete;
}
.qaf details[open]::details-content {grid-template-rows:1fr;opacity:1}
@media (prefers-reduced-motion:reduce) {
    .qaf details::details-content {transition:none}
}
.qaf summary {display:flex;align-items:center;gap:5px;cursor:pointer;list-style:none;padding-bottom:18px}
.qaf summary::-webkit-details-marker {display:none}
.qaf summary svg {width:18px}
.qaf-sort {border-top:4px solid var(--qaf-line,#222);padding:28px 0 46px}
.qaf-sort a {display:block;width:fit-content;margin-top:12px}
.qaf-sort strong {display:block;margin-bottom:18px}
@media(max-width:767px){
    .qaf {grid-template-columns:minmax(0,1fr) auto;column-gap:12px}
    .qaf-crumb {grid-column:1;padding-bottom:18px}
    .qaf summary {grid-column:2;grid-row:1;justify-self:end}

    .qaf-layout,.qaf-count {display:none}
}

@container (max-width:640px){
    .qaf {grid-template-columns:minmax(0,1fr) auto;column-gap:12px}
    .qaf-crumb {grid-column:1;padding-bottom:18px}
    .qaf summary {grid-column:2;grid-row:1;justify-self:end}

    .qaf-layout,.qaf-count {display:none}
}

.qcn-mobile {display:none}
@media (max-width:767px) {
    .elementor-element.elementor-widget-qing-category-nav {width:100%;min-width:0}
    .qcn {padding:var(--qcn-padding,0px) 16px;border-radius:0 0 14px 14px}
    .qcn .qcn-list {display:none}
    .qcn-mobile {display:block}
    .qcn-mobile summary {display:flex;align-items:center;justify-content:center;gap:6px;min-height:44px;font-size:18px;cursor:pointer;list-style:none}
    .qcn-mobile summary::-webkit-details-marker {display:none}
    .qcn-mobile ul {padding:4px 10px 12px}
    .qcn-mobile li {display:flex;align-items:center;min-height:var(--qcn-row-gap,52px)}
    .qcn-mobile a.qcn-parent {padding-block:6px}
    .qcn-mobile .qcn-parent::after {top:calc(100% - 6px)}
}