/* Jingyuan Blog / Knowledge Center — shared stylesheet
   Design system extracted verbatim from resources.html (2026-09-24).
   Blog module only; site pages unaffected. */
:root{--surface:#1A2128;--surface2:#232B34;--border-hi:rgba(242,112,15,0.32);--text-dim:#B8C0CC;--gold-dim:rgba(242,112,15,0.10);--bg:#0E1318;--panel:#141B26;--panel2:#1A2632;--text:#f4f7fb;--muted:#AAB5C2;--gold:#F2700F;--gold-lt:#FF9A3D;--red:#c1121f;--border:rgba(255,255,255,.12);--nav-h:72px;--serif:'DM Serif Display',Georgia,'Times New Roman',serif;;--sans:'DM Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;;--mono:'DM Mono','SF Mono',Consolas,monospace}*{box-sizing:border-box}body{margin:0;background:linear-gradient(180deg,#0C141A,#10181F 42%,#0D1318);color:var(--text);font-family:var(--sans);font-size:16px;line-height:1.65;-webkit-font-smoothing:antialiased;letter-spacing:-0.01em;overflow-x:hidden}.skip-link{position:absolute;left:-999px}.skip-link:focus{left:12px;top:12px;z-index:99;background:#fff;color:#000;padding:10px 14px}.nav{height:var(--nav-h);display:flex;align-items:center;justify-content:space-between;padding:0 64px;background:rgba(14,19,24,.88);backdrop-filter:blur(14px);position:sticky;top:0;z-index:20;border-bottom:1px solid var(--border)}.nav-logo{display:flex}.nav-links{display:flex;align-items:center;gap:4px;list-style:none;margin:0;padding:0}.nav-links a,.lang-switch a{color:var(--muted);text-decoration:none;font-size:13.5px;padding:8px 14px;border-radius:2px}.nav-links a:hover,.nav-links a.active,.lang-switch a.active{color:var(--gold-lt)}.nav-cta{border:1px solid var(--gold);padding:9px 14px;color:var(--gold-lt)!important}.lang-switch{display:flex;gap:10px}.nav-burger{display:none;width:44px;height:44px;align-items:center;justify-content:center;flex-direction:column;gap:6px;background:none;border:0;cursor:pointer}.nav-burger span{display:block;width:22px;height:2px;background:var(--gold-lt)}.nav-burger[aria-expanded="true"] span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.nav-burger[aria-expanded="true"] span:nth-child(2){opacity:0}.nav-burger[aria-expanded="true"] span:nth-child(3){transform:rotate(-45deg) translate(7px,-7px)}.resource-hero{padding:72px 24px 44px;max-width:1180px;margin:0 auto}.eyebrow{color:var(--gold-lt);letter-spacing:.14em;text-transform:uppercase;font-size:13px}.resource-hero h1{font-size:clamp(36px,5vw,64px);line-height:1.05;margin:14px 0 18px}.lead{max-width:820px;color:#d7dee8;font-size:18px}.hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:24px}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 18px;border:1px solid var(--gold);color:var(--gold-lt);text-decoration:none;background:rgba(242,112,15,.10)}.btn.primary{background:var(--gold);color:#0C141A;font-weight:700;box-shadow:0 2px 16px rgba(242,112,15,.3)}.section{max-width:1180px;margin:0 auto;padding:34px 24px}.section h2{font-size:clamp(26px,3vw,38px);margin:0 0 18px}.resource-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.resource-card{display:flex;flex-direction:column;gap:12px;background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.035));border:1px solid var(--border);border-radius:18px;padding:24px;text-decoration:none;color:var(--text);min-height:220px}.resource-card:hover{border-color:rgba(231,201,133,.55);transform:translateY(-2px)}.resource-card small{color:var(--gold-lt);text-transform:uppercase;letter-spacing:.12em}.resource-card h3{font-size:22px;line-height:1.25;margin:0}.resource-card p{color:var(--muted);margin:0}.card-cta{margin-top:auto;color:var(--gold-lt)}.content-grid{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:26px}.panel{background:rgba(255,255,255,.055);border:1px solid var(--border);border-radius:18px;padding:26px}.panel h2,.panel h3{margin-top:0}.fact-list{display:grid;gap:12px}.fact{border-left:3px solid var(--red);padding-left:14px;color:#dbe3ee}.pill-row{display:flex;flex-wrap:wrap;gap:10px}.pill{border:1px solid var(--border);background:rgba(255,255,255,.04);padding:8px 11px;border-radius:999px;color:#dbe3ee}.compare-table{width:100%;border-collapse:collapse;margin:14px 0}.compare-table th,.compare-table td{border:1px solid var(--border);padding:12px;text-align:start;vertical-align:top}.compare-table th{background:rgba(242,112,15,.16);color:var(--gold-lt)}.footer{margin-top:50px;padding:42px 24px 22px;border-top:1px solid var(--border);background:#0A0F14}.footer-inner{max-width:1180px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr 1fr;gap:30px}.footer-brand{display:flex;flex-direction:column;gap:10px}.footer-logo img{height:34px;width:auto;display:block}.footer-tagline,.footer-contact-val,.footer-copy{color:var(--muted)}.footer-nav-title{color:var(--gold-lt);margin-bottom:10px}.footer-nav-list{list-style:none;margin:0;padding:0;display:grid;gap:8px}.footer a{color:#dfe7f1;text-decoration:none}.footer-bottom{max-width:1180px;margin:24px auto 0;display:flex;justify-content:space-between;gap:20px}.footer-tags{display:flex;gap:8px;flex-wrap:wrap}.footer-tag{border:1px solid var(--border);padding:4px 8px;color:var(--muted);font-size:13px}.img-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:18px 0}.img-grid-4{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:18px 0}.brand-img{width:100%;height:auto;border-radius:14px;border:1px solid var(--border);display:block}.article-section{margin:28px 0}.article-section h2{font-size:clamp(22px,2.8vw,32px);margin:0 0 14px}.article-section h3{font-size:18px;margin:18px 0 8px;color:var(--gold-lt)}.article-section p,.article-section li{color:#d7dee8;line-height:1.75}.article-section ul{padding-left:22px;margin:10px 0}.article-section li{margin:6px 0}.article-table{width:100%;border-collapse:collapse;margin:14px 0;font-size:15px}.article-table th,.article-table td{border:1px solid var(--border);padding:10px 12px;text-align:start;vertical-align:top}.article-table th{background:rgba(242,112,15,.14);color:var(--gold-lt);font-weight:600}.article-table td{background:rgba(255,255,255,.03)}.article-table tr:nth-child(even) td{background:rgba(255,255,255,.055)}.product-card-mini{background:rgba(255,255,255,.04);border:1px solid var(--border);border-radius:14px;padding:18px;margin:12px 0}.product-card-mini h4{margin:0 0 6px;font-size:17px;color:var(--gold-lt)}.product-card-mini .meta{display:flex;flex-wrap:wrap;gap:8px 16px;color:var(--muted);font-size:14px;margin:6px 0}.product-card-mini .meta span{border-left:2px solid var(--gold);padding-left:8px}.product-card-mini p{margin:8px 0 0;color:#d7dee8;font-size:15px;line-height:1.6}.case-card-mini{background:rgba(255,255,255,.04);border:1px solid var(--border);border-radius:14px;padding:18px;margin:12px 0}.case-card-mini h4{margin:0 0 6px;font-size:16px}.case-card-mini .meta{color:var(--muted);font-size:14px;margin:0 0 8px}.case-card-mini p{margin:6px 0;color:#d7dee8;font-size:15px;line-height:1.6}.faq-item{margin:16px 0;padding:14px 18px;background:rgba(255,255,255,.03);border:1px solid var(--border);border-radius:12px}.faq-item h4{margin:0 0 6px;font-size:15px;color:var(--gold-lt)}.faq-item p{margin:0;color:#d7dee8;font-size:15px;line-height:1.65}@media(max-width:900px){.nav{padding:0 18px}.nav-links,.lang-switch{display:none}.nav-burger{display:flex}.nav-links.open{position:fixed;top:var(--nav-h);left:0;right:0;display:flex;flex-direction:column;gap:0;padding:10px 0;background:rgba(14,19,24,.98);border-bottom:1px solid var(--border)}.nav-links.open a{display:block;padding:14px 24px}.nav-links.open + .lang-switch{position:fixed;left:0;right:0;display:flex;justify-content:center;gap:8px;padding:20px 16px 24px;background:#0c131e;border-top:2px solid var(--gold);border-bottom:1px solid var(--border);z-index:100}.nav-links.open + .lang-switch a{min-width:44px;min-height:44px;display:flex;align-items:center;justify-content:center;padding:8px 16px;border-radius:10px;background:var(--panel);border:1px solid var(--border);font-size:15px;font-weight:600;color:var(--text-dim);transition:color .2s,background-color .2s,border-color .2s,box-shadow .2s,transform .2s,opacity .2s}.nav-links.open + .lang-switch a.active{background:var(--gold);color:var(--bg);border-color:var(--gold);box-shadow:0 2px 12px rgba(242,112,15,.3)}.resource-grid,.content-grid,.footer-inner,.img-grid-2,.img-grid-4{grid-template-columns:1fr}.footer-bottom{flex-direction:column}.hero-actions .btn{width:100%}.resource-hero{padding-top:46px}}@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important;scroll-behavior:auto !important}}

/* blog-section fix */
.section-sm { padding:72px 64px }
.divider { width:36px;height:2px;background:var(--gold);margin-bottom:28px;border-radius:1px }
.sec-label { font-family:var(--mono);font-size:10px;letter-spacing:0.16em;color:var(--gold);text-transform:uppercase;margin-bottom:20px }
.sec-title { font-family:var(--serif);font-size:clamp(28px,3.8vw,46px);font-weight:400;line-height:1.14;letter-spacing:-0.02em;margin-bottom:18px }
.sec-title em { font-style:italic;color:var(--gold) }
.sec-desc { font-size:16px;color:var(--text-dim);font-weight:300;line-height:1.75;max-width:600px }
.mt-36 { margin-top:36px }
.blog-grid { display:grid;grid-template-columns:repeat(3,1fr);gap:16px }
.blog-card { display:block;text-decoration:none;background:var(--surface);border:1px solid var(--border);border-radius:3px;padding:28px 22px;transition:color 0.3s,background-color 0.3s,border-color 0.3s,transform 0.3s,opacity 0.3s,box-shadow 0.3s }
.blog-card:hover { border-color:var(--border-hi);background:var(--surface2);transform:translateY(-2px) }
.blog-card-tag { display:inline-block;padding:3px 10px;background:var(--gold-dim);border-radius:2px;font-family:var(--mono);font-size:9px;color:var(--gold-lt);margin-bottom:12px;letter-spacing:0.06em }
.blog-card h4 { font-family:var(--serif);font-size:15px;font-weight:400;color:var(--text);margin-bottom:8px;line-height:1.3 }
.blog-card p { font-size:13px;color:var(--text-dim);line-height:1.5;font-weight:300 }
@media (max-width:1100px) {
  .blog-grid { grid-template-columns:1fr }
}
@media (max-width:640px) {
  .sec-title { font-size:clamp(24px,7vw,32px) }
}
@media (max-width:640px) {
  .blog-card p { font-size:14px }
}
.client-wall .sec-label { margin-bottom:10px }
.sec-label,.hero-badge,.tech-card-tag,.tech-card-hint,.product-card-series,.product-card-spec,.solution-card-models,.competitive-table th,.footer-nav-title,.footer-contact-label,.data-item-label,.roi-tag,.blog-card-tag,.cost-card-label,.featured-solution-models,.resource-card-type,.mining-sys-specs span,.mining-sys-model,.industry-card-link,.case-hl-title,.factory-stat-label,.trust-label,.trust-num,.footer-tag,.footer-copy,.footer-tagline,.form-hint,.form-label,.contact-info-label,.hero-stat-label,.hero-stat-unit,.cta-meta,.data-item-sub,.testimonial-industry,.tech-dia-sub,.map-placeholder,.floating-whatsapp__label,.pdf-download-label,.pc-spec,.value-card-num,.funnel-step-hp .funnel-idx,.lang-switch a,.case-hl ul li::before { font-size:14px }
.tech-card-desc,.product-card-desc,.solution-card-desc,.value-card-desc,.competitive-table td,.faq-answer p,.footer-nav-list a,.footer-contact-val,.data-item-value,.case-hl ul,.case-analysis p,.blog-card p,.industry-card-desc,.cost-card-desc,.scenario-problems,.scenario-solution,.scenario-result,.featured-solution-desc,.resource-card-desc,.mobile-card p,.mining-sys-card p,.pdf-download-card-desc,.pdf-download-action,.contact-info-value,.cta-desc,.contact-banner-sub,.btn,.btn-sm,.form-submit { font-size:15px }
.tech-card-title,.product-card-title,.solution-card-title,.value-card-title,.blog-card h4,.case-analysis h4,.mining-sys-card h3,.mobile-card h3,.scenario-header h3,.testimonial-company,.featured-solution-title,.resource-card-title,.factory-stat-unit,.nav-links.open a { font-size:15px }
/* Font Readability Boost v2.0 — All Devices */body{font-size:17px}.sec-label,.hero-badge,.tech-card-tag,.tech-card-hint,.product-card-series,.product-card-spec,.solution-card-models,.competitive-table th,.footer-nav-title,.footer-contact-label,.data-item-label,.roi-tag,.blog-card-tag,.cost-card-label,.featured-solution-models,.resource-card-type,.mining-sys-specs span,.mining-sys-model,.industry-card-link,.case-hl-title,.factory-stat-label,.trust-label,.trust-num,.footer-tag,.footer-copy,.footer-tagline,.form-hint,.form-label,.contact-info-label,.hero-stat-label,.hero-stat-unit,.cta-meta,.data-item-sub,.testimonial-industry,.tech-dia-sub,.map-placeholder,.floating-whatsapp__label,.pdf-download-label,.pc-spec,.value-card-num,.funnel-step-hp .funnel-idx,.lang-switch a,.case-hl ul li::before{font-size:14px}.tech-card-desc,.product-card-desc,.solution-card-desc,.value-card-desc,.competitive-table td,.faq-answer p,.footer-nav-list a,.footer-contact-val,.data-item-value,.case-hl ul,.case-analysis p,.blog-card p,.industry-card-desc,.cost-card-desc,.scenario-problems,.scenario-solution,.scenario-result,.featured-solution-desc,.resource-card-desc,.mobile-card p,.mining-sys-card p,.pdf-download-card-desc,.pdf-download-action,.contact-info-value,.cta-desc,.contact-banner-sub,.btn,.btn-sm,.form-submit{font-size:15px}.tech-card-title,.product-card-title,.solution-card-title,.value-card-title,.blog-card h4,.case-analysis h4,.mining-sys-card h3,.mobile-card h3,.scenario-header h3,.testimonial-company,.featured-solution-title,.resource-card-title,.factory-stat-unit,.nav-links.open a{font-size:15px}[style*="font-size:9px"],[style*="font-size: 9px"],[style*="font-size:9.5px"],[style*="font-size: 9.5px"],[style*="font-size:10px"],[style*="font-size: 10px"]{font-size:13px !important}[style*="font-size:12px"],[style*="font-size:12px"]{font-size:14px !important}[style*="font-size:13px"],[style*="font-size:13px"]{font-size:13.5px !important}
/* ═══════════ Blog / Knowledge Center additions (2026-09-24) ═══════════
   仅本模块使用；不修改站点任何现有页面的样式。 */
.blog-hero{padding:72px 64px 40px;max-width:1180px;margin:0 auto}
.blog-cats{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}
.blog-cats a{border:1px solid var(--border);color:var(--muted);text-decoration:none;padding:8px 14px;border-radius:999px;font-size:13.5px}
.blog-cats a:hover{border-color:var(--border-hi);color:var(--gold-lt)}
.blog-toolbar{display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:space-between;margin:18px 0 8px}
.blog-search{display:flex;gap:8px;align-items:center}
.blog-search input{background:var(--panel);border:1px solid var(--border);color:var(--text);padding:10px 14px;border-radius:3px;min-width:240px;font-size:15px;font-family:var(--sans)}
.blog-search input:focus{outline:1px solid var(--gold);border-color:var(--gold)}
.loadmore-wrap{text-align:center;margin-top:28px}
.blog-featured{display:grid;grid-template-columns:minmax(0,520px) minmax(0,1fr);gap:26px;align-items:center;background:var(--surface);border:1px solid var(--border);border-radius:3px;overflow:hidden;text-decoration:none;color:var(--text)}
.blog-featured:hover{border-color:var(--border-hi)}
.blog-featured img{width:100%;height:100%;object-fit:cover;display:block;min-height:240px}
.blog-featured-body{padding:30px 34px 30px 0}
.blog-featured-body h3{font-family:var(--serif);font-weight:400;font-size:clamp(22px,2.6vw,30px);line-height:1.22;margin:10px 0 12px}
.blog-featured-body p{color:var(--text-dim);font-size:15px;line-height:1.65;margin:0 0 14px}
.blog-card-meta{display:flex;flex-wrap:wrap;gap:6px 14px;color:var(--text-sub);font-size:12.5px;margin-top:14px;font-family:var(--mono)}
.cat-section{margin-top:46px}
.cat-h2{display:flex;align-items:baseline;gap:14px}
.cat-h2 small{color:var(--text-sub);font-family:var(--mono);font-size:12px;letter-spacing:.08em}
/* 文章页 */
.article-hero{max-width:860px;margin:0 auto;padding:64px 24px 30px}
.article-hero h1{font-family:var(--serif);font-weight:400;font-size:clamp(30px,4.4vw,52px);line-height:1.12;letter-spacing:-0.02em;margin:14px 0 18px}
.article-hero .lead{font-size:17px;color:#d7dee8}
.article-meta{display:flex;flex-wrap:wrap;gap:8px 22px;color:var(--text-sub);font-size:13.5px;font-family:var(--mono);margin-top:18px}
.article-meta .a-cat{color:var(--gold-lt)}
.article-body{max-width:860px;margin:0 auto;padding:0 24px 30px}
.article-body .article-section{margin:34px 0}
.article-body .article-section h2{font-size:clamp(23px,2.8vw,31px);margin:0 0 14px}
.article-body .article-section h3{font-size:18px;margin:20px 0 8px;color:var(--gold-lt)}
.article-body .article-section p,.article-body .article-section li{color:#d7dee8;line-height:1.78;font-size:16.5px}
.article-figure{margin:26px 0}
.article-figure img{width:100%;height:auto;border-radius:14px;border:1px solid var(--border);display:block}
.article-figure figcaption{text-align:center;color:var(--muted);font-size:14px;margin-top:8px}
.answer-box{background:var(--gold-dim);border:1px solid var(--border-hi);border-radius:12px;padding:20px 24px;margin:26px 0}
.answer-box .ab-label{font-family:var(--mono);font-size:11px;letter-spacing:.14em;color:var(--gold-lt);text-transform:uppercase;margin-bottom:8px}
.answer-box p{margin:0;color:var(--text)!important;font-size:16.5px!important}
.rel-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:18px}
.rel-card{display:block;background:var(--surface);border:1px solid var(--border);border-radius:3px;padding:20px 18px;text-decoration:none;color:var(--text)}
.rel-card:hover{border-color:var(--border-hi);background:var(--surface2)}
.rel-card small{color:var(--gold-lt);text-transform:uppercase;letter-spacing:.1em;font-family:var(--mono);font-size:11px}
.rel-card h4{font-family:var(--serif);font-weight:400;font-size:16px;margin:8px 0 6px;line-height:1.3}
.rel-card p{color:var(--text-dim);font-size:13.5px;margin:0;line-height:1.5}
.article-nav-next{max-width:860px;margin:0 auto;padding:0 24px 40px}
@media(max-width:1100px){.rel-grid{grid-template-columns:1fr}.blog-featured{grid-template-columns:1fr}.blog-featured-body{padding:0 24px 26px}.blog-hero{padding:46px 18px 30px}}
@media(max-width:640px){.blog-search input{min-width:0;width:100%}.blog-toolbar{flex-direction:column;align-items:stretch}}