:root{--ink:#344b3e;--green:#43634d;--paper:#fbf8ef;--orange:#d48150;--muted:#788071}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:"Noto Sans TC","PingFang TC",sans-serif;line-height:1.8}button,a{touch-action:manipulation}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}.wrap{max-width:1180px;margin:auto;padding:0 42px}header{height:100px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #344b3e18}.brand{font-family:Georgia,serif;font-size:29px;font-weight:bold;letter-spacing:-1px}.brand span{color:var(--orange)}nav{display:flex;align-items:center;gap:34px;font-size:14px}.pill,.primary{background:var(--green);color:white;border:0;border-radius:30px;padding:12px 25px;display:inline-block}.hero{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:20px;min-height:650px;padding-top:40px;padding-bottom:55px}.eyebrow{font-size:12px;letter-spacing:3px;color:#936b46;text-transform:uppercase}h1{font-family:Georgia,"Songti TC",serif;font-size:clamp(38px,4.3vw,62px);line-height:1.35;font-weight:500;letter-spacing:2px;margin:22px 0}h1 em{font-style:normal;color:var(--orange)}.intro{font-size:16px;max-width:420px;color:#6f786b}.actions{display:flex;gap:22px;align-items:center;margin-top:30px}.textlink{font-size:14px;border-bottom:1px solid #8d9c87}.small{font-size:12px;color:var(--muted)}.art{position:relative;background:#e7ebdc;border-radius:48% 48% 8px 8px;overflow:hidden;aspect-ratio:1/1.05}.art svg{width:100%;height:100%}.note{position:absolute;bottom:24px;left:25px;background:#fffdf3ed;border-radius:4px;padding:10px 18px;font-size:13px;transform:rotate(-4deg);box-shadow:0 5px 15px #344b3e10}.strip{border-top:1px solid #344b3e22;border-bottom:1px solid #344b3e22;padding:18px 0;display:flex;justify-content:space-around;font-size:13px;letter-spacing:1px}section{padding:85px 0}h2{font-family:Georgia,"Songti TC",serif;font-size:36px;line-height:1.4;font-weight:500;margin:12px 0 20px}.sectionhead{display:flex;align-items:end;justify-content:space-between;gap:30px}.sub{color:var(--muted);max-width:510px;font-size:15px}.tabs{display:flex;gap:10px;margin:28px 0 35px;flex-wrap:wrap}.tab{border:1px solid #cbd2bf;border-radius:22px;padding:8px 20px;background:transparent;color:var(--green);font-size:13px}.tab.active{background:var(--green);color:white}.products{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.cover{height:260px;border-radius:4px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;position:relative;overflow:hidden}.cover.one{background:#eadbc0}.cover.two{background:#dce3d3}.cover.three{background:#ecd7ca}.cover .book{width:156px;height:206px;background:#fcf6e8;box-shadow:7px 9px 0 #0000000c,0 14px 24px #344b3e22;transform:rotate(-7deg);border-left:6px solid #b8aa88;padding:20px 8px;line-height:1.5}.cover.two .book{transform:rotate(5deg);border-color:#94a28c}.cover.three .book{transform:rotate(-4deg);border-color:#bf9682}.book b{font-family:"Songti TC",serif;font-size:24px;display:block;margin:8px 0}.book span{font-size:10px;letter-spacing:2px}.book .symbol{font-size:47px;line-height:1.7}.tag{position:absolute;left:16px;top:15px;background:#fffdf3c9;border-radius:18px;padding:3px 12px;font-size:10px}.product h3{font-size:20px;font-weight:500;margin:18px 0 6px}.product p{font-size:13px;color:var(--muted);margin:0 0 14px}.row{display:flex;justify-content:space-between;align-items:center;font-size:12px}.preview{background:none;border:0;border-bottom:1px solid var(--ink);padding:0;color:var(--ink)}.week{background:#edf0e6}.weekgrid{display:grid;grid-template-columns:1fr 1.4fr;gap:85px;align-items:start}.days{display:grid;gap:0}.day{display:grid;grid-template-columns:64px 1fr;gap:20px;padding:17px 0;border-bottom:1px solid #cbd2bf}.day:first-child{padding-top:0}.day b{color:#9a7651;font-family:Georgia,serif;font-size:22px}.day strong{font-weight:500;font-size:16px}.day p{margin:3px 0;color:var(--muted);font-size:13px}.mission{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center}.quote{padding:50px;background:#efe6d4;border-radius:160px 160px 6px 6px;text-align:center;font-family:"Songti TC",serif;font-size:27px;line-height:1.9}.quote span{display:block;color:#aa8256;font-size:13px;margin-top:18px}.living{border-top:1px solid #d9ddcd;display:flex;align-items:center;justify-content:space-between;gap:30px}.living h2{font-size:28px}.badge{border:1px solid #b8c2ac;border-radius:30px;padding:10px 24px;font-size:13px;white-space:nowrap}footer{background:#344b3e;color:#f8f4e8;padding:40px 0}footer .wrap{display:flex;justify-content:space-between;align-items:center}footer p{font-size:12px;color:#c4cbbb}dialog{border:0;padding:0;border-radius:12px;width:min(760px,92vw);max-height:90vh;background:var(--paper);color:var(--ink)}dialog::backdrop{background:#1d302c90} .modalinner{padding:36px}.close{float:right;border:0;background:none;font-size:28px;color:var(--green)}.sample{background:white;border:1px solid #ddd8c8;padding:30px;margin:20px 0}.sample p{font-size:20px}.sample ruby{margin-right:8px}.sample rt{font-size:12px;color:#9b7653}.sample label{display:block;padding:8px 0;font-size:15px}.status{padding:15px;background:#e9eddf;font-size:13px} .hidden{display:none}@media(max-width:760px){.wrap{padding:0 22px}header{height:80px}nav{gap:15px}nav a:not(.pill){display:none}.brand{font-size:25px}.hero{grid-template-columns:1fr;padding-top:30px;gap:35px}.art{max-width:480px;width:100%;margin:auto}h1{font-size:43px}.strip{font-size:10px;gap:12px}.products{grid-template-columns:1fr}.cover{height:300px}.weekgrid,.mission{grid-template-columns:1fr;gap:35px}.sectionhead{display:block}section{padding:55px 0}h2{font-size:30px}.living{align-items:start;flex-direction:column;gap:10px}footer .wrap{align-items:start;flex-direction:column}.modalinner{padding:22px}.quote{padding:40px 24px}.actions{gap:18px}}
body.admin-bar header{scroll-margin-top:32px} :focus-visible{outline:3px solid #d48150;outline-offset:4px} @media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}