:root{--ink:#183c35;--muted:#61716a;--paper:#f5f4eb;--line:#d5ddd2;--accent:#c6f06d;--white:#fffefa}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.65 system-ui,'Microsoft Yahei',sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button,a{touch-action:manipulation}button:focus-visible,a:focus-visible{outline:3px solid #37957a;outline-offset:4px}.mast,main,footer{max-width:1180px;margin:auto}.mast{height:96px;display:flex;justify-content:space-between;align-items:center;padding:0 36px;border-bottom:1px solid var(--line)}.logo{font-size:22px;font-weight:800;letter-spacing:.04em}.logo span{font-size:35px;vertical-align:middle;margin-right:8px}.mast>a:last-child{font-size:14px}.hero{padding:68px 36px 52px;position:relative}.hero:after{content:'?';position:absolute;right:70px;top:22px;font:italic 350px/1 Georgia,serif;color:#dce6ca;z-index:-1}.eyebrow{font-size:11px;font-weight:700;letter-spacing:.16em}h1{font-size:clamp(43px,6.7vw,78px);line-height:1.16;letter-spacing:-.05em;margin:22px 0}p{color:var(--muted);margin:15px 0}.hero p{font-size:17px;line-height:1.9}.button{display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--ink);border-radius:40px;padding:12px 22px;background:transparent;font-weight:650;font-size:14px;transition:background .16s}.button:hover{background:#e3edda}.button.primary{background:var(--ink);color:var(--white)}.button.primary:hover{background:#306252}.hero>.button{margin-top:12px;background:var(--accent);color:var(--ink);border-color:var(--accent)}.spec{display:flex;gap:32px;margin-top:38px;font-size:12px;color:var(--muted)}.spec b{font-size:18px;color:var(--ink);margin-right:5px}.collection{padding:0 36px 56px}.section-head{display:flex;justify-content:space-between;align-items:end;margin:30px 0 20px}.section-head h2{font-size:26px;margin:6px 0 0;letter-spacing:-.04em}.section-head p,.section-head>span{font-size:12px;margin:0}.featured{display:grid;grid-template-columns:1fr 1fr;gap:24px}.item{background:var(--white);border:1px solid var(--line);border-radius:22px;overflow:hidden}.featured .item{display:grid;grid-template-columns:46% 54%}.cover{display:block;width:100%;height:100%;object-fit:cover}.info{padding:26px 22px;display:flex;flex-direction:column;justify-content:center}.badge{align-self:start;border-radius:16px;background:#eaf1df;padding:3px 9px;font-size:10px;letter-spacing:.06em}.item h3{font-size:25px;line-height:1.3;margin:15px 0 7px}.item p{font-size:13px;margin:8px 0}.actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.actions .button{font-size:12px;padding:8px 14px}.rest{margin-top:42px}.others{display:grid;grid-template-columns:repeat(5,1fr);gap:16px}.others .cover{aspect-ratio:3/4;height:auto}.others .info{padding:15px}.others h3{font-size:18px;margin:0}.others p{font-size:12px}.others .actions{gap:7px;margin-top:8px}.others .button{padding:7px 10px;font-size:11px}.about{display:grid;grid-template-columns:1fr 1fr;gap:60px;border-top:1px solid var(--line);padding:45px 36px 55px}.about h2{font-size:32px;line-height:1.5;margin:15px 0}.about p{font-size:14px}.sale{border-left:3px solid #abc28c;padding-left:15px}.sale b{color:var(--ink)}footer{padding:24px 36px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:20px;color:var(--muted);font-size:11px}dialog{width:min(680px,calc(100% - 24px));max-height:90dvh;padding:0;border:1px solid var(--line);border-radius:25px;background:var(--white);color:var(--ink);box-shadow:0 20px 100px #132f3340}dialog::backdrop{background:#142d3075;backdrop-filter:blur(5px)}.dialog-top{position:sticky;top:0;z-index:2;background:var(--white);border-bottom:1px solid var(--line);padding:16px 24px;display:flex;align-items:center;justify-content:space-between;font-size:12px}.close{border:0;background:#edf1e7;border-radius:50%;width:34px;height:34px;color:var(--ink);font-size:24px;line-height:1}#view-content{padding:26px 30px 32px}#view-content h2{font-size:27px;line-height:1.45;margin:10px 0}#view-content p{font-size:14px}.small{font-size:12px!important}.progress{height:5px;background:#e4eadf;border-radius:10px;margin:22px 0}.progress i{display:block;height:100%;background:#678c4c;border-radius:inherit}.choices{display:grid;gap:10px;margin:25px 0}.choice{display:flex;gap:13px;text-align:left;align-items:center;border:1px solid var(--line);border-radius:14px;background:#fafbf5;padding:15px;color:var(--ink)}.choice[aria-pressed=true]{background:#e3efcf;border-color:#60863e}.letter{font-size:12px;border-radius:50%;border:1px solid var(--line);width:25px;height:25px;text-align:center;flex:none}.choice span:last-child{font-size:14px}.sample-head{display:grid;grid-template-columns:1fr 150px;gap:20px;align-items:center}.sample-head img{width:150px;border-radius:20px}.sample-label{font-size:12px;background:#eaf1df;display:inline-block;padding:4px 10px;border-radius:12px}.sample-part{border-top:1px solid var(--line);padding-top:14px;margin-top:20px}.sample-part h3{font-size:15px;margin:0}.quote{font-size:20px!important;color:var(--ink)!important;font-family:serif}.notice{padding:14px;background:#f2f4e9;border-radius:12px}#notice{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);background:var(--ink);color:white;border-radius:25px;font-size:12px;padding:10px 20px;opacity:0;pointer-events:none;max-width:90vw}#notice.show{opacity:1}@media(max-width:900px){.featured .item{grid-template-columns:1fr}.featured .cover{aspect-ratio:3/4;height:auto;max-height:450px;object-fit:contain;background:#f5f1df}.featured .info{padding:20px}.others{grid-template-columns:repeat(3,1fr)}.section-head{align-items:start}.section-head p{max-width:160px}.hero:after{right:20px;top:70px;font-size:260px}}@media(max-width:560px){.mast{height:77px;padding:0 20px}.logo{font-size:18px}.mast>a:last-child{font-size:11px}.hero{padding:42px 20px 28px}.hero h1{font-size:46px}.hero:after{font-size:200px;right:10px;top:52px}.hero p{font-size:14px}.spec{gap:16px;flex-wrap:wrap;margin-top:28px}.spec span{font-size:10px}.spec b{font-size:15px}.collection{padding:0 16px 35px}.section-head{display:block;margin-top:25px}.section-head h2{font-size:23px}.section-head p{max-width:none;margin-top:8px}.featured{gap:13px}.featured .info{padding:15px 12px}.featured .item{border-radius:17px}.item h3{font-size:20px}.item p{font-size:12px}.actions{gap:8px;margin-top:12px}.actions .button{width:100%;padding:9px;font-size:12px}.others{grid-template-columns:1fr 1fr;gap:12px}.others .info{padding:13px}.others .button{width:auto;font-size:11px}.about{padding:30px 20px;grid-template-columns:1fr;gap:10px}.about h2{font-size:27px}.about h2 br{display:none}.about p{font-size:13px}footer{padding:20px;display:block;font-size:10px}footer span{display:block}.dialog-top{padding:12px 17px}#view-content{padding:20px}#view-content h2{font-size:23px}.sample-head{grid-template-columns:1fr 105px;gap:12px}.sample-head img{width:105px}.sample-head h2{font-size:21px!important}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}