:root{--paper:#fafaf8;--ink:#262a28;--muted:#606661;--line:#dcded8;--green:#3d5046;--soft:#f0f1ed}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;background:var(--paper);color:var(--ink);font-family:"PingFang SC","Microsoft YaHei",sans-serif;font-size:15px;line-height:1.8}::selection{background:#d1ddd2;color:#233127}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit;color:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--green);outline-offset:5px}svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.3;flex-shrink:0}h1,h2,h3,p{margin:0}h1,h2{font-weight:500;line-height:1.5;text-wrap:balance}p{color:var(--muted)}img{display:block;width:100%;height:auto}header{height:116px;display:flex;align-items:center;justify-content:space-between;padding:0 5%;background:var(--paper);border-bottom:1px solid var(--line)}.brand{display:inline-flex;flex-direction:column;line-height:1.2}.brand-mark{font-family:Georgia,serif;font-size:40px;letter-spacing:-3px}.brand-mark span{font-family:"Songti SC","SimSun",serif;font-size:24px;letter-spacing:4px;padding-left:15px}.brand-sub{font-size:11px;letter-spacing:2.3px;margin-top:7px}nav{display:flex;gap:35px;font-size:14px}nav a{padding:9px 0;position:relative}nav a:hover,nav a[aria-current]{color:var(--green)}nav a[aria-current]:after{content:"";position:absolute;bottom:0;left:0;width:20px;height:1px;background:var(--ink)}.menu-toggle{display:none}.skip{position:fixed;top:-100px;background:var(--ink);color:white;padding:12px;z-index:100}.skip:focus{top:0}.section{padding:90px 6.4%}.hero{display:grid;grid-template-columns:43% 57%;min-height:570px}.hero-copy{display:flex;flex-direction:column;justify-content:center;padding:60px 9% 60px 15%}.hero h1{font-family:"Songti SC","STSong","SimSun",serif;font-size:clamp(36px,3.6vw,58px);letter-spacing:2px;line-height:1.5}.hero p{margin:28px 0 36px;font-size:15px;line-height:2.1}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:28px;padding:16px 25px;background:var(--green);border:1px solid var(--green);color:white;align-self:flex-start;min-height:54px;font-size:14px}.button:hover{background:#273e31}.hero-photo{position:relative;background:#e5e0d5;overflow:hidden}.hero-photo>img{height:100%;object-fit:cover;object-position:center}.hero-photo>span{position:absolute;bottom:18px;left:26px;font-size:12px;color:#353b32;background:#fafaf8e8;padding:5px 12px}.intro{display:grid;grid-template-columns:1fr 1fr;gap:10%;align-items:start}.intro h2,.custom-story h2,.custom-feature h2{font-family:"Songti SC","SimSun",serif;font-size:34px;line-height:1.65;letter-spacing:2px}.intro p{max-width:38em;line-height:2.2;margin-bottom:24px}.text-link{display:inline-flex;gap:22px;align-items:center;padding:10px 0;border-bottom:1px solid var(--ink);font-size:14px}.text-link:hover{color:var(--green);border-color:var(--green)}.catalog{background:var(--soft)}.section-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:40px}.section-head h2{font-size:28px}.home-products{display:grid;grid-template-columns:repeat(4,1fr);gap:26px}.product-img{position:relative;aspect-ratio:0.85;background:white;overflow:hidden}.product-img img{width:100%;height:100%;object-fit:contain;object-position:center bottom;transition:transform .45s cubic-bezier(.2,.8,.2,1)}.product a:hover img{transform:scale(1.035)}.view{position:absolute;bottom:0;left:0;right:0;background:#3d5046ee;color:white;padding:10px 15px;display:flex;justify-content:space-between;opacity:0;transition:opacity .2s;font-size:12px}.product a:hover .view,.product a:focus-visible .view{opacity:1}.product-label{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-top:18px}.product h3{font-size:16px;font-weight:500}.product p{font-size:12px;margin-top:5px}.product-label svg{width:19px}.category-strip{display:flex;justify-content:flex-end;gap:28px;border-top:1px solid var(--line);margin-top:40px;padding-top:23px;font-size:14px}.category-strip a:hover{text-decoration:underline}.custom-story{display:grid;grid-template-columns:1.15fr 1fr;gap:9%;align-items:center}.custom-story>img{aspect-ratio:1.35;object-fit:cover}.custom-story p,.custom-feature p{margin:25px 0;line-height:2.2}.contact-band{display:flex;justify-content:space-between;align-items:center;background:#e8ece5;padding:65px 6.4%;gap:35px}.contact-band h2{font-family:"Songti SC","SimSun",serif;font-size:35px}.contact-band>a{display:flex;gap:40px;align-items:center;border-bottom:1px solid;padding:15px 0}.footer-top{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:65px 6.4%}.footer-top>a:last-child{display:flex;gap:25px;align-items:center}.footer-top p{font-size:15px}.footer-bottom{margin:0 6.4%;padding:25px 0;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:18px;font-size:11px;color:var(--muted)}.page-heading{padding:65px 6.4% 55px}.page-heading h1{font-size:42px;letter-spacing:2px;font-family:"Songti SC","SimSun",serif;margin-bottom:18px}.page-heading p{font-size:14px}.catalog-page{padding-top:35px}.filters{background:var(--paper);padding:26px 30px}.filter-line{display:flex;align-items:center;gap:26px;min-height:60px;font-size:13px;flex-wrap:wrap}.filter-line strong{min-width:68px;font-weight:500}.filter-line button{border:0;background:none;padding:7px 12px;color:var(--muted)}#category-filters{display:flex;flex-wrap:wrap;gap:5px}#category-filters button[aria-pressed=true]{background:var(--green);color:white}#category-filters button:hover{box-shadow:inset 0 -1px var(--green)}input,select,textarea{border:1px solid #b8beb7;background:var(--paper);border-radius:0;padding:10px 12px;max-width:100%;caret-color:var(--green)}.search-label{display:flex;align-items:center;gap:14px}.search-label input{width:210px}#reset{margin-left:auto;text-decoration:underline;text-underline-offset:5px}.results{display:flex;justify-content:space-between;gap:10px;font-size:12px;color:var(--muted);margin:30px 0}.product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:42px 26px}.product[hidden],[hidden]{display:none!important}#empty{padding:60px 0;text-align:center}#empty p{margin:20px 0}.breadcrumb{padding:30px 6.4%;display:flex;gap:15px;font-size:12px;color:var(--muted)}.product-detail{padding-top:20px;display:grid;grid-template-columns:1fr 1fr;gap:9%;align-items:start}.detail-photo{background:white;display:flex;justify-content:center;min-height:470px}.detail-photo img{width:100%;max-height:620px;object-fit:contain;object-position:center bottom}.detail-copy h1{font-size:32px;margin:10px 0 25px}.detail-copy p{line-height:2}.detail-copy dl{margin:30px 0}.detail-copy dl>div{display:grid;grid-template-columns:95px 1fr;padding:13px 0;border-bottom:1px solid var(--line);font-size:13px}.detail-copy dd{margin:0}.detail-copy dt{color:var(--muted)}.small{font-size:12px!important;line-height:1.8!important;margin:22px 0!important}.related{background:var(--soft);padding-top:55px;padding-bottom:55px}.custom-feature{padding-top:0;display:grid;grid-template-columns:1.15fr 1fr;gap:8%;align-items:center}.custom-feature img{aspect-ratio:1.3;object-fit:cover}.process{background:var(--soft)}.process h2{font-size:30px}.process ol{display:grid;grid-template-columns:repeat(4,1fr);gap:40px;padding:35px 0 0;list-style:none;counter-reset:steps}.process li{border-top:1px solid #9fa99d;padding-top:20px;counter-increment:steps}.process li:before{content:counter(steps,decimal-leading-zero);color:#5d6d60;font-family:Georgia,serif;font-size:24px}.process h3{font-size:18px;font-weight:500;margin:20px 0 12px}.process p{font-size:14px}.prep h2{font-size:28px}.prep p{margin:25px 0 35px}.about-image{padding-top:0;padding-bottom:0}.about-image img{max-height:550px;object-fit:cover}.contact-layout{padding-top:20px;display:grid;grid-template-columns:1fr 1.5fr;gap:10%}.contact-layout h2{font-size:23px;margin-bottom:28px}.contact-layout aside p{font-size:13px}.contact-layout aside dl{margin-top:38px}.contact-layout aside dt{font-size:12px;color:var(--muted);margin-top:25px}.contact-layout aside dd{margin:5px 0;font-size:20px}form{padding:35px;background:var(--soft)}form label{display:flex;flex-direction:column;gap:10px;margin-bottom:22px;font-size:13px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}form input,form textarea,form select{width:100%}textarea{resize:vertical}#draft{margin-top:30px;padding-top:25px;border-top:1px solid var(--line)}#draft h3{font-size:16px;margin-bottom:20px}#draft button{background:none;border:1px solid var(--line);padding:8px 12px;margin-left:15px}#copy-status{display:block;font-size:12px;margin-top:12px}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--soft)}::-webkit-scrollbar-thumb{background:#a7afa5}
@media(min-width:1600px){main,header,footer{max-width:1800px;margin:auto}}@media(max-width:1000px){header{height:100px}nav{gap:20px}.hero{min-height:500px}.hero-copy{padding-left:12%}.hero h1{font-size:38px}.home-products,.product-grid{gap:28px 20px}.section{padding:65px 5%}.footer-top p{display:none}.process ol{gap:25px}.contact-layout{gap:6%}.form-row{grid-template-columns:1fr;gap:0}}@media(max-width:700px){header{height:90px;padding:0 6%;position:relative;z-index:10}.brand-mark{font-size:33px}.brand-mark span{font-size:21px}.brand-sub{font-size:11px}.menu-toggle{display:block;border:1px solid var(--line);background:none;padding:8px 13px;font-size:13px}nav{display:none;position:absolute;top:90px;left:0;right:0;background:var(--paper);padding:20px 6% 30px;box-shadow:0 10px 20px #26352b14}nav.open{display:flex;flex-direction:column;gap:10px}nav a{padding:10px}.hero{grid-template-columns:1fr}.hero-copy{padding:45px 7%}.hero h1{font-size:38px}.hero p{margin:22px 0 28px}.hero-photo{height:330px}.hero-photo>span{font-size:11px;left:15px}.section{padding:55px 7%}.intro,.custom-story,.custom-feature,.product-detail,.contact-layout{grid-template-columns:1fr;gap:30px}.intro h2,.custom-story h2,.custom-feature h2{font-size:28px}.home-products,.product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 16px}.section-head{align-items:flex-start;gap:20px;margin-bottom:30px}.section-head h2{font-size:25px;white-space:nowrap}.text-link{font-size:12px;gap:12px}.product h3{font-size:14px}.product p{font-size:11px}.product-label{padding-top:12px}.category-strip{justify-content:flex-start;flex-wrap:wrap;gap:15px 25px}.contact-band{align-items:flex-start;flex-direction:column;padding:45px 7%}.contact-band h2{font-size:29px}.footer-top{padding:40px 7%;align-items:flex-start;flex-direction:column}.footer-top>a:last-child{font-size:14px}.footer-bottom{flex-direction:column;margin:0 7%;gap:8px}.page-heading{padding:45px 7% 35px}.page-heading h1{font-size:32px}.filters{padding:20px 15px}.filter-line{gap:12px;align-items:flex-start;margin-bottom:15px}.filter-line strong{width:100%}.search-label{flex-direction:column;align-items:flex-start;width:100%;gap:7px}.search-label input{width:100%}#reset{margin-left:0}#category-filters{gap:3px}#category-filters button{padding:8px 10px;font-size:12px}.results{font-size:11px;align-items:flex-start}.results span:last-child{max-width:130px;text-align:right}.catalog-page{padding-top:25px}.product-detail{padding-top:10px}.detail-photo{min-height:320px}.detail-photo img{max-height:420px}.detail-copy h1{font-size:28px}.breadcrumb{padding:25px 7%}.process ol{grid-template-columns:1fr 1fr;gap:30px 20px}.process h2,.prep h2{font-size:26px}.process h3{font-size:16px}.process p{font-size:13px}.custom-feature{padding-top:0}.about-image{padding-top:0;padding-bottom:0}form{padding:25px 20px}.contact-layout aside dd{font-size:19px}.view{display:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
/* SEO content: visible buyer guidance, inheriting the existing design system. */
.selection-note{margin:28px 0}.selection-note h2{font-size:19px;margin-bottom:14px}.selection-note p{font-size:14px}.topic-links,.seo-resources p,.reading-links{display:flex;flex-wrap:wrap;gap:16px 30px}.topic-links{margin:0 0 30px;font-size:14px}.topic-links a,.seo-resources a,.reading a,.custom-faq a{text-decoration:underline;text-underline-offset:5px;text-decoration-color:#a4afa3}.topic-links a:hover,.seo-resources a:hover,.reading a:hover{color:var(--green)}.seo-resources{padding-top:40px;padding-bottom:40px;border-top:1px solid var(--line)}.seo-resources h2{font-size:24px;margin-bottom:23px}.topic-catalog{padding-top:45px;padding-bottom:60px}.topic-catalog>h2{font-size:25px;margin-bottom:28px}.reading{max-width:1000px;margin:auto}.reading section+section{margin-top:55px}.reading h2{font-size:25px;margin-bottom:20px}.reading p{line-height:2.2}.reading .button{margin-top:25px;text-decoration:none}.article-toc{position:static;display:block;background:var(--soft);padding:25px 30px;box-shadow:none;margin:0 0 55px;font-size:14px}.article-toc h2{font-size:20px;margin-bottom:10px}.article-toc ol{margin-bottom:0;padding-left:22px}.article-toc a{display:inline-block;padding:6px 0}.guide-list{padding-top:10px}.guide-list article{border-top:1px solid var(--line);padding:35px 0;display:grid;grid-template-columns:1fr 1fr;gap:25px 8%}.guide-list h2{font-size:24px}.guide-list p{font-size:14px;line-height:2}.guide-list .text-link{justify-self:start}.custom-faq{background:var(--soft)}.custom-faq>h2{font-size:28px;margin-bottom:30px}.custom-faq details{border-top:1px solid var(--line);padding:20px 0}.custom-faq summary{cursor:pointer;font-size:16px}.custom-faq details p{margin-top:15px;max-width:65ch;font-size:14px}
@media(max-width:700px){.reading h2{font-size:23px}.reading section+section{margin-top:40px}.article-toc{padding:20px;margin-bottom:40px}.guide-list article{grid-template-columns:1fr;gap:20px}.guide-list h2{font-size:23px}.seo-resources h2{font-size:23px}.seo-resources p{gap:15px 24px}.topic-links{gap:15px 24px}.topic-catalog{padding-top:35px}.selection-note h2{font-size:19px}.custom-faq>h2{font-size:25px}}
/* Supplied official brand assets; original raster aspect ratios are retained. */
.brand-cn{display:flex;flex-direction:row;align-items:center;gap:9px;flex-shrink:0}.brand-cn>img{width:68px;height:84px;object-fit:contain}.brand-name{display:flex;flex-direction:column;gap:8px}.brand-name strong{font-family:"Songti SC","SimSun",serif;font-size:23px;font-weight:500;letter-spacing:3px}.brand-name>span{font-size:11px;letter-spacing:1px}.brand-en>img{width:270px;height:auto;object-fit:contain}.brand-introduction{display:flex;align-items:center;gap:70px;padding-top:0}.brand-introduction>img{width:160px;height:auto;object-fit:contain}.brand-introduction h2{font-size:28px;margin-bottom:20px}.brand-introduction p{line-height:2.1}
@media(max-width:1000px){.brand-cn>img{width:60px;height:74px}.brand-name strong{font-size:21px;letter-spacing:2px}.brand-name>span{letter-spacing:0}header nav{gap:18px}}
@media(max-width:700px){.brand-cn>img{width:53px;height:66px}.brand-name strong{font-size:20px;letter-spacing:2px}.brand-name>span{font-size:11px}.brand-en>img{width:250px}.brand-introduction{gap:25px;align-items:flex-start;flex-direction:column}.brand-introduction>img{width:125px}.brand-introduction h2{font-size:25px}header nav{gap:10px}}

/* P1-20261028 mobile/thumb polish */
@media(max-width:700px){
  .brand-name{min-width:0;max-width:min(52vw,220px)}
  .brand-name>span{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  #category-filters{max-width:100%;gap:6px}
  .filter-line{width:100%}
  .search-label{width:100%}
  .search-label input{width:100%;max-width:100%;box-sizing:border-box}
  .product-img{background:#f3f1ec}
  .hero h1{font-size:clamp(28px,8vw,36px);letter-spacing:1px}
  nav.open{max-height:calc(100vh - 90px);overflow:auto;-webkit-overflow-scrolling:touch}
}

/* Hero refresh 2026-10-28 — homepage first screen layout/typography only */
.hero{
  display:grid;
  grid-template-columns:minmax(0,0.9fr) minmax(0,1.2fr);
  min-height:min(78vh,740px);
  align-items:stretch;
  border-bottom:1px solid var(--line);
}
.hero-copy{
  display:flex;
  flex-direction:column;
  justify-content:center;
  padding:76px clamp(28px,6.4vw,96px) 76px 6.4%;
  max-width:36rem;
  box-sizing:border-box;
}
.hero h1{
  font-family:"Songti SC","STSong","SimSun",serif;
  font-size:clamp(40px,4.15vw,64px);
  font-weight:500;
  letter-spacing:0.06em;
  line-height:1.28;
  color:var(--ink);
}
.hero p{margin:0;color:var(--muted)}
.hero-lead{
  margin-top:26px;
  font-size:16px;
  line-height:1.85;
  color:var(--ink);
  letter-spacing:0.02em;
  max-width:28em;
}
.hero-sub{
  margin:12px 0 40px;
  font-size:14px;
  line-height:1.95;
  color:var(--muted);
  max-width:30em;
}
.hero .button{
  gap:16px;
  padding:0 30px;
  min-height:54px;
  letter-spacing:0.08em;
  font-size:13px;
  align-self:flex-start;
  transition:background .2s ease,border-color .2s ease;
}
.hero .button:hover{background:#2f4137;border-color:#2f4137}
.hero-photo{
  position:relative;
  background:var(--soft);
  overflow:hidden;
  min-height:100%;
}
.hero-photo>img{
  height:100%;
  width:100%;
  object-fit:cover;
  object-position:center;
}
.hero-photo>span{
  position:absolute;
  bottom:30px;
  left:30px;
  max-width:min(70%,18rem);
  font-size:12px;
  line-height:1.6;
  letter-spacing:0.06em;
  color:var(--ink);
  background:transparent;
  padding:0 0 0 14px;
  border-left:1px solid var(--green);
  backdrop-filter:none;
}
@media(max-width:1000px){
  .hero{min-height:560px;grid-template-columns:minmax(0,0.95fr) minmax(0,1.15fr)}
  .hero-copy{padding:56px 5%;max-width:none}
  .hero h1{font-size:clamp(34px,3.8vw,46px);letter-spacing:0.05em;line-height:1.32}
  .hero-lead{font-size:15px;margin-top:22px}
  .hero-sub{margin:10px 0 34px}
  .hero-photo>span{left:22px;bottom:22px}
}
@media(max-width:700px){
  .hero{
    grid-template-columns:1fr;
    min-height:0;
    border-bottom:0;
  }
  .hero-copy{
    padding:48px 7% 28px;
    max-width:none;
  }
  .hero h1{
    font-size:clamp(30px,8.2vw,38px);
    letter-spacing:0.04em;
    line-height:1.3;
  }
  .hero-lead{margin-top:18px;font-size:15px;line-height:1.8}
  .hero-sub{margin:10px 0 30px;font-size:13px;line-height:1.9}
  .hero .button{width:100%;justify-content:space-between;padding:0 22px}
  .hero-photo{
    height:min(58vw,360px);
    min-height:260px;
  }
  .hero-photo>span{
    bottom:16px;
    left:16px;
    font-size:11px;
    max-width:80%;
  }
}