/* 集市(土):伊兹尼克瓷砖(钴蓝/绿松石/珊瑚红/金)+尖拱(ogive)画框+郁金香(lale)。衬线 Playfair,星形瓷砖带、拱形图框 */
:root{--bg:#f7f0dd;--fg:#14315e;--muted:#5d6d86;--line:#dfd0a6;--surface:#fffaec;--accent:#123f86;--accent-fg:#fff6dc;--gold:#c9962c;--tq:#14958f;--red:#cf3b2b;--pc:#cf3b2b;--font:Inter,system-ui,sans-serif;--font-d:"Playfair Display",Georgia,serif;--r:4px;color-scheme:light;--tile:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3E%3Crect width='32' height='32' fill='%23123f86'/%3E%3Cg fill='none' stroke='%23d9a93a' stroke-width='1.2'%3E%3Crect x='8' y='8' width='16' height='16'/%3E%3Crect x='8' y='8' width='16' height='16' transform='rotate(45 16 16)'/%3E%3C/g%3E%3Ccircle cx='16' cy='16' r='2.4' fill='%231aa5a0'/%3E%3C/svg%3E");--tu:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26' height='30' viewBox='0 0 26 30'%3E%3Cpath d='M13 2c-5 4-8 8-8 13 0 4 3 7 8 7s8-3 8-7c0-5-3-9-8-13Z' fill='%23cf3b2b'/%3E%3Cpath d='M13 2c-2 5-2 12 0 20 2-8 2-15 0-20Z' fill='%2314958f'/%3E%3Cpath d='M13 22v7M13 26c-4 0-6-2-7-4M13 26c4 0 6-2 7-4' stroke='%2314958f' stroke-width='1.6' fill='none'/%3E%3C/svg%3E");--arch:polygon(0 100%,0 34%,3% 27%,9% 19%,18% 11%,30% 5%,41% 1.5%,50% 0,59% 1.5%,70% 5%,82% 11%,91% 19%,97% 27%,100% 34%,100% 100%)}
@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#0a1b38;--fg:#f6ecd0;--muted:#a4b0c8;--line:#24427a;--surface:#102a55;--accent:#e2b04a;--accent-fg:#1a1405;--gold:#e2b04a;--tq:#35c5be;--pc:#e2b04a;color-scheme:dark;--tile:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3E%3Crect width='32' height='32' fill='%230b2a5c'/%3E%3Cg fill='none' stroke='%23e2b04a' stroke-width='1.2'%3E%3Crect x='8' y='8' width='16' height='16'/%3E%3Crect x='8' y='8' width='16' height='16' transform='rotate(45 16 16)'/%3E%3C/g%3E%3Ccircle cx='16' cy='16' r='2.4' fill='%2335c5be'/%3E%3C/svg%3E")}}
:root[data-theme=dark]{--bg:#0a1b38;--fg:#f6ecd0;--muted:#a4b0c8;--line:#24427a;--surface:#102a55;--accent:#e2b04a;--accent-fg:#1a1405;--gold:#e2b04a;--tq:#35c5be;--pc:#e2b04a;color-scheme:dark;--tile:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3E%3Crect width='32' height='32' fill='%230b2a5c'/%3E%3Cg fill='none' stroke='%23e2b04a' stroke-width='1.2'%3E%3Crect x='8' y='8' width='16' height='16'/%3E%3Crect x='8' y='8' width='16' height='16' transform='rotate(45 16 16)'/%3E%3C/g%3E%3Ccircle cx='16' cy='16' r='2.4' fill='%2335c5be'/%3E%3C/svg%3E")}
body{background:var(--bg)}
.hdr{background:#0f3578;color:#fbefcf;position:relative}.hdr-in{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;min-height:62px}.tools{display:flex}.tools.r{justify-content:flex-end}
.logo{font-family:var(--font-d);font-weight:700;font-style:italic;font-size:1.55rem;color:#f1c75a;text-decoration:none;text-align:center;line-height:1.1;padding:8px 0}
.hdr .theme,.hdr .lang summary{color:#fbefcf}.hdr .lang ul{color:var(--fg);border:2px solid var(--gold)}
.tiles{height:18px;background:var(--tile) 0 0/18px 18px repeat-x;border-block:2px solid var(--gold)}
.nav{display:flex;justify-content:center;align-items:center;gap:14px;padding:12px 18px;background:var(--surface);border-bottom:1px solid var(--line)}.nav a{text-decoration:none;font-family:var(--font-d);font-weight:700;font-size:1.02rem;padding:4px 2px}.nav a:hover{color:var(--red)}
.tl{width:9px;height:9px;background:var(--gold);transform:rotate(45deg)}
.cr{padding-top:12px}
.hero{padding:26px 16px 8px;display:flex;justify-content:center}
.arch{width:100%;max-width:470px;background:var(--gold);clip-path:polygon(0 100%,0 34%,3% 27%,9% 19%,18% 11%,30% 5%,41% 1.5%,50% 0,59% 1.5%,70% 5%,82% 11%,91% 19%,97% 27%,100% 34%,100% 100%);padding:4px 4px 0}
.arch-in{clip-path:polygon(0 100%,0 34%,3% 27%,9% 19%,18% 11%,30% 5%,41% 1.5%,50% 0,59% 1.5%,70% 5%,82% 11%,91% 19%,97% 27%,100% 34%,100% 100%);background:var(--tile) center top/32px 32px,#123f86;color:#fbefcf;text-align:center;padding:clamp(120px,40vw,190px) 22px 34px;position:relative}
.arch-in::before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 50% 38%,rgba(10,30,70,.93) 0 38%,rgba(10,30,70,.0) 72%)}.arch-in>*{position:relative}
.rub{display:block;width:34px;height:34px;margin:0 auto 12px;background:linear-gradient(var(--gold),var(--gold)) center/22px 22px no-repeat;clip-path:polygon(50% 0,62% 24%,85% 15%,76% 38%,100% 50%,76% 62%,85% 85%,62% 76%,50% 100%,38% 76%,15% 85%,24% 62%,0 50%,24% 38%,15% 15%,38% 24%)}
.arch-in .rub{margin-top:-6px}
.hero h1{font-size:clamp(1.7rem,8vw,2.5rem);font-style:italic;font-weight:700;line-height:1.15;text-wrap:balance;color:#fff3d3}.lead{margin:12px 0 18px;font-size:.88rem;color:#cdd9ee}
.actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}
.btn{border-radius:999px;font-family:var(--font-d);font-weight:700;letter-spacing:.01em}.btn.gold{background:var(--gold);color:#1d1503}.btn.ghost{color:inherit;border:2px solid currentColor}
.sec-h{display:block;text-align:center;margin-bottom:22px}.sec-h h1,.sec-h h2{font-size:1.75rem;font-style:italic;font-weight:700}.sec-h h2::before,.sec-h h1::before{content:"";display:block;width:26px;height:30px;margin:0 auto 6px;background:var(--tu) center/contain no-repeat}
.sec-h h2::after,.sec-h h1::after{content:"";display:block;height:12px;margin-top:8px;background:var(--tile) center/12px 12px repeat-x;opacity:.9;border-radius:2px}
.chips{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin:0 0 22px}.chip{display:inline-flex;gap:8px;align-items:center;padding:6px 14px;border:2px solid var(--gold);border-radius:999px;text-decoration:none;font-weight:600;font-size:.85rem;background:var(--surface)}.chip b{background:var(--tq);color:#fff;border-radius:999px;padding:0 7px;font-size:.72rem}.chip:hover{background:var(--accent);color:var(--accent-fg)}
.grid{display:grid;grid-template-columns:1fr 1fr;gap:26px 14px}.card{display:block;text-decoration:none}
.ph{display:block;position:relative;background:var(--gold);clip-path:polygon(0 100%,0 34%,3% 27%,9% 19%,18% 11%,30% 5%,41% 1.5%,50% 0,59% 1.5%,70% 5%,82% 11%,91% 19%,97% 27%,100% 34%,100% 100%);padding:3px 3px 0;aspect-ratio:4/5}.ph img{width:100%;height:100%;object-fit:cover;clip-path:polygon(0 100%,0 34%,3% 27%,9% 19%,18% 11%,30% 5%,41% 1.5%,50% 0,59% 1.5%,70% 5%,82% 11%,91% 19%,97% 27%,100% 34%,100% 100%);background:var(--line)}.ph .noimg{display:grid;place-items:center;height:100%}
.nw{position:absolute;z-index:2;inset:auto 10px 8px auto;background:var(--red);color:#fff;font-weight:700;font-size:.68rem;letter-spacing:.08em;padding:3px 10px;border-radius:999px}
.cap{display:grid;gap:2px;justify-items:center;text-align:center;padding-top:8px}.tu{width:16px;height:18px;background:var(--tu) center/contain no-repeat}.cap h3{font-size:1.05rem;font-weight:700}.meta{font-size:.76rem;color:var(--muted)}.pr{font-family:var(--font-d);font-weight:700;font-size:1.12rem;color:var(--pc)}
.more{text-align:center;margin-top:22px}.more a{font-family:var(--font-d);font-weight:700;color:var(--red)}
.pdp{display:grid;gap:22px;padding-block:22px 28px}.gal{max-width:520px;margin-inline:auto;width:100%}.gallery figure{padding-inline:2px}.gallery .ph{aspect-ratio:4/5}.noimg-l{aspect-ratio:4/5;display:grid;place-items:center}
.dots{display:flex;justify-content:center;gap:10px;padding-top:12px}.dots i{width:8px;height:8px;background:var(--gold);transform:rotate(45deg);opacity:.4}.dots i:first-child{opacity:1}
.pi{text-align:center}.pi h1{font-size:clamp(1.9rem,8vw,2.7rem);font-style:italic;text-wrap:balance}.pi .rub{width:26px;height:26px;background-size:17px 17px;margin-bottom:6px}
.stamp{display:inline-block;margin-top:10px;background:var(--red);color:#fff;font-weight:700;font-size:.74rem;letter-spacing:.1em;padding:3px 14px;border-radius:999px}
.spec{margin:18px 0;border:2px solid var(--gold);outline:1px solid var(--accent);outline-offset:3px;background:var(--surface);text-align:start}.spec div{display:flex;justify-content:space-between;gap:12px;padding:10px 14px;border-bottom:1px solid var(--line)}.spec div:nth-child(odd){background:color-mix(in srgb,var(--tq) 9%,transparent)}.spec div:last-child{border:0}.spec dt{color:var(--muted)}.spec dd{font-weight:700;text-align:end}.spec a{text-decoration:none;border-bottom:2px solid var(--red)}
.pbox{display:grid;gap:2px;padding:16px;margin-bottom:16px;background:var(--surface);border:2px solid var(--accent);outline:2px solid var(--gold);outline-offset:3px;border-radius:var(--r)}.pl{font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);font-weight:700}.pv{font-family:var(--font-d);font-weight:700;font-size:2.7rem;color:var(--pc);line-height:1.1}.pbox small{color:var(--muted)}
.desc{max-width:none;text-align:start}.desc h2{font-size:1.45rem;font-style:italic;margin:1.2em 0 .5em;color:var(--red)}.desc ul{list-style:none;padding:0}.desc li{padding:9px 0 9px 28px;border-bottom:1px dashed var(--line);position:relative}.desc li::before{content:"";position:absolute;inset-inline-start:4px;top:1em;width:11px;height:11px;background:var(--tq);transform:rotate(45deg)}
.inq{max-width:560px;margin-inline:auto;width:100%}.form input,.form textarea{border:2px solid var(--accent);background:var(--surface)}.form input:focus,.form textarea:focus{outline:0;border-color:var(--red)}.form .btn{background:var(--accent);color:var(--accent-fg)}
.narrow h1{font-size:2.3rem;font-style:italic;text-align:center}.narrow .lead{color:var(--muted);text-align:center}.newitem{background:var(--surface);border:2px solid var(--gold);padding:14px;border-radius:var(--r)}.newitem h2{font-size:1.6rem;font-style:italic}.newimg{clip-path:polygon(0 100%,0 34%,3% 27%,9% 19%,18% 11%,30% 5%,41% 1.5%,50% 0,59% 1.5%,70% 5%,82% 11%,91% 19%,97% 27%,100% 34%,100% 100%);background:var(--gold);padding:3px 3px 0}.newimg img{width:100%;aspect-ratio:4/5;object-fit:cover;clip-path:polygon(0 100%,0 34%,3% 27%,9% 19%,18% 11%,30% 5%,41% 1.5%,50% 0,59% 1.5%,70% 5%,82% 11%,91% 19%,97% 27%,100% 34%,100% 100%)}.newitem .price{font-family:var(--font-d);font-weight:700;color:var(--pc);font-size:1.4rem}
.bar{position:fixed;inset-inline:0;bottom:0;z-index:30;display:flex;justify-content:space-between;align-items:center;gap:12px;padding:9px 16px calc(9px + env(safe-area-inset-bottom));background:#0f3578;color:#fbefcf;border-top:3px solid var(--gold)}.bar span{display:grid;line-height:1.1}.bar small{font-size:.68rem;letter-spacing:.12em;text-transform:uppercase;opacity:.75}.bar b{font-family:var(--font-d);font-size:1.45rem;color:#f1c75a}.bar .btn{min-height:44px}
.ftr{text-align:center;padding:22px 0 96px;background:var(--surface)}
@media(min-width:860px){.grid{grid-template-columns:repeat(4,1fr);gap:34px 22px}.pdp{grid-template-columns:1fr 1fr;gap:20px 56px;align-items:start}.pdp .gal{grid-row:1/span 3}.pdp .desc,.pdp .inq{grid-column:2}.bar{display:none}.ftr{padding-bottom:40px}}