:root{--green:#244638;--text:#222c26;--muted:#69716b;--line:#e1e1d9;--paper:#fbfaf6;--orange:#e78835}
*{box-sizing:border-box}
html{scroll-behavior:smooth}body{margin:0;background:#fff;color:var(--text);font-family:"Microsoft YaHei","PingFang SC",Arial,sans-serif;font-size:14px;line-height:1.6}
a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}
.wrap{max-width:1160px;margin:auto;padding:0 28px}
.notice{background:var(--green);color:#edf4ee;text-align:center;font-size:12px;letter-spacing:.4px;padding:7px 16px}
header{border-bottom:1px solid #ecece7;background:#fff}
.head{min-height:74px;display:flex;align-items:center;gap:36px}
.logo{font-weight:900;font-size:25px;letter-spacing:-1px;display:flex;align-items:center;gap:10px;white-space:nowrap;color:var(--green)}
.logo-mark{display:inline-flex;width:29px;height:31px;background:var(--green);align-items:center;justify-content:center;color:white;font-size:18px;border-radius:2px;font-family:serif}
nav{display:flex;gap:31px;align-items:center;flex:1}nav a{font-weight:600;font-size:14px}nav a:first-child{color:var(--green);border-bottom:2px solid var(--green);padding:25px 0 23px}
.nav-right{display:flex;align-items:center;gap:16px;white-space:nowrap}.small-link{font-size:13px;color:#555}
.btn-outline{border:1px solid var(--green);background:#fff;color:var(--green);padding:8px 15px;border-radius:2px;font-weight:600}
.hero{background:#f4eee2;border-bottom:1px solid #ece4d9;overflow:hidden}
.hero-inside{min-height:355px;display:flex;align-items:center;justify-content:space-between;gap:20px}
.hero-copy{width:49%;padding:52px 0}.eyebrow{font-weight:700;color:var(--green);letter-spacing:2px;font-size:12px;margin:0 0 17px}
h1{font-size:47px;line-height:1.28;letter-spacing:-1.8px;margin:0 0 18px;color:#1b2c22;font-weight:900}
.hero-copy p.desc{font-size:16px;color:#596158;margin:0 0 29px;letter-spacing:.1px}
.primary{display:inline-flex;align-items:center;gap:18px;background:var(--green);color:#fff;font-size:15px;font-weight:700;border:1px solid var(--green);border-radius:2px;padding:12px 23px}
.primary:hover{background:#153326}.link-inline{margin-left:20px;color:var(--green);font-weight:700;border-bottom:1px solid #849388;padding-bottom:3px}
.hero-display{height:355px;width:49%;position:relative;flex-shrink:0}
.big-paper{position:absolute;background:#fff;box-shadow:0 10px 20px rgba(62,54,35,.12);border:1px solid #e8e5df;overflow:hidden}
.sheet-a{left:12%;top:62px;width:194px;height:264px;transform:rotate(-9deg);padding:25px 21px}
.sheet-b{left:42%;top:33px;width:233px;height:295px;transform:rotate(7deg);padding:22px 22px;background:#fffdf9}
.doc-line{height:7px;background:#e4e7e3;margin:9px 0}.doc-line.short{width:60%}.doc-line.mid{width:80%}.doc-title{font-size:21px;font-weight:900;line-height:1.3;color:var(--green);margin-bottom:21px}
.doc-tiny{font-size:10px;font-weight:700;letter-spacing:1px;color:#a0a49b;margin-bottom:20px}
.mini-chart{height:68px;margin:23px 0 12px;display:flex;align-items:flex-end;gap:8px;border-bottom:1px solid #b4c6bd;padding-left:5px}.mini-chart i{width:26px;background:#94ac9e;display:block}.mini-chart i:nth-child(2){background:#d6a76d}.mini-chart i:nth-child(3){background:#335f4a}.mini-chart i:nth-child(4){background:#b3c8b5}
.round-stamp{position:absolute;bottom:17px;right:15px;width:62px;height:62px;border:2px solid #de925b;border-radius:50%;display:flex;justify-content:center;align-items:center;transform:rotate(18deg);font-size:12px;font-weight:900;color:#d67b45;letter-spacing:2px;line-height:1.4;text-align:center}
.feature-line{border-bottom:1px solid #e9e9e2;background:#fff}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding-top:18px;padding-bottom:18px}.feature{display:flex;align-items:center;gap:12px;justify-content:center;font-size:13px;color:#525b53}.feature b{font-size:18px;color:var(--green);font-family:Georgia,serif}
.catalog{padding-top:57px;padding-bottom:55px}
.section-head{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:20px;gap:20px}.section-head h2{font-size:27px;margin:0;font-weight:900;letter-spacing:-.5px}.section-head p{margin:4px 0 0;color:#737a74}
.search{width:245px;border:1px solid #d9ddd6;border-radius:2px;padding:10px 12px;background:white;outline:none}.search:focus{border-color:var(--green)}
.tabs{display:flex;gap:0;border-bottom:1px solid var(--line);margin-bottom:25px;overflow:auto}.tab{border:0;background:none;padding:11px 24px 12px 0;margin-right:21px;color:#687168;white-space:nowrap;font-weight:600;border-bottom:2px solid transparent}.tab.active{color:var(--green);border-bottom-color:var(--green)}
.products{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px 20px}
.product{cursor:pointer;min-width:0}.thumb{height:216px;border:1px solid #e8e7e0;background:#f2f1eb;display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative}.product:hover .thumb{border-color:#a7b9aa}
.cover{width:72%;height:82%;position:relative;overflow:hidden;box-shadow:5px 6px 0 rgba(0,0,0,.10);display:flex;flex-direction:column;padding:21px 23px;transition:transform .15s}.product:hover .cover{transform:translateY(-3px)}
.cover small{font-size:9px;letter-spacing:1.1px;font-weight:800}.cover strong{font-size:25px;line-height:1.27;font-weight:900;margin-top:15px;letter-spacing:-1px}.cover em{font-style:normal;font-size:11px;margin-top:9px;opacity:.85}.cover .orn{margin-top:auto}.cover .stripes{height:30px;background:repeating-linear-gradient(0deg,transparent 0px,transparent 6px,currentColor 6px,currentColor 7px);opacity:.28}
.cover.green{background:#dceadf;color:#25543d}.cover.blue{background:#dce9f4;color:#204d70}.cover.orange{background:#f5d6be;color:#81431e}.cover.dark{background:#273a36;color:#f2e9c9}.cover.cream{background:#eee6d2;color:#614936}.cover.lilac{background:#e6e1ec;color:#564469}
.cover .mini-grid{height:45px;display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(3,1fr);gap:2px}.cover .mini-grid i{border:1px solid currentColor;opacity:.45}
.cover .ring{height:62px;width:62px;border:14px solid currentColor;border-right-color:transparent;border-radius:50%;opacity:.55}
.cover .num{font-size:63px;font-weight:900;line-height:1;opacity:.3;letter-spacing:-5px}
.cover .vertical-bars{display:flex;align-items:flex-end;height:42px;gap:7px}.vertical-bars i{width:18px;background:currentColor;opacity:.5}.vertical-bars i:nth-child(1){height:40%}.vertical-bars i:nth-child(2){height:80%}.vertical-bars i:nth-child(3){height:57%}.vertical-bars i:nth-child(4){height:96%}
.product-info{padding:12px 2px 0}.product-info .kind{font-size:11px;color:#828780}.product-title{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.product-title h3{font-size:16px;font-weight:800;margin:5px 0 4px}.price{font-size:18px;color:#c46124;font-weight:800;margin:3px 0 0;white-space:nowrap}.price small{font-size:12px}.product-info p{margin:0;font-size:12px;color:#777d76}
.empty{display:none;padding:40px 0;color:#707770}
.help-band{background:#ecf2ea;border-top:1px solid #e1e7df;border-bottom:1px solid #e1e7df}.help-content{display:flex;align-items:center;justify-content:space-between;gap:28px;padding-top:36px;padding-bottom:36px}.help-content h2{margin:0 0 4px;font-size:23px}.help-content p{margin:0;color:#626d63}.help-content a{border:1px solid var(--green);padding:10px 21px;color:var(--green);font-weight:800;white-space:nowrap;background:#fff}
footer{padding:40px 0 27px;background:#fff}.foot{display:flex;justify-content:space-between;gap:35px}.foot b{font-size:20px;color:var(--green)}.foot p{color:#767c76;max-width:360px;font-size:12px}.foot aside{display:flex;gap:55px}.foot aside div{display:grid;gap:7px;align-content:start;font-size:12px;color:#747a74}.foot aside strong{color:#263a30;font-size:13px;margin-bottom:6px}
.copyright{border-top:1px solid #e8e8e3;padding-top:15px;margin-top:25px;display:flex;justify-content:space-between;color:#9a9d98;font-size:11px}
dialog{border:1px solid #d5d9d2;padding:0;width:min(570px,calc(100% - 32px));box-shadow:0 15px 60px rgba(0,0,0,.2)}dialog::backdrop{background:rgba(25,38,30,.42)}.modal{padding:30px}.modal-top{display:flex;align-items:flex-start;justify-content:space-between}.modal h2{margin:0 0 10px;font-size:23px}.modal p{color:#656d65;line-height:1.8}.modal .price{font-size:25px}.close{background:none;border:0;font-size:25px;line-height:1}.sample-note{font-size:12px;color:#7a807a;margin-top:19px;border-top:1px solid #e5e7e2;padding-top:13px}
@media(max-width:850px){.head{gap:20px;flex-wrap:wrap;padding-top:14px;padding-bottom:12px}.logo{font-size:22px}nav{order:3;flex-basis:100%;gap:18px;overflow:auto}nav a:first-child{padding:7px 0 8px}.nav-right{margin-left:auto}.hero-inside{min-height:315px}.hero-copy{width:53%}h1{font-size:37px}.hero-display{width:45%;height:310px}.sheet-a{left:0;top:72px}.sheet-b{left:26%;top:30px}.products{grid-template-columns:repeat(2,1fr)}.thumb{height:220px}}
@media(max-width:570px){.wrap{padding:0 18px}.notice{font-size:11px}.nav-right{gap:10px}.small-link{display:none}.hero-inside{display:block;min-height:0}.hero-copy{width:100%;padding:38px 0 24px}h1{font-size:36px}.hero-copy p.desc{font-size:14px;margin-bottom:20px}.hero-display{width:100%;height:196px;margin-top:0}.sheet-a{transform:rotate(-9deg) scale(.65);transform-origin:top left;top:12px;left:9%}.sheet-b{transform:rotate(7deg) scale(.65);transform-origin:top left;top:0;left:42%}.features{grid-template-columns:repeat(3,1fr);gap:5px}.feature{font-size:10px;display:block;text-align:center}.feature b{display:block}.catalog{padding-top:37px;padding-bottom:37px}.section-head{align-items:flex-start;flex-direction:column}.section-head h2{font-size:24px}.search{width:100%}.products{grid-template-columns:repeat(2,1fr);gap:21px 12px}.thumb{height:157px}.cover{width:80%;height:83%;padding:12px}.cover strong{font-size:17px}.cover em{font-size:8px}.product-title h3{font-size:13px}.price{font-size:14px}.product-info p{font-size:11px}.help-content{display:block}.help-content a{display:inline-block;margin-top:18px}.foot{display:block}.foot aside{gap:35px;margin-top:25px;flex-wrap:wrap}.copyright{display:block}}