:root{--ink:#20221f;--muted:#70746f;--green:#08784f;--green-dark:#075f41;--line:#e2ded4;--paper:#f6f4ee;--warm:#e9e2d5;--white:#fff;--clay:#b7673f}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--paper);color:var(--ink);font-family:Microsoft YaHei,PingFang SC,Arial,sans-serif;letter-spacing:0;margin:0}a{color:inherit;text-decoration:none}img{display:block;width:100%}.wrap{margin:0 auto;width:min(1220px,calc(100% - 48px))}.topbar{align-items:center;background:#20221e;color:#ffffffc2;display:flex;font-size:12px;justify-content:center;min-height:34px}.site-header{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#f6f4eef5;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20}.header-inner{align-items:center;display:grid;gap:32px;grid-template-columns:1fr auto;min-height:82px}.header-right,.site-nav{align-items:center;display:flex;font-size:14px;gap:28px;white-space:nowrap}.header-right a,.site-nav a{padding:30px 0;position:relative}.header-right a.active,.site-nav a.active{color:var(--green);font-weight:700}.header-right a.active:after,.site-nav a.active:after{background:var(--green);bottom:24px;content:"";height:2px;left:0;position:absolute;right:0}.phone-link{color:var(--muted)}.hero{align-items:center;background:linear-gradient(100deg,var(--paper) 0,var(--paper) 55%,var(--warm) 55%,var(--warm) 100%);display:grid;min-height:720px;overflow:hidden;position:relative}.hero:before{color:#20221f0b;content:"山风校具";font-size:clamp(82px,13vw,190px);font-weight:800;left:6vw;line-height:1;pointer-events:none;position:absolute;top:100px}.hero-grid{align-items:center;display:grid;gap:48px;grid-template-columns:.9fr 1.1fr;padding:78px 0 94px;position:relative;z-index:1}.eyebrow{color:var(--green);display:block;font-size:13px;font-weight:700;margin-bottom:20px}.hero h1,h1{font-size:clamp(44px,5vw,68px);font-weight:500;line-height:1.08;margin:0;white-space:nowrap}.hero-copy p,.lead{color:var(--muted);font-size:17px;line-height:1.9;margin:24px 0 0;max-width:620px}.detail-actions,.hero-actions{align-items:center;display:flex;flex-wrap:wrap;gap:18px;margin-top:38px}.btn{align-items:center;background:var(--green);border:1px solid var(--green);border-radius:4px;box-shadow:0 16px 32px #08784f29;color:var(--white);display:inline-flex;font-size:14px;font-weight:700;justify-content:center;min-height:46px;padding:0 24px}.btn:after{content:"→";font-weight:400;margin-left:10px}.btn.ghost{background:transparent;box-shadow:none;color:var(--green)}.hero-media{position:relative}.detail-media img,.hero-media img,.page-visual img{border-radius:2px;box-shadow:0 34px 80px #40362629}.hero-card{background:var(--white);border:1px solid var(--line);bottom:-34px;box-shadow:0 22px 48px #2826201f;left:0;padding:24px;position:absolute;width:250px}.hero-card b{display:block;font-size:24px;font-weight:500;margin-bottom:8px}.hero-card span{color:var(--muted);line-height:1.7}.section{padding:96px 0}.section.warm{background:#ece8df}.section-title{align-items:end;display:grid;gap:40px;grid-template-columns:.7fr 1fr;margin-bottom:42px}.section-title h2{font-size:clamp(42px,4vw,58px);font-weight:500;line-height:1.1;margin:0}.section-title h2:before{color:var(--green);content:"·";font-weight:800}.section-title p{color:var(--muted);font-size:16px;line-height:1.8;margin:0}.category-grid{display:grid;gap:24px;grid-template-columns:repeat(4,minmax(0,1fr))}.category-card,.entry-card,.news-card,.product-card{background:var(--white);border:1px solid var(--line);display:flex;flex-direction:column;min-width:0;transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}.category-card:hover,.entry-card:hover,.product-card:hover{border-color:#08784f47;box-shadow:0 20px 46px #312d251a;transform:translateY(-4px)}.category-card figure{aspect-ratio:4/3;background:#eee9df;margin:0;overflow:hidden}.category-card img{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.product-card figure{background:var(--white);border-bottom:1px solid var(--line);display:block;margin:0;overflow:hidden;padding:16px 12px}.product-card img{display:block;height:auto;width:100%}.category-card div,.product-card-body{padding:24px}.category-card span,.entry-card span,.product-card span{color:var(--green);display:block;font-size:13px;font-weight:700;margin-bottom:14px}.category-card h3,.entry-card h3,.news-card h3,.product-card h3{font-size:24px;font-weight:500;line-height:1.25;margin:0}.category-card p,.entry-card p,.news-card p,.product-card p{color:var(--muted);font-size:14px;line-height:1.8;margin:16px 0 0}.company-intro{align-items:start;border-bottom:1px solid var(--line);border-top:1px solid var(--line);display:grid;gap:56px;grid-template-columns:.55fr 1fr;padding:56px 0}.company-intro h2{font-size:clamp(42px,4vw,58px);font-weight:500;line-height:1.12;margin:0}.intro-copy{display:grid;gap:20px}.intro-copy p{color:#555a54;font-size:17px;line-height:2;margin:0}.category-card em,.product-card em{color:var(--green);display:inline-block;font-style:normal;font-weight:700;margin-top:22px}.product-grid{display:grid;gap:24px;grid-template-columns:repeat(3,minmax(0,1fr))}.pagination{display:flex;flex-wrap:wrap;gap:16px;margin-top:40px}.pagination,.pagination-btn{align-items:center;justify-content:center}.pagination-btn{background:var(--white);border:1px solid var(--line);border-radius:4px;color:var(--green);display:inline-flex;font-size:14px;font-weight:700;min-height:42px;padding:0 20px;transition:border-color .2s ease,color .2s ease}.pagination-btn:hover{border-color:var(--green)}.pagination-pages{display:flex;flex-wrap:wrap;gap:8px}.pagination-num,.pagination-pages{align-items:center;justify-content:center}.pagination-num{background:var(--white);border:1px solid var(--line);border-radius:4px;color:var(--green);display:inline-flex;font-size:14px;font-weight:700;min-height:42px;min-width:42px;padding:0 12px;transition:border-color .2s ease,color .2s ease,background-color .2s ease}.pagination-num:hover{border-color:var(--green)}.pagination-num.is-active{background:var(--green);border-color:var(--green);color:var(--white)}.pagination-ellipsis{color:var(--muted);font-size:14px;min-width:24px;text-align:center}.pagination-summary{color:var(--muted);font-size:14px;white-space:nowrap}.detail-grid,.page-hero,.showcase-grid{align-items:center;display:grid;gap:54px;grid-template-columns:1.1fr .9fr}.detail-copy h1,.showcase-copy h2{font-size:clamp(40px,4vw,58px);font-weight:500;line-height:1.15;margin:0}.detail-copy p,.showcase-copy p{color:var(--muted);font-size:16px;line-height:1.9;margin:24px 0 0}.spec-list,.tag-list{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}.spec-list span,.tag-list span{align-items:center;background:#ffffff94;border:1px solid var(--line);color:#4b4d49;display:inline-flex;font-size:14px;min-height:38px;padding:0 16px}.page-head{background:linear-gradient(100deg,var(--paper) 0,var(--paper) 60%,var(--warm) 60%,var(--warm) 100%);padding:86px 0 52px}.page-head h1{white-space:normal}.single-hero{grid-template-columns:1fr}.single-hero .lead{max-width:780px}.nowrap-title{font-size:clamp(42px,4.2vw,60px)}.nowrap-title,.page-head .nowrap-title{white-space:nowrap}.page-visual{align-self:stretch}.page-visual img{height:100%;min-height:360px;-o-object-fit:cover;object-fit:cover}.entry-grid{border-left:1px solid var(--line);border-top:1px solid var(--line);display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.entry-card{border-left:0;border-top:0;min-height:230px;padding:30px}.process-grid{display:grid;gap:28px;grid-template-columns:repeat(3,minmax(0,1fr))}.process-card{border-top:1px solid #cfc8ba;padding-top:28px}.process-card strong{color:var(--clay);display:block;font-size:38px;font-weight:300}.process-card h3{font-size:24px;font-weight:500;margin:22px 0 0}.process-card p{color:var(--muted);line-height:1.8}.detail-panel{background:#ffffffa6;border:1px solid var(--line);margin-top:32px;padding:26px}.detail-panel h2{font-size:22px;font-weight:500;margin:0}.detail-gallery{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1rem}.detail-gallery-item{background:var(--white);border:2px solid transparent;border-radius:4px;cursor:pointer;overflow:hidden;padding:0}.detail-gallery-item.active{border-color:var(--clay)}.detail-gallery-item img{display:block;height:72px;-o-object-fit:cover;object-fit:cover;width:72px}.product-detail-hero{padding-bottom:48px}.product-detail-rich{padding-top:0}.product-detail-rich-head{margin-bottom:28px}.detail-rich-card{background:var(--white);border:1px solid var(--line);border-radius:4px;box-shadow:0 24px 60px #40362614;margin:0 auto;max-width:960px;padding:28px}.detail-rich-content{overflow:hidden}.detail-rich-content p{margin:0}.detail-rich-content img{border-radius:2px;display:block;height:auto;margin:0 auto;max-width:100%;width:100%}.detail-rich-content br{display:none}.news-grid{display:grid;gap:24px;grid-template-columns:repeat(3,minmax(0,1fr))}.news-card{min-height:220px;padding:28px}.news-card time{color:var(--clay);display:block;margin-bottom:18px}.contact-panel{align-items:start;display:grid;gap:34px;grid-template-columns:1fr .9fr}.contact-box,.form-box{background:var(--white);border:1px solid var(--line);padding:34px}.contact-box h2,.form-box h2{font-size:28px;font-weight:500;margin:0 0 22px}.contact-box p{color:var(--muted);line-height:1.9}.contact-number{display:block;font-size:36px;margin:24px 0}.form-row{display:grid;gap:10px;margin-bottom:16px}.form-row label{color:#4a4d48;font-size:14px}.form-row input,.form-row select,.form-row textarea{background:#fbfaf7;border:1px solid var(--line);font:inherit;min-height:44px;padding:10px 12px;width:100%}.form-row textarea{min-height:110px;resize:vertical}.form-message{color:var(--green);margin-top:12px;min-height:24px}.site-footer{background:#20221e;color:#ffffffd1}.footer-main{display:grid;gap:48px;grid-template-columns:1fr .8fr 1fr;padding:70px 0}.footer-main h2{color:#fff;font-size:34px;font-weight:500;line-height:1.25;margin:0;white-space:nowrap}.footer-main h3{color:#fff;font-weight:500;margin:0 0 18px}.footer-main a,.footer-main p{color:#ffffffb8;line-height:1.9}.footer-links{display:flex;flex-wrap:wrap;gap:8px 18px}.footer-bottom{border-top:1px solid hsla(0,0%,100%,.08);color:#ffffff80;display:flex;font-size:13px;gap:20px;justify-content:space-between;padding:24px 0}@media(max-width:980px){.company-intro,.contact-panel,.detail-grid,.footer-main,.header-inner,.hero-grid,.page-hero,.section-title,.showcase-grid{grid-template-columns:1fr}.header-inner{gap:0;padding:14px 0}.header-right,.site-nav{flex-wrap:wrap;gap:18px}.header-right a,.site-nav a{padding:8px 0}.header-right a.active:after,.site-nav a.active:after{bottom:2px}.footer-main h2,.hero h1,h1{white-space:normal}.category-grid,.news-grid,.process-grid,.product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.entry-grid{grid-template-columns:1fr}.detail-rich-card{padding:16px}}@media(max-width:640px){.wrap{width:min(100% - 28px,1220px)}.hero{min-height:auto}.hero-grid{padding:54px 0 70px}.section{padding:64px 0}.category-grid,.news-grid,.process-grid,.product-grid{grid-template-columns:1fr}.hero-card{margin-top:14px;position:static;width:100%}.contact-number{font-size:28px}.footer-bottom{flex-direction:column}}.list-controls,.pagination{margin:20px 0}.list-controls input{padding:10px;border:1px solid #ccc;border-radius:6px}.pagination button{padding:8px 16px;margin:0 8px;border:1px solid #ccc;background:white;cursor:pointer}.detail-rich-content img{max-width:100%;height:auto}details{padding:15px 0;border-bottom:1px solid #ddd}summary{cursor:pointer;font-weight:600}.footer-bottom a{color:inherit}.geo-links{display:flex;flex-wrap:wrap;gap:20px;margin-top:24px}.geo-links a{color:var(--green);font-weight:700}@media(max-width:700px){.footer-bottom{flex-wrap:wrap}}

@media(max-width:640px){.page-head .nowrap-title{white-space:normal;overflow-wrap:anywhere}.detail-copy h1,.product-card h3,.category-card h3{overflow-wrap:anywhere}.topbar{padding:6px 14px;text-align:center}.footer-bottom{gap:8px;align-items:flex-start}.footer-bottom span{overflow-wrap:anywhere}}