:root{--paper: #fbf5f2;--paper-2: #f6ece9;--card: rgba(255, 255, 255, .72);--ink: #3d2c3b;--ink-soft: #6e5a6a;--muted: #9a8794;--rose: #c98b9b;--rose-deep: #a8687b;--lilac: #a99cc9;--gold: #c2a36b;--line: #ecdfe0;--hue: #c98b9b;--radius: 18px;--serif: "Noto Serif TC", "Songti TC", "PMingLiU", serif;--script: "Cormorant Garamond", "Times New Roman", serif;--sans: system-ui, -apple-system, "PingFang TC", "Noto Sans TC", "Microsoft JhengHei", sans-serif;--measure: 700px;--wide: 1120px}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}body{margin:0;color:var(--ink);background:var(--paper);font:17px/1.9 var(--sans);letter-spacing:.01em;background-image:radial-gradient(40rem 22rem at 12% -6rem,color-mix(in srgb,var(--rose) 26%,transparent),transparent 70%),radial-gradient(36rem 20rem at 92% -4rem,color-mix(in srgb,var(--lilac) 30%,transparent),transparent 70%),radial-gradient(28rem 16rem at 55% 6rem,color-mix(in srgb,var(--gold) 14%,transparent),transparent 70%);background-repeat:no-repeat}a{color:var(--rose-deep);text-underline-offset:3px;text-decoration-thickness:1px}a:hover{color:var(--ink)}img{max-width:100%;height:auto;display:block}.skip{position:absolute;left:-999px}.skip:focus{left:16px;top:8px;background:#fff;padding:6px 12px;border-radius:8px;z-index:10}.masthead{position:relative;z-index:2}.masthead-inner{max-width:var(--wide);margin:0 auto;padding:18px 16px;display:flex;align-items:center;justify-content:space-between;gap:12px}.wordmark{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--ink)}.wordmark-gem{width:22px;height:22px;flex:none;transform:rotate(45deg);border-radius:4px;background:conic-gradient(from 210deg,var(--rose),var(--lilac),#fff 40%,var(--gold),var(--rose));box-shadow:0 0 0 3px #fff,0 0 18px color-mix(in srgb,var(--lilac) 70%,transparent)}.wordmark-zh{font-family:var(--serif);font-weight:700;font-size:1.2rem;letter-spacing:.12em}.wordmark-en{font-family:var(--script);font-style:italic;color:var(--muted);font-size:1rem;display:none}@media(min-width:560px){.wordmark-en{display:inline}}.masthead-link{font-size:.9rem;color:var(--ink-soft);text-decoration:none;padding:6px 14px;border:1px solid var(--line);border-radius:999px;background:var(--card);backdrop-filter:blur(6px)}.masthead-link:hover{border-color:var(--rose);color:var(--ink)}.colophon{margin-top:96px;border-top:1px solid var(--line);background:linear-gradient(to bottom,transparent,color-mix(in srgb,var(--lilac) 10%,var(--paper)))}.colophon-inner{max-width:var(--measure);margin:0 auto;padding:40px 16px 48px;text-align:center;color:var(--ink-soft);font-size:.85rem}.colophon-mark{font-family:var(--serif);font-size:1.05rem;color:var(--ink);letter-spacing:.1em}.colophon-mark em{font-family:var(--script);color:var(--rose-deep);letter-spacing:0;margin-left:6px}.colophon-small{color:var(--muted);font-size:.78rem}h1,h2,h3{font-family:var(--serif);font-weight:700;color:var(--ink)}.script{font-family:var(--script);font-style:italic;font-weight:500}@keyframes rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.rise{animation:rise .7s cubic-bezier(.2,.7,.2,1) both}.hero{max-width:var(--wide);margin:0 auto;padding:40px 16px 24px;text-align:center}.hero-kicker{font-family:var(--script);font-style:italic;color:var(--rose-deep);font-size:1.25rem;margin:0}.hero h1{font-size:clamp(2.1rem,8vw,3.4rem);letter-spacing:.14em;margin:4px 0 12px;line-height:1.3}.hero-dek{max-width:34em;margin:0 auto;color:var(--ink-soft)}.hero-rule{width:120px;height:14px;margin:22px auto 0;background:linear-gradient(var(--gold),var(--gold)) center / 100% 1px no-repeat;position:relative}.hero-rule:after{content:"";position:absolute;left:50%;top:50%;width:9px;height:9px;transform:translate(-50%,-50%) rotate(45deg);background:var(--paper);border:1px solid var(--gold)}.chips{max-width:var(--wide);margin:8px auto 0;padding:8px 16px 4px;display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;justify-content:flex-start}.chips::-webkit-scrollbar{display:none}@media(min-width:900px){.chips{flex-wrap:wrap;justify-content:center}}.chip{flex:none;display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border-radius:999px;background:var(--card);border:1px solid var(--line);color:var(--ink-soft);text-decoration:none;font-size:.88rem}.chip:before{content:"";width:8px;height:8px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff,var(--hue) 60%)}.chip:hover{border-color:var(--hue);color:var(--ink)}.catalog{max-width:var(--wide);margin:0 auto;padding:0 16px}.group{margin-top:48px;scroll-margin-top:16px}.group-head{display:flex;align-items:baseline;gap:12px;margin-bottom:14px;padding-bottom:8px;border-bottom:1px solid var(--line)}.group-head h2{font-size:1.35rem;margin:0;letter-spacing:.08em}.group-head .script{color:var(--muted);font-size:1.05rem}.group-head:before{content:"";width:12px;height:12px;flex:none;align-self:center;transform:rotate(45deg);border-radius:2px;background:linear-gradient(135deg,#fff,var(--hue));box-shadow:0 0 10px color-mix(in srgb,var(--hue) 60%,transparent)}.cards{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.cards>li{grid-column:auto / span 1;min-width:0}.cards>.google-auto-placed,.cards .google-auto-placed{grid-column:1 / -1}@media(min-width:720px){.cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}}@media(min-width:1000px){.cards{grid-template-columns:repeat(4,minmax(0,1fr))}}.card{position:relative;display:flex;flex-direction:column;height:100%;text-decoration:none;color:var(--ink);background:var(--card);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;box-shadow:0 1px #fff inset,0 8px 24px -18px color-mix(in srgb,var(--hue) 60%,#3d2c3b);transition:transform .35s cubic-bezier(.2,.7,.2,1),box-shadow .35s,border-color .35s}.card:hover{transform:translateY(-3px);border-color:color-mix(in srgb,var(--hue) 45%,var(--line));box-shadow:0 16px 32px -20px color-mix(in srgb,var(--hue) 80%,#3d2c3b);color:var(--ink)}.card-thumb{aspect-ratio:4 / 3;overflow:hidden;background:var(--paper-2)}.card-thumb img{width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.2,.7,.2,1)}.card:hover .card-thumb img{transform:scale(1.04)}.card-swatch{aspect-ratio:4 / 3;display:block;background:radial-gradient(circle at 50% 55%,transparent 0 28%,color-mix(in srgb,var(--hue) 10%,transparent) 29% 100%),radial-gradient(circle at 42% 40%,#fff 0 6%,color-mix(in srgb,var(--hue) 55%,#fff) 18%,var(--hue) 34%,transparent 35%),linear-gradient(160deg,var(--paper),color-mix(in srgb,var(--hue) 14%,var(--paper)))}.card-meta{padding:12px 14px 14px;display:flex;flex-direction:column;gap:2px}.card-no{font-family:var(--script);font-style:italic;font-size:.9rem;color:var(--muted)}.card-name{font-family:var(--serif);font-size:1.08rem;letter-spacing:.04em;line-height:1.4}.card-en{font-family:var(--script);font-style:italic;font-size:.92rem;color:var(--ink-soft);line-height:1.3;overflow-wrap:anywhere}.specimen{max-width:var(--wide);margin:0 auto;padding:0 16px}.specimen-head{max-width:var(--measure);margin:0 auto;padding-top:20px;text-align:center}.crumbs{font-size:.82rem;color:var(--muted);display:flex;gap:6px;justify-content:center;flex-wrap:wrap}.crumbs a{color:var(--muted);text-decoration:none}.crumbs a:hover{color:var(--rose-deep)}.eyebrow{margin:18px 0 0;display:flex;justify-content:center;gap:12px;align-items:center;font-family:var(--script);font-style:italic;color:var(--rose-deep);font-size:1.1rem}.eyebrow .no{color:var(--gold)}.eyebrow .no:after{content:"·";margin-left:12px;color:var(--line)}.specimen-head h1{font-size:clamp(1.55rem,5.6vw,2.3rem);line-height:1.45;letter-spacing:.03em;margin:8px 0 14px}.dek{color:var(--ink-soft);font-size:1rem;margin:0 auto;max-width:36em}.dates{display:flex;gap:16px;justify-content:center;flex-wrap:wrap;color:var(--muted);font-size:.8rem;margin:14px 0 0}.plate{margin:28px auto 0;max-width:1040px}@media(min-width:900px){.plate img{aspect-ratio:21 / 9}}.plate img{width:100%;aspect-ratio:16 / 9;object-fit:cover;border-radius:28px;box-shadow:0 30px 60px -40px color-mix(in srgb,var(--hue) 70%,#3d2c3b)}.plate figcaption{text-align:center;font-size:.78rem;color:var(--muted);margin-top:10px}.specimen-body{display:grid;grid-template-columns:minmax(0,1fr);gap:24px;margin-top:32px}.specimen-body>*{grid-column:1 / -1;min-width:0}@media(min-width:1000px){.specimen-body{grid-template-columns:minmax(0,var(--measure)) 300px;justify-content:center;gap:56px}.specimen-body>.prose{grid-column:1;grid-row:1}.specimen-body>.rail{grid-column:2;grid-row:1}.rail-sticky{position:sticky;top:24px}}.prose,.rail{max-width:var(--measure);width:100%;margin:0 auto}.card-spec{position:relative;background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:18px 18px 8px;overflow:hidden}.card-spec:before{content:"";position:absolute;inset:0 0 auto;height:4px;background:linear-gradient(90deg,var(--rose),var(--lilac),var(--gold))}.card-spec-title{margin:0 0 8px;font-family:var(--serif);font-weight:700;letter-spacing:.1em;display:flex;flex-direction:column}.card-spec-title span{font-family:var(--script);font-style:italic;font-weight:500;color:var(--rose-deep);letter-spacing:0;font-size:1rem}.card-spec dl{margin:0;display:grid;grid-template-columns:5.2em minmax(0,1fr);font-size:.9rem;line-height:1.6}.card-spec dt{color:var(--muted);padding:8px 0;border-top:1px dashed var(--line)}.card-spec dd{margin:0;padding:8px 0;border-top:1px dashed var(--line)}.toc{margin-top:16px;background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:14px 18px;font-size:.92rem}.toc summary{cursor:pointer;font-family:var(--serif);font-weight:700;letter-spacing:.1em;list-style:none;display:flex;justify-content:space-between}.toc summary::-webkit-details-marker{display:none}.toc summary:after{content:"+";color:var(--rose-deep);transition:transform .3s}.toc[open] summary:after{transform:rotate(45deg)}.toc ol{margin:10px 0 2px;padding-left:1.4em;line-height:1.7}.toc li{margin:4px 0}.toc a{color:var(--ink-soft);text-decoration:none}.toc a:hover{color:var(--rose-deep)}.prose>p:first-child{font-size:1.06rem}.prose h2{font-size:1.42rem;line-height:1.5;margin:56px 0 16px;padding-top:22px;scroll-margin-top:16px;position:relative;letter-spacing:.03em}.prose h2:before{content:"";position:absolute;top:0;left:0;width:56px;height:1px;background:var(--gold)}.prose h2:after{content:"";position:absolute;top:-4px;left:56px;width:8px;height:8px;transform:rotate(45deg);border:1px solid var(--gold);background:var(--paper)}.prose h3{font-size:1.12rem;margin:34px 0 8px;scroll-margin-top:16px;color:var(--rose-deep)}.prose p,.prose li{color:var(--ink)}.prose strong{font-weight:700;background:linear-gradient(transparent 62%,color-mix(in srgb,var(--rose) 28%,transparent) 62%)}.prose ul,.prose ol{padding-left:1.3em}.prose ul li::marker{color:var(--rose)}.prose li{margin:6px 0}.table-wrap{overflow-x:auto;margin:20px 0;border:1px solid var(--line);border-radius:14px;background:var(--card);-webkit-overflow-scrolling:touch}.prose table{width:100%;min-width:34em;border-collapse:separate;border-spacing:0;font-size:.92rem;line-height:1.65}.prose th,.prose td{padding:10px 14px;text-align:left;vertical-align:top;min-width:6.5em;border-bottom:1px solid var(--line)}.prose th{font-family:var(--serif);font-weight:700;background:color-mix(in srgb,var(--rose) 10%,#fff);color:var(--ink);white-space:nowrap}.prose tr:last-child td{border-bottom:0}.prose td:first-child{font-weight:600}.prose blockquote{margin:24px 0;padding:14px 18px;border-radius:14px;background:color-mix(in srgb,var(--lilac) 12%,#fff);border:1px solid color-mix(in srgb,var(--lilac) 30%,var(--line));color:var(--ink-soft)}.prose blockquote p{margin:0}.cta{margin:28px 0;padding:18px 20px;border-radius:var(--radius);background:#fff6f1;border:1px solid #f3c7b5}.cta-title{margin:0 0 4px;font-family:var(--serif);font-weight:700;color:#b8452a}.cta-desc{margin:0 0 12px;color:var(--ink-soft);font-size:.9rem}.cta a{display:inline-block;background:#ee4d2d;color:#fff;padding:10px 22px;border-radius:999px;text-decoration:none;font-weight:700;font-size:.95rem}.cta a:hover{background:#d63f20;color:#fff}.faq details{border:1px solid var(--line);border-radius:14px;background:var(--card);margin:10px 0;padding:0 18px}.faq summary{cursor:pointer;list-style:none;padding:14px 24px 14px 0;position:relative;font-weight:600;line-height:1.6}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"+";position:absolute;right:0;top:12px;font-size:1.2rem;color:var(--rose-deep);transition:transform .3s}.faq details[open] summary:after{transform:rotate(45deg)}.faq details p{margin:0 0 16px;color:var(--ink-soft)}.sources ol{font-size:.85rem;color:var(--muted);padding-left:1.4em}.sources a{color:var(--ink-soft)}.shelf{margin-top:72px}.shelf-title{text-align:center;font-size:1.3rem;letter-spacing:.12em;margin-bottom:20px;display:flex;flex-direction:column}.shelf-title span{font-family:var(--script);font-style:italic;font-weight:500;color:var(--rose-deep);letter-spacing:0;font-size:1.05rem}.page-body{margin-top:32px}.colophon-nav{display:flex;flex-wrap:wrap;justify-content:center;gap:6px 18px;margin:0 0 14px;padding:0;list-style:none;font-size:.85rem}.colophon-nav a{color:var(--ink-soft);text-decoration:none}.colophon-nav a:hover{color:var(--rose-deep)}.notfound{max-width:var(--measure);margin:0 auto;padding:72px 16px;text-align:center}