:root{--paper: #f6f1e7;--paper-2: #fbf8f1;--ink: #241f1a;--ink-soft: #4a423a;--muted: #7a7065;--line: #ddd2bd;--line-soft: #e9e1d1;--accent: #8a5a2b;--accent-ink: #6d4420;--ok: #3d6b4f;--warn: #9a6b1f;--err: #8d3232;--radius: 4px;--serif: "Iowan Old Style", "Palatino Linotype", Palatino, Georgia, "Songti SC", "SimSun", serif;--sans: -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "PingFang SC", "Microsoft YaHei", sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;background-color:var(--paper);color:var(--ink);font:17px/1.7 var(--sans);-webkit-font-smoothing:antialiased;background-image:radial-gradient(circle at 18% 12%,rgba(255,255,255,.55),transparent 42%),radial-gradient(circle at 82% 78%,rgba(255,255,255,.35),transparent 46%),repeating-linear-gradient(0deg,rgba(36,31,26,.018) 0 1px,transparent 1px 3px)}a{color:var(--accent-ink);text-decoration:none;border-bottom:1px solid rgba(138,90,43,.35)}a:hover{border-bottom-color:var(--accent)}.wrap{max-width:1060px;margin:0 auto;padding:0 26px}.site-header{border-bottom:1px solid var(--line);background:#f6f1e7db;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);position:sticky;top:0;z-index:20}.site-header .wrap{display:flex;align-items:center;gap:26px;height:68px}.logo{font-family:var(--serif);font-size:21px;letter-spacing:.01em;color:var(--ink);border:0;font-weight:600}.logo span{color:var(--accent)}.nav{display:flex;gap:22px;margin-left:auto;align-items:center;flex-wrap:wrap}.nav a{border:0;color:var(--ink-soft);font-size:13px;letter-spacing:.08em;text-transform:uppercase}.nav a:hover{color:var(--accent-ink)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:13px 24px;border-radius:var(--radius);border:1px solid var(--ink);background:var(--ink);color:var(--paper-2);font:600 15px/1 var(--sans);letter-spacing:.02em;cursor:pointer;transition:transform .12s ease,background .16s ease,color .16s ease}.btn:hover{background:#3a322a;border-color:#3a322a}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn.ghost{background:transparent;color:var(--ink);border-color:var(--line)}.btn.ghost:hover{border-color:var(--accent);color:var(--accent-ink);background:#8a5a2b0d}.hero{padding:86px 0 40px}.hero .badge{display:inline-block;border:0;padding:0 0 8px;margin-bottom:22px;font-size:11.5px;letter-spacing:.18em;text-transform:uppercase;color:var(--muted);border-bottom:1px solid var(--line)}.hero h1{font-family:var(--serif);font-weight:600;font-size:clamp(34px,5.4vw,58px);line-height:1.06;letter-spacing:-.015em;margin:0 0 20px;max-width:820px}.hero p{color:var(--ink-soft);font-size:18.5px;max-width:560px;margin:0 0 30px}.hero .row{justify-content:flex-start}.section-label{display:block;margin:64px 0 6px;font-size:11.5px;letter-spacing:.18em;text-transform:uppercase;color:var(--muted)}.section-title{font-family:var(--serif);font-size:30px;font-weight:600;letter-spacing:-.01em;margin:0 0 22px}.grid{display:grid;gap:20px}.grid.c3{grid-template-columns:repeat(auto-fit,minmax(230px,1fr))}.card{background:var(--paper-2);border:1px solid var(--line);border-radius:var(--radius);padding:24px 22px}.card h3{font-family:var(--serif);font-size:19px;font-weight:600;margin:0 0 8px}.card p{margin:0;color:var(--ink-soft);font-size:15px}.drop{border:1px dashed var(--line);border-radius:var(--radius);background:var(--paper-2);padding:54px 22px;text-align:center;cursor:pointer;transition:.16s}.drop:hover,.drop.over{border-color:var(--accent);background:#8a5a2b0b}.drop strong{font-family:var(--serif);font-size:20px;font-weight:600}.drop p{color:var(--muted);margin:8px 0 0;font-size:14px}.preview{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:26px}.preview figure{margin:0}.preview img{width:100%;display:block;background:#fff;padding:10px 10px 34px;border:1px solid var(--line);box-shadow:0 1px #241f1a0d,0 12px 26px -18px #241f1a66;border-radius:2px}.preview figcaption{font-family:var(--serif);font-size:13px;color:var(--muted);margin-top:10px;letter-spacing:.04em}.row{display:flex;gap:14px;align-items:center;flex-wrap:wrap}.muted{color:var(--muted)}.small{font-size:13.5px}.center{text-align:center}.mt24{margin-top:24px}.notice{padding:13px 16px;border-radius:var(--radius);font-size:14.5px;border:1px solid var(--line);background:var(--paper-2);color:var(--ink-soft)}.notice.ok{border-color:#b9cbb8;background:#f2f6ef;color:#2f5138}.notice.warn{border-color:#e0cfa4;background:#fbf5e5;color:#7a5a15}.notice.err{border-color:#dfb6b6;background:#fbf0ef;color:#7c2b2b}.price-card{position:relative}.price-card.pop{border-color:var(--accent);box-shadow:0 0 0 3px #8a5a2b14}.price-card .tag{position:absolute;top:-11px;right:18px;background:var(--accent);color:#fff;font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;padding:4px 10px;border-radius:2px}.price{font-family:var(--serif);font-size:38px;font-weight:600;letter-spacing:-.02em;margin:8px 0 2px}footer.site-footer{border-top:1px solid var(--line);margin-top:88px;padding:30px 0 40px;color:var(--muted);font-size:13px}footer.site-footer .wrap{display:flex;gap:18px;flex-wrap:wrap;align-items:center}footer.site-footer a{border:0;color:var(--muted)}footer.site-footer a:hover{color:var(--accent-ink)}.prose{max-width:720px}.prose h1{font-family:var(--serif);font-size:34px;font-weight:600;letter-spacing:-.01em;margin-bottom:18px}.prose h2{font-family:var(--serif);font-size:22px;margin-top:34px}.prose p,.prose li{color:var(--ink-soft)}.prose code{background:var(--paper-2);border:1px solid var(--line);padding:1px 6px;border-radius:3px;font-size:13px}@media (max-width: 680px){.preview{grid-template-columns:1fr}.hero{padding-top:52px}.site-header .wrap{height:60px}.nav{gap:14px}}.ba{position:relative;overflow:hidden;border:1px solid var(--line);background:#fff;cursor:ew-resize;-webkit-user-select:none;user-select:none;touch-action:none;border-radius:2px}.ba:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.ba-img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block}.ba-line{position:absolute;top:0;bottom:0;width:1px;background:#ffffffeb;box-shadow:0 0 0 1px #241f1a2e}.ba-handle{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:40px;height:40px;border-radius:50%;background:var(--paper-2);border:1px solid var(--line);display:flex;align-items:center;justify-content:center;font-size:15px;color:var(--ink);box-shadow:0 8px 20px -10px #241f1a99}.ba-tag{position:absolute;bottom:12px;font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;background:#241f1abd;color:#fff;padding:4px 9px;border-radius:2px}.ba-tag.left{left:12px}.ba-tag.right{right:12px}.gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(235px,1fr));gap:20px}.gallery figure{margin:0;display:flex;flex-direction:column}.gallery .pair{display:grid;grid-template-columns:1fr 1fr;gap:3px;border:1px solid var(--line);background:#fff;padding:8px;border-radius:2px}.gallery .pair img{width:100%;display:block;aspect-ratio:4 / 5;object-fit:cover}.gallery figcaption{font-family:var(--serif);font-size:12.5px;color:var(--muted);margin-top:auto;padding-top:9px;letter-spacing:.04em}.hero-drop{padding:30px 22px;margin:4px 0 22px;max-width:640px}.hero-drop strong{font-size:17px}.grid.c4{grid-template-columns:repeat(auto-fit,minmax(215px,1fr))}.price-card.best{border-color:var(--ink);box-shadow:0 0 0 3px #241f1a12}.price-card .tag.best{background:var(--ink)}