/*
Theme Name: 纸鸢环保 Zhiyuan Collage
Theme URI: https://example.com/zhiyuan-collage
Author: 剪刀手小蔡
Author URI: https://example.com
Description: 为邯郸纸鸢环保科技有限公司(虚构演示)定制的现代剪纸拼贴风 WordPress 主题。纸白底上叠贴砖红、芥末、靛蓝、暖灰四色"剪出来的"纸片,撕纸毛边、两层叠贴卡片、剪影喷淋塔与剪贴簿式案例页,像一册环保工程师的手工拼贴册。
Version: 1.0.0
Requires at least: 5.9
Tested up to: 6.5
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: zhiyuan-collage
Tags: custom-menu, custom-logo, featured-images, translation-ready
*/

/* ============ 变量与基础 ============ */
:root {
  --paper: #f9f7f2;      /* 纸白底 */
  --paper-2: #f2eee3;    /* 略深纸色 */
  --card: #fffdf8;       /* 上层白纸 */
  --ink: #29261f;        /* 深炭文字 */
  --muted: #6d675c;
  --brick: #c34a36;      /* 砖红 */
  --mustard: #d9a521;    /* 芥末黄 */
  --indigo: #274690;     /* 靛蓝 */
  --gray: #b8b2a7;       /* 暖灰纸 */
  --line: #ddd6c8;
  --shadow: 0 1px 0 rgba(41, 38, 31, .22); /* 贴地微影 */
  --font-head: "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Source Han Sans SC", sans-serif;
  --font-body: "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Source Han Sans SC", sans-serif;
}

* { margin: 0; padding: 0; box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  background: var(--paper);
  color: var(--ink);
  font-family: var(--font-body);
  font-size: 16px;
  line-height: 1.75;
  -webkit-font-smoothing: antialiased;
}
img { max-width: 100%; height: auto; display: block; }
a { color: var(--indigo); text-decoration: none; }
a:hover { color: var(--brick); }
ul, ol { list-style: none; }
h1, h2, h3, h4 { font-family: var(--font-head); font-weight: 800; line-height: 1.3; }
p { margin: 0 0 1em; }
table { border-collapse: collapse; width: 100%; }

.wrap { max-width: 1160px; margin: 0 auto; padding: 0 22px; }
.screen-reader-text {
  border: 0; clip: rect(1px, 1px, 1px, 1px); clip-path: inset(50%);
  height: 1px; width: 1px; overflow: hidden; position: absolute !important; word-wrap: normal !important;
}
.skip-link:focus {
  clip: auto; clip-path: none; height: auto; width: auto;
  position: fixed !important; top: 8px; left: 8px; z-index: 999;
  background: var(--mustard); color: var(--ink); padding: 8px 16px; font-weight: 700;
}

/* ============ 纸片语言:通用 ============ */
/* 剪出来的纸片:不规则多边形 + 微旋转 + 贴地微影 */
.paper-chip {
  position: relative; display: inline-block;
  padding: .35em 1.1em .4em;
  z-index: 1;
}
.paper-chip::before {
  content: ""; position: absolute; inset: 0; z-index: -1;
  background: var(--chip-bg, var(--mustard));
  clip-path: polygon(3% 12%, 96% 0%, 100% 74%, 91% 100%, 8% 96%, 0% 66%);
  transform: rotate(-1.4deg);
  filter: drop-shadow(0 1px 0 rgba(41, 38, 31, .22));
}
.paper-chip.tilt-r::before {
  transform: rotate(1.2deg);
  clip-path: polygon(0% 8%, 88% 0%, 100% 28%, 97% 92%, 12% 100%, 2% 78%);
}
.chip-brick { --chip-bg: var(--brick); color: #fff; }
.chip-mustard { --chip-bg: var(--mustard); color: var(--ink); }
.chip-indigo { --chip-bg: var(--indigo); color: #fff; }
.chip-gray { --chip-bg: var(--gray); color: var(--ink); }

/* 区块标题排版 */
.sec-head { margin-bottom: 42px; }
.sec-head .paper-chip { font-size: 26px; font-weight: 800; }
.sec-head .sec-sub { margin: 14px 2px 0; color: var(--muted); max-width: 640px; }

/* 纸片按钮 */
.btn {
  display: inline-block; position: relative;
  padding: 12px 30px; font-weight: 800; font-size: 16px;
  color: var(--ink); background: transparent; border: 0; cursor: pointer;
  z-index: 1; transition: transform .15s ease;
}
.btn::before {
  content: ""; position: absolute; inset: 0; z-index: -1;
  background: var(--btn-bg, var(--mustard));
  clip-path: polygon(2% 18%, 97% 0%, 100% 80%, 93% 100%, 4% 94%, 0% 55%);
  transform: rotate(-.8deg);
  filter: drop-shadow(0 2px 0 rgba(41, 38, 31, .2));
  transition: filter .15s ease, transform .15s ease;
}
.btn:hover { transform: translateY(2px); color: var(--ink); }
.btn:hover::before { filter: drop-shadow(0 0 0 rgba(41, 38, 31, .2)); transform: rotate(-.2deg); }
.btn-brick { --btn-bg: var(--brick); color: #fff; }
.btn-brick:hover { color: #fff; }
.btn-indigo { --btn-bg: var(--indigo); color: #fff; }
.btn-indigo:hover { color: #fff; }
.btn-gray { --btn-bg: var(--gray); }

/* 两层纸叠贴卡片:底层色纸错位 4px 露边 + 上层白纸 */
.pcard { position: relative; z-index: 1; }
.pcard::before {
  content: ""; position: absolute; inset: 0; z-index: -1;
  background: var(--under, var(--mustard));
  transform: translate(4px, 5px) rotate(.7deg);
  clip-path: polygon(1% 6%, 94% 0%, 100% 38%, 98% 95%, 10% 100%, 0% 70%);
}
.pcard-inner {
  background: var(--card);
  clip-path: polygon(0% 2%, 97% 0%, 100% 90%, 92% 100%, 3% 98%, 0% 40%);
  padding: 30px 28px 34px;
  height: 100%;
}
.pcard-brick { --under: var(--brick); }
.pcard-mustard { --under: var(--mustard); }
.pcard-indigo { --under: var(--indigo); }
.pcard-gray { --under: var(--gray); }

/* 纸胶带 */
.tape {
  position: absolute; width: 96px; height: 26px;
  background: rgba(184, 178, 167, .55);
  clip-path: polygon(2% 10%, 100% 0%, 97% 92%, 0% 100%);
  transform: rotate(-5deg);
  z-index: 3;
}

/* 回形针(实物件,允许圆) */
.clip-pin {
  position: absolute; top: -14px; left: 18px; width: 15px; height: 36px;
  border: 2.5px solid #90897b; border-radius: 8px;
  transform: rotate(8deg); z-index: 3;
}
.clip-pin::before {
  content: ""; position: absolute; top: 7px; left: 2.5px; width: 5px; height: 24px;
  border: 2.5px solid #90897b; border-bottom: 0; border-radius: 5px 5px 0 0;
}

/* ============ 顶部 ============ */
.site-header {
  position: sticky; top: 0; z-index: 60;
  background: var(--paper);
  border-bottom: 1px solid var(--line);
  transition: box-shadow .2s ease;
}
.site-header.is-scrolled { box-shadow: 0 1px 0 rgba(41, 38, 31, .16); }
.header-bar { display: flex; align-items: center; justify-content: space-between; min-height: 74px; gap: 24px; }
.brand { display: flex; align-items: center; gap: 12px; }
.brand-mark {
  width: 40px; height: 40px; position: relative; flex: 0 0 auto;
}
.brand-mark i { position: absolute; display: block; }
.brand-mark .m1 { inset: 2px 8px 10px 2px; background: var(--indigo); clip-path: polygon(0 12%, 88% 0, 100% 70%, 64% 100%, 4% 88%); }
.brand-mark .m2 { inset: 14px 2px 2px 14px; background: var(--brick); clip-path: polygon(10% 0, 100% 14%, 90% 100%, 0 82%); transform: rotate(6deg); }
.brand-mark .m3 { inset: 6px 16px 18px 16px; background: var(--mustard); clip-path: polygon(0 0, 100% 20%, 76% 100%, 8% 76%); transform: rotate(-8deg); }
.brand-text { line-height: 1.25; }
.site-title { font-size: 20px; font-weight: 800; margin: 0; }
.site-title a { color: var(--ink); }
.site-tag { font-size: 12px; color: var(--muted); letter-spacing: .08em; }
.custom-logo { max-height: 44px; width: auto; }

.site-nav ul { display: flex; gap: 6px; }
.site-nav a {
  display: block; padding: 10px 14px; color: var(--ink); font-weight: 700; font-size: 15px;
  position: relative;
}
.site-nav a::after {
  content: ""; position: absolute; left: 12px; right: 12px; bottom: 5px; height: 5px;
  background: var(--mustard);
  clip-path: polygon(0 30%, 100% 0, 96% 100%, 3% 80%);
  transform: scaleX(0); transform-origin: left; transition: transform .2s ease;
}
.site-nav a:hover::after,
.site-nav .current-menu-item > a::after,
.site-nav .current_page_item > a::after { transform: scaleX(1); }

.nav-toggle {
  display: none; background: transparent; border: 0; cursor: pointer;
  width: 46px; height: 46px; position: relative; z-index: 1; padding: 0;
}
.nav-toggle::before {
  content: ""; position: absolute; inset: 4px; z-index: -1;
  background: var(--mustard);
  clip-path: polygon(4% 14%, 92% 0, 100% 78%, 88% 100%, 0 90%);
  transform: rotate(-2deg);
}
.nav-toggle .bars, .nav-toggle .bars::before, .nav-toggle .bars::after {
  display: block; width: 20px; height: 3px; background: var(--ink); position: absolute; content: "";
  left: 50%; margin-left: -10px; transition: transform .2s ease, opacity .2s ease;
}
.nav-toggle .bars { top: 50%; margin-top: -1.5px; }
.nav-toggle .bars::before { top: -7px; margin-left: 0; left: 0; }
.nav-toggle .bars::after { top: 7px; margin-left: 0; left: 0; }
.nav-toggle[aria-expanded="true"] .bars { background: transparent; }
.nav-toggle[aria-expanded="true"] .bars::before { transform: translateY(7px) rotate(45deg); }
.nav-toggle[aria-expanded="true"] .bars::after { transform: translateY(-7px) rotate(-45deg); }

/* ============ Hero:撕纸毛边 ============ */
.hero {
  background: var(--paper-2);
  padding: 84px 0 120px;
  clip-path: polygon(0 0, 100% 0, 100% 95.5%, 95% 98.8%, 89% 95.8%, 82% 99.6%, 75% 96.4%, 67% 100%, 59% 96.8%, 51% 99.4%, 43% 96.2%, 35% 99.8%, 27% 96.6%, 19% 99.2%, 11% 96.4%, 5% 99.6%, 0 97%);
  margin-bottom: -34px;
}
.hero-grid { display: grid; grid-template-columns: 1.15fr .85fr; gap: 56px; align-items: center; }
.hero-kicker { font-size: 14px; letter-spacing: .12em; font-weight: 700; }
.hero-title { font-size: 52px; letter-spacing: .02em; margin: 26px 0 18px; }
.hero-title .hl { position: relative; display: inline-block; z-index: 1; padding: 0 .18em; }
.hero-title .hl::before {
  content: ""; position: absolute; inset: 6% -2% 4% -3%; z-index: -1;
  background: var(--mustard);
  clip-path: polygon(2% 22%, 98% 0, 100% 76%, 90% 100%, 4% 92%, 0 48%);
  transform: rotate(-1.6deg);
}
.hero-lead { color: var(--muted); font-size: 17px; max-width: 520px; }
.hero-cta { display: flex; gap: 18px; margin-top: 34px; flex-wrap: wrap; }
.hero-note { margin-top: 26px; font-size: 13px; color: var(--muted); }

/* 三层彩纸剪影拼贴(SVG 容器) */
.hero-visual { position: relative; padding: 10px 6px 18px; }
.hero-visual .tape { top: -8px; right: 34px; }
.collage-svg { width: 100%; height: auto; display: block; }
.collage-svg .ly { filter: drop-shadow(0 1px 0 rgba(41, 38, 31, .28)); }
.hero-visual .caption {
  margin-top: 10px; font-size: 13px; color: var(--muted); text-align: right;
}

/* ============ 区块通用 ============ */
.section { padding: 86px 0; }
.section-alt { background: var(--paper-2); }

/* ============ 工序四贴 ============ */
.steps { display: grid; grid-template-columns: repeat(4, 1fr); gap: 26px; }
.step {
  position: relative; padding: 30px 24px 34px; min-height: 210px; z-index: 1;
}
.step::before {
  content: ""; position: absolute; inset: 0; z-index: -1;
  background: var(--step-bg);
  filter: drop-shadow(0 1px 0 rgba(41, 38, 31, .24));
}
.step-1 { --step-bg: var(--brick); color: #fff; }
.step-1::before { clip-path: polygon(0 10%, 82% 0, 100% 22%, 96% 92%, 60% 100%, 4% 95%); transform: rotate(-1.2deg); }
.step-2 { --step-bg: var(--mustard); color: var(--ink); }
.step-2::before { clip-path: polygon(6% 0, 100% 6%, 94% 78%, 100% 96%, 12% 100%, 0 74%); transform: rotate(1deg); }
.step-3 { --step-bg: var(--indigo); color: #fff; }
.step-3::before { clip-path: polygon(0 4%, 70% 0, 100% 12%, 97% 88%, 88% 100%, 2% 92%, 4% 40%); transform: rotate(-.8deg); }
.step-4 { --step-bg: var(--gray); color: var(--ink); }
.step-4::before { clip-path: polygon(3% 8%, 96% 0, 100% 66%, 92% 100%, 26% 96%, 0 88%); transform: rotate(1.4deg); }
.step .num { font-size: 13px; font-weight: 800; letter-spacing: .14em; opacity: .85; }
.step h3 { font-size: 20px; margin: 10px 0 10px; }
.step p { font-size: 14px; margin: 0; opacity: .92; }

/* ============ 纸上作品(产品卡) ============ */
.works-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 34px; }
.work-thumb { position: relative; margin: -6px -4px 18px; }
.work-thumb .ph {
  height: 150px; position: relative; overflow: hidden;
  clip-path: polygon(0 6%, 96% 0, 100% 88%, 88% 100%, 2% 96%);
  background: var(--paper-2);
}
.work-thumb .ph img { width: 100%; height: 100%; object-fit: cover; }
.work-thumb .ph i { position: absolute; display: block; }
.wt-indigo .ph i.a { inset: 18% 40% 10% 30%; background: var(--indigo); clip-path: polygon(12% 100%, 20% 8%, 50% 0, 84% 10%, 92% 100%); }
.wt-indigo .ph i.b { inset: 52% 18% 18% 60%; background: var(--mustard); clip-path: polygon(0 40%, 50% 0, 100% 42%, 78% 100%, 22% 100%); transform: rotate(10deg); }
.wt-indigo .ph i.c { inset: 24% 66% 48% 12%; background: var(--brick); clip-path: polygon(0 60%, 70% 0, 100% 30%, 42% 100%); }
.work-model { font-size: 13px; font-weight: 800; letter-spacing: .1em; color: var(--brick); }
.work-card h3 { font-size: 21px; margin: 6px 0 10px; }
.work-card h3 a { color: var(--ink); }
.work-card h3 a:hover { color: var(--indigo); }
.work-card p { font-size: 14px; color: var(--muted); margin-bottom: 14px; }
.work-meta { font-size: 13px; color: var(--muted); }
.work-meta b { color: var(--ink); }
.works-more { text-align: center; margin-top: 44px; }

/* ============ 拼贴数字(统计) ============ */
.stats { display: grid; grid-template-columns: repeat(4, 1fr); gap: 30px; text-align: center; }
.stat .digits { display: inline-flex; gap: 5px; align-items: baseline; }
.digit-chip {
  display: inline-block; position: relative; z-index: 1;
  font-size: 40px; font-weight: 800; line-height: 1;
  padding: 10px 12px 12px; color: var(--ink);
}
.digit-chip::before {
  content: ""; position: absolute; inset: 0; z-index: -1;
  background: var(--dc, var(--mustard));
  clip-path: polygon(4% 10%, 92% 0, 100% 82%, 86% 100%, 0 92%);
  transform: rotate(-2deg);
  filter: drop-shadow(0 1px 0 rgba(41, 38, 31, .24));
}
.digit-chip:nth-child(4n+1) { --dc: var(--mustard); }
.digit-chip:nth-child(4n+2) { --dc: var(--gray); }
.digit-chip:nth-child(4n+2)::before { transform: rotate(1.8deg); clip-path: polygon(0 6%, 88% 0, 100% 30%, 94% 96%, 8% 100%); }
.digit-chip:nth-child(4n+3) { --dc: var(--brick); color: #fff; }
.digit-chip:nth-child(4n+3)::before { transform: rotate(-1.2deg); clip-path: polygon(6% 0, 100% 8%, 92% 100%, 0 88%); }
.digit-chip:nth-child(4n+4) { --dc: var(--indigo); color: #fff; }
.digit-chip:nth-child(4n+4)::before { transform: rotate(1.4deg); clip-path: polygon(0 12%, 94% 0, 100% 90%, 10% 100%, 2% 46%); }
.digit-unit { font-size: 18px; font-weight: 800; margin-left: 4px; }
.stat .label { margin-top: 14px; font-size: 14px; color: var(--muted); }

/* ============ 选材声明(大靛蓝纸) ============ */
.material { position: relative; z-index: 1; padding: 58px 56px; color: #fff; }
.material::before {
  content: ""; position: absolute; inset: 0; z-index: -1;
  background: var(--indigo);
  clip-path: polygon(0 8%, 30% 2%, 97% 0, 100% 84%, 88% 98%, 40% 100%, 2% 94%, 0 40%);
  transform: rotate(-.5deg);
  filter: drop-shadow(0 2px 0 rgba(41, 38, 31, .28));
}
.material .tape { top: -12px; left: 46px; transform: rotate(4deg); }
.material h2 { font-size: 26px; margin-bottom: 16px; }
.material .quote { font-size: 19px; line-height: 1.9; max-width: 760px; margin: 0; }
.material .quote b { color: var(--mustard); font-weight: 800; }
.material .fine { margin: 18px 0 0; font-size: 13px; opacity: .8; }

/* ============ 剪贴簿(案例) ============ */
.scrapbook { display: grid; grid-template-columns: repeat(3, 1fr); gap: 34px; }
.sb-page {
  position: relative; background: var(--card);
  border: 1px solid var(--line);
  padding: 34px 26px 28px;
  filter: drop-shadow(0 1px 0 rgba(41, 38, 31, .18));
}
.sb-page:nth-child(odd) { transform: rotate(-.7deg); }
.sb-page:nth-child(even) { transform: rotate(.6deg); }
.sb-photo { position: relative; height: 130px; margin-bottom: 20px; }
.sb-photo .ph {
  position: absolute; inset: 0;
  clip-path: polygon(1% 4%, 98% 0, 100% 92%, 94% 100%, 0 96%);
}
.sb-1 .ph { background: var(--mustard); }
.sb-2 .ph { background: var(--gray); }
.sb-3 .ph { background: var(--brick); }
.sb-photo .ph::after {
  content: ""; position: absolute; inset: 22% 30% 18% 34%;
  background: rgba(41, 38, 31, .28);
  clip-path: polygon(14% 100%, 22% 10%, 50% 0, 80% 12%, 88% 100%);
}
.sb-title { position: relative; display: inline-block; font-size: 18px; padding: .3em .8em; z-index: 1; }
.sb-title::before {
  content: ""; position: absolute; inset: 0; z-index: -1;
  background: var(--paper-2);
  clip-path: polygon(2% 16%, 96% 0, 100% 78%, 90% 100%, 0 90%);
  transform: rotate(-1deg);
}
.sb-page .meta { font-size: 12px; letter-spacing: .08em; color: var(--brick); font-weight: 800; margin: 12px 0 8px; }
.sb-page p { font-size: 14px; color: var(--muted); margin: 0; }

/* ============ 碎纸篓(新闻) ============ */
.news-list { display: grid; grid-template-columns: repeat(3, 1fr); gap: 34px; }
.news-item .pcard-inner { padding: 26px 26px 30px; }
.news-date { font-size: 12px; font-weight: 800; letter-spacing: .1em; color: var(--indigo); }
.news-item h3 { font-size: 18px; margin: 8px 0 10px; }
.news-item h3 a { color: var(--ink); }
.news-item h3 a:hover { color: var(--brick); }
.news-item p { font-size: 14px; color: var(--muted); margin: 0; }

/* ============ 递张名片(联系) ============ */
.contact-grid { display: grid; grid-template-columns: 1.1fr .9fr; gap: 48px; align-items: start; }
.contact-card { position: relative; }
.contact-card .tape { top: -14px; right: 60px; }
.contact-card .pcard-inner { padding: 40px 38px; }
.contact-list li { display: flex; gap: 14px; padding: 10px 0; border-bottom: 1px solid var(--line); font-size: 15px; }
.contact-list li:last-child { border-bottom: 0; }
.contact-list .k { flex: 0 0 auto; font-weight: 800; }
.contact-list .k::after { content: ""; display: inline-block; width: 10px; height: 10px; margin-left: 8px; background: var(--brick); clip-path: polygon(10% 20%, 90% 0, 100% 80%, 20% 100%); }
.contact-side h3 { font-size: 22px; margin-bottom: 12px; }
.contact-side p { color: var(--muted); }

/* ============ 页脚:撕纸上缘 ============ */
.site-footer {
  background: var(--ink); color: #d8d2c4;
  margin-top: 90px; padding: 100px 0 34px;
  clip-path: polygon(0 2.6%, 5% .4%, 12% 2.8%, 20% .6%, 28% 2.4%, 36% .3%, 44% 2.8%, 52% .8%, 60% 2.5%, 68% .4%, 76% 2.7%, 84% .7%, 92% 2.4%, 100% .8%, 100% 100%, 0 100%);
}
.footer-grid { display: grid; grid-template-columns: 1.3fr 1fr 1fr; gap: 44px; }
.site-footer h4 { color: #fff; font-size: 16px; margin-bottom: 16px; position: relative; display: inline-block; padding: .2em .7em; z-index: 1; }
.site-footer h4::before {
  content: ""; position: absolute; inset: 0; z-index: -1;
  background: rgba(217, 165, 33, .24);
  clip-path: polygon(3% 18%, 95% 0, 100% 76%, 88% 100%, 0 88%);
  transform: rotate(-1.2deg);
}
.site-footer p { font-size: 14px; color: #b3ac9d; }
.footer-menu li { padding: 5px 0; }
.footer-menu a { color: #d8d2c4; font-size: 14px; }
.footer-menu a:hover { color: var(--mustard); }
.footer-contact li { font-size: 14px; color: #b3ac9d; padding: 4px 0; }
.footer-supplier { margin-top: 20px; font-size: 13px; color: #948d7d; }
.footer-bottom {
  margin-top: 44px; padding-top: 20px; border-top: 1px solid rgba(216, 210, 196, .18);
  display: flex; justify-content: space-between; gap: 16px; flex-wrap: wrap;
  font-size: 13px; color: #948d7d;
}

/* ============ 内页通用 ============ */
.page-hero {
  background: var(--paper-2); padding: 60px 0 84px; margin-bottom: -26px;
  clip-path: polygon(0 0, 100% 0, 100% 93%, 93% 97.6%, 85% 93.6%, 76% 98.8%, 67% 94.4%, 58% 99.2%, 49% 94.6%, 40% 98.6%, 31% 94.2%, 22% 99%, 13% 94.8%, 6% 98.6%, 0 95%);
}
.page-hero .paper-chip { font-size: 28px; font-weight: 800; }
.page-hero .desc { margin: 16px 2px 0; color: var(--muted); max-width: 660px; }
.content-area { padding: 70px 0 30px; }
.with-sidebar { display: grid; grid-template-columns: 1fr 300px; gap: 56px; align-items: start; }

/* 文章卡列表 */
.post-list { display: grid; gap: 40px; }
.post-card .pcard-inner { padding: 32px 34px 34px; }
.post-card .date { font-size: 12px; font-weight: 800; letter-spacing: .1em; color: var(--indigo); }
.post-card h2 { font-size: 22px; margin: 8px 0 10px; }
.post-card h2 a { color: var(--ink); }
.post-card h2 a:hover { color: var(--brick); }
.post-card .excerpt { color: var(--muted); font-size: 15px; }
.post-card .more { font-weight: 800; font-size: 14px; }

/* 正文排版 */
.entry-header { margin-bottom: 30px; }
.entry-header .entry-title { font-size: 34px; margin: 12px 0 10px; }
.entry-meta { font-size: 13px; color: var(--muted); }
.entry-meta a { color: var(--muted); }
.entry-content { font-size: 16px; }
.entry-content h2, .entry-content h3 { margin: 1.6em 0 .6em; }
.entry-content h2 { font-size: 26px; padding-left: 16px; position: relative; }
.entry-content h2::before {
  content: ""; position: absolute; left: 0; top: .3em; width: 9px; height: .9em;
  background: var(--brick); clip-path: polygon(0 8%, 90% 0, 100% 88%, 12% 100%);
}
.entry-content ul, .entry-content ol { margin: 0 0 1.2em 1.4em; }
.entry-content ul { list-style: square; }
.entry-content ol { list-style: decimal; }
.entry-content blockquote {
  margin: 1.4em 0; padding: 18px 24px; background: var(--paper-2);
  clip-path: polygon(0 4%, 99% 0, 100% 94%, 2% 100%);
  color: var(--muted);
}
.entry-content code { background: var(--paper-2); padding: 2px 6px; font-size: .92em; }
.entry-content pre { background: var(--ink); color: #e8e2d2; padding: 18px; overflow: auto; margin: 0 0 1.2em; }
.entry-content pre code { background: transparent; color: inherit; }
.entry-content table th, .entry-content table td { border: 1px solid var(--line); padding: 10px 14px; text-align: left; }
.entry-content table th { background: var(--paper-2); }
.entry-footer { margin-top: 30px; font-size: 13px; color: var(--muted); }
.post-nav { display: flex; justify-content: space-between; gap: 20px; margin: 46px 0 10px; font-weight: 700; font-size: 14px; }

/* 产品详情 */
.product-single .lead { font-size: 17px; color: var(--muted); }
.spec-table { margin: 26px 0 34px; }
.spec-table caption { text-align: left; font-weight: 800; padding-bottom: 12px; font-size: 17px; }
.spec-table th, .spec-table td { border: 1px solid var(--line); padding: 12px 16px; text-align: left; font-size: 14px; }
.spec-table th { background: var(--paper-2); width: 32%; font-weight: 700; }
.inquiry { position: relative; z-index: 1; padding: 36px 34px; margin-top: 40px; color: #fff; }
.inquiry::before {
  content: ""; position: absolute; inset: 0; z-index: -1;
  background: var(--brick);
  clip-path: polygon(0 10%, 96% 0, 100% 86%, 90% 100%, 3% 96%, 0 50%);
  transform: rotate(-.4deg);
  filter: drop-shadow(0 2px 0 rgba(41, 38, 31, .26));
}
.inquiry h3 { font-size: 22px; margin-bottom: 8px; }
.inquiry p { margin-bottom: 18px; opacity: .95; }

/* 侧栏 */
.widget { margin-bottom: 40px; }
.widget-title { font-size: 17px; display: inline-block; position: relative; padding: .25em .8em; z-index: 1; margin-bottom: 14px; }
.widget-title::before {
  content: ""; position: absolute; inset: 0; z-index: -1;
  background: var(--gray);
  clip-path: polygon(2% 14%, 96% 0, 100% 80%, 90% 100%, 0 90%);
  transform: rotate(-1.2deg);
}
.widget ul li { padding: 7px 0; border-bottom: 1px solid var(--line); font-size: 14px; }
.widget ul li a { color: var(--ink); }
.widget ul li a:hover { color: var(--brick); }

/* 搜索表单 */
.search-form { display: flex; gap: 12px; }
.search-form .sf-field {
  flex: 1; border: 1.5px solid var(--ink); background: var(--card);
  padding: 11px 14px; font-size: 15px; font-family: inherit; color: var(--ink);
  clip-path: polygon(0 8%, 99% 0, 100% 92%, 1% 100%);
}
.search-form .sf-field:focus { outline: 2px solid var(--indigo); outline-offset: 1px; }
.search-form .btn { padding: 11px 22px; }

/* 404 */
.err-wrap { text-align: center; padding: 40px 0 30px; }
.err-num { display: inline-flex; gap: 10px; margin-bottom: 26px; }
.err-num .digit-chip { font-size: 72px; padding: 18px 22px 20px; }
.err-wrap h1 { font-size: 30px; margin-bottom: 12px; }
.err-wrap p { color: var(--muted); }
.err-search { max-width: 460px; margin: 30px auto 0; }

/* 分页 */
.pagination { margin: 50px 0 10px; display: flex; gap: 10px; flex-wrap: wrap; justify-content: center; }
.pagination .page-numbers {
  display: inline-block; padding: 8px 16px; font-weight: 800; color: var(--ink);
  background: var(--paper-2);
  clip-path: polygon(4% 10%, 94% 0, 100% 84%, 88% 100%, 0 92%);
}
.pagination .page-numbers.current { background: var(--mustard); }
.pagination a.page-numbers:hover { background: var(--gray); }

/* 评论 */
.comments-area { margin-top: 60px; }
.comments-area .comments-title { font-size: 20px; margin-bottom: 22px; }
.comment-list > li { padding: 20px 0; border-bottom: 1px solid var(--line); }
.comment-list .children { margin-left: 30px; }
.comment-meta { font-size: 13px; color: var(--muted); margin-bottom: 8px; }
.comment-form label { display: block; font-weight: 700; font-size: 14px; margin: 14px 0 6px; }
.comment-form input[type="text"], .comment-form input[type="email"], .comment-form input[type="url"], .comment-form textarea {
  width: 100%; border: 1.5px solid var(--ink); background: var(--card); padding: 10px 12px;
  font-family: inherit; font-size: 15px;
}
.comment-form input[type="submit"] { margin-top: 16px; }

/* WP 核心样式 */
.alignleft { float: left; margin: 6px 24px 12px 0; }
.alignright { float: right; margin: 6px 0 12px 24px; }
.aligncenter { display: block; margin: 12px auto; }
.wp-caption { max-width: 100%; }
.wp-caption-text { font-size: 13px; color: var(--muted); padding: 6px 2px; }
.sticky { position: relative; }
.bypostauthor { position: relative; }
.gallery-caption { font-size: 13px; }

/* ============ 落下贴上入场 ============ */
html.js .reveal {
  opacity: 0;
  transform: translateY(-18px) rotate(-1.6deg);
}
html.js .reveal.is-in {
  opacity: 1;
  transform: translateY(0) rotate(0);
  transition: opacity .5s ease, transform .55s cubic-bezier(.2, .75, .3, 1.05);
}
html.js .reveal.d1.is-in { transition-delay: .08s; }
html.js .reveal.d2.is-in { transition-delay: .16s; }
html.js .reveal.d3.is-in { transition-delay: .24s; }
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  html.js .reveal { opacity: 1; transform: none; transition: none; }
  .btn, .site-nav a::after { transition: none; }
}

/* ============ 响应式 ============ */
@media (max-width: 1000px) {
  .hero-grid { grid-template-columns: 1fr; gap: 40px; }
  .hero-title { font-size: 40px; }
  .steps { grid-template-columns: repeat(2, 1fr); }
  .works-grid, .scrapbook, .news-list { grid-template-columns: repeat(2, 1fr); }
  .stats { grid-template-columns: repeat(2, 1fr); row-gap: 44px; }
  .contact-grid { grid-template-columns: 1fr; }
  .with-sidebar { grid-template-columns: 1fr; }
  .footer-grid { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 768px) {
  .nav-toggle { display: block; }
  .site-nav {
    display: none; position: absolute; left: 0; right: 0; top: 100%;
    background: var(--paper); border-bottom: 1px solid var(--line);
    padding: 10px 22px 20px;
  }
  .site-nav.is-open { display: block; }
  .site-nav ul { flex-direction: column; gap: 0; }
  .site-nav a { padding: 12px 6px; border-bottom: 1px solid var(--line); }
  .site-nav a::after { display: none; }
  .hero { padding: 56px 0 96px; }
  .hero-title { font-size: 32px; }
  .sec-head .paper-chip { font-size: 22px; }
  .section { padding: 62px 0; }
  .steps, .works-grid, .scrapbook, .news-list, .stats { grid-template-columns: 1fr; }
  .material { padding: 44px 30px; }
  .material .quote { font-size: 17px; }
  .digit-chip { font-size: 30px; padding: 8px 10px 10px; }
  .footer-grid { grid-template-columns: 1fr; }
  .entry-header .entry-title { font-size: 26px; }
  .err-num .digit-chip { font-size: 52px; }
}