:root{--ink:#1c3e36;--paper:#f8f5ee;--muted:#65746b;--line:#dce2d6;--accent:#b75037;--white:#fffdf7;--soft:#e8eee2}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.7 'Microsoft YaHei','PingFang SC',system-ui,sans-serif}a{color:inherit}button,summary{font:inherit}button,a,summary{outline-offset:5px}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid var(--accent)}button{cursor:pointer}button:disabled{cursor:default;opacity:.64}h1,h2,h3,p{margin-top:0}h1,h2{font-family:'Songti SC',SimSun,Georgia,serif;font-weight:500}h1{font-size:clamp(38px,5.8vw,74px);line-height:1.23;letter-spacing:-.04em;max-width:760px;margin-bottom:23px}h2{font-size:clamp(29px,4vw,45px);line-height:1.35;margin-bottom:14px}h3{font-size:20px}p{margin-bottom:18px}.wrap{width:min(1160px,100% - 64px);margin:auto}.top{height:91px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:13px;text-decoration:none}.brandmark{width:39px;height:39px;border:1.5px solid var(--ink);border-radius:50%;display:grid;place-items:center;font:23px Georgia,serif}.brand strong{display:block;font-size:17px}.brand small{font-size:10px;letter-spacing:.13em}.nav{display:flex;align-items:center;gap:24px;font-size:14px}.nav a{text-decoration:none}.language{border:1px solid var(--line);border-radius:99px;padding:6px 13px}.eyebrow{font-size:12px;letter-spacing:.18em;color:var(--accent);font-weight:700}.hero{padding:83px 0 75px;display:grid;grid-template-columns:1.25fr 1fr;gap:64px;align-items:center}.lead{font-size:18px;color:var(--muted);max-width:580px}.actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-top:30px}.button{display:inline-flex;align-items:center;justify-content:center;min-height:47px;padding:10px 21px;border:1px solid var(--ink);border-radius:8px;text-decoration:none;background:var(--ink);color:var(--white);font-weight:700;font-size:14px}.button.secondary{background:transparent;color:var(--ink)}.button.disabled{background:#e5e8e0;color:#61736a;border-color:#cdd6cb}.small{font-size:13px;color:var(--muted)}.hero-note{margin-top:24px;font-size:13px;color:var(--muted)}.mail-art{position:relative;padding:33px 27px 29px;background:var(--soft);border-radius:18px;min-height:430px}.postcard{position:relative;background:var(--white);padding:26px 24px 30px;border:1px solid #ccd5c6;box-shadow:0 17px 40px #23452b13;transform:rotate(-3deg);border-radius:5px}.postcard:before{content:'';position:absolute;inset:0 0 auto;height:5px;background:repeating-linear-gradient(135deg,#b96c59 0 12px,transparent 12px 24px,#647e97 24px 36px,transparent 36px 48px)}.post-head{display:flex;justify-content:space-between;align-items:flex-start}.stamp{border:1px dashed var(--accent);width:63px;height:72px;text-align:center;padding:9px 3px;font-size:11px;line-height:1.7;color:var(--accent)}.post-title{font:31px/1.2 Georgia,serif;margin:21px 0 12px}.post-lines{font-size:14px;color:var(--muted);max-width:230px}.phone{position:absolute;right:-11px;bottom:-2px;width:169px;height:298px;background:#203b33;border-radius:26px;padding:8px;border:1px solid #173329;box-shadow:0 20px 40px #17332928;transform:rotate(5deg)}.phone img{width:100%;height:100%;object-fit:cover;object-position:top;border-radius:18px}.phone-label{position:absolute;left:32px;bottom:19px;font-size:11px;letter-spacing:.12em}.section{border-top:1px solid var(--line);padding:59px 0}.section-head{display:flex;justify-content:space-between;align-items:end;gap:25px;margin-bottom:27px}.section-head p{margin:0;color:var(--muted);max-width:500px}.product{display:grid;grid-template-columns:1fr 1.15fr;gap:48px;align-items:center}.product-visual{border-radius:16px;background:#e5ebde;padding:27px;display:flex;justify-content:center;align-items:center;min-height:353px}.product-visual img{height:304px;max-width:100%;object-fit:contain;border:1px solid #d8dfd0;border-radius:12px;box-shadow:0 10px 30px #1c3e3610}.tags{display:flex;gap:8px;flex-wrap:wrap;margin:15px 0}.tag{padding:3px 10px;border:1px solid var(--line);border-radius:99px;font-size:12px}.availability{display:inline-flex;background:#e7eddc;color:#476038;border-radius:99px;padding:4px 11px;font-size:12px}.price{font-weight:700;font-size:22px;margin:20px 0 3px}.price span{font-size:12px;font-weight:400;color:var(--muted);margin-left:8px}.product p{max-width:560px;color:var(--muted)}.split{display:grid;grid-template-columns:1fr 1fr;gap:60px}.steps{display:grid;gap:19px}.step{display:grid;grid-template-columns:40px 1fr;gap:15px}.step-number{font:24px Georgia,serif;color:var(--accent)}.step h3{margin-bottom:4px;font-size:16px}.step p{margin:0;font-size:14px;color:var(--muted)}.about-note{border:1px solid var(--line);border-radius:12px;padding:28px;background:#ffffff66}.about-note p{font-size:15px;color:var(--muted)}.footer{padding:27px 0 36px;border-top:1px solid var(--line);font-size:12px;color:var(--muted)}.footer-row{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}.footer a{font-size:12px}.detail-header{padding:58px 0 35px}.back{font-size:13px;display:inline-block;margin-bottom:24px}.detail-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:48px;align-items:start}.video{width:100%;max-height:570px;background:#e8e8dd;border-radius:15px;display:block}.purchase{padding:26px;border:1px solid var(--line);border-radius:14px;background:var(--white)}.purchase ul{padding-left:21px;font-size:14px;color:var(--muted)}.purchase .button{width:100%;margin-top:12px}.purchase p{font-size:14px;color:var(--muted)}.faq{max-width:880px}.faq details{padding:19px 0;border-bottom:1px solid var(--line)}.faq summary{cursor:pointer;font-weight:700}.faq details p{margin:15px 0 0;color:var(--muted);font-size:14px}.notice{padding:16px 20px;border-radius:9px;background:#e9eddf;font-size:14px;margin:20px 0}.privacy{font-size:12px;color:var(--muted);max-width:900px}dialog{width:min(540px,calc(100% - 35px));border:1px solid var(--line);border-radius:14px;padding:30px;background:var(--white);color:var(--ink)}dialog::backdrop{background:#14332e80}.modal-close{border:1px solid var(--ink);background:var(--ink);color:var(--white);padding:9px 18px;border-radius:7px;min-height:44px}@media(max-width:800px){.wrap{width:calc(100% - 40px)}.hero{padding:43px 0 42px;grid-template-columns:1fr;gap:30px}.hero h1{max-width:580px}.mail-art{max-width:470px;width:100%;margin:auto;min-height:370px;padding:25px}.phone{right:4px;height:267px;width:150px}.postcard{min-height:285px;padding:23px}.phone-label{bottom:12px;left:24px;max-width:170px}.product{grid-template-columns:1fr;gap:27px}.product-visual{min-height:280px}.product-visual img{height:248px}.section{padding:38px 0}.section-head{display:block}.section-head p{margin-top:12px}.split,.detail-grid{grid-template-columns:1fr;gap:28px}.nav{gap:13px}.nav .optional{display:none}.top{height:78px}.brand strong{font-size:15px}.brand small{font-size:9px}.detail-header{padding:34px 0 20px}h1{font-size:42px}.lead{font-size:16px}.detail-header h1{font-size:39px}.video{max-height:480px}.footer-row{gap:12px}.actions .button{flex-grow:1}.post-title{font-size:27px}.post-lines{max-width:185px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

.product-visual img{width:174px;object-fit:cover;object-position:top}@media(max-width:800px){.product-visual img{width:154px}}