*{box-sizing:border-box}body{margin:0;background:#fff7f9;color:#542737;font-family:system-ui,-apple-system,"Noto Sans TC",sans-serif;font-size:18px}a{color:#9a2855}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}header{max-width:1000px;margin:auto;padding:18px 20px;display:flex;justify-content:space-between;gap:12px}header a{min-height:48px;display:flex;align-items:center;text-underline-offset:4px;font-weight:650}main{max-width:1000px;margin:auto;padding:20px 20px 48px}.eyebrow{font-weight:750;color:#a92c5b;margin:8px 0}h1{font-size:clamp(30px,6vw,42px);margin:6px 0}.intro{margin:10px 0 24px}nav{display:flex;gap:8px;flex-wrap:wrap}nav button{border:1px solid #d89ab0;background:white;color:#8e3153;border-radius:100px;padding:10px 18px;min-height:48px;font-weight:700}nav button[aria-pressed=true]{background:#a82e5b;color:white;border-color:#a82e5b}#count{font-size:16px;color:#755562;margin:18px 0 12px}#cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}article{min-width:0;background:white;border:1px solid #efd0da;border-radius:20px;overflow:hidden;box-shadow:0 4px 14px #84324a08}.image-button{display:block;padding:0;border:0;background:#f4e8ed;width:100%;aspect-ratio:1}.image-button img{display:block;width:100%;height:100%;object-fit:contain}article h2{font-size:18px;line-height:1.5;margin:10px 12px 4px}article .kind{font-size:14px;margin:0 12px 6px;color:#80616c}.download{display:flex;justify-content:center;align-items:center;min-height:48px;border-radius:12px;background:#ad315f;color:white;text-decoration:none;font-weight:750}article .download{margin:10px 12px 14px}.credit{font-size:16px;line-height:1.7;color:#755562;margin-top:32px}dialog{border:0;border-radius:22px;padding:0;width:min(740px,calc(100% - 24px));max-height:calc(100dvh - 24px);color:inherit;background:#fff8fa;overflow:hidden}dialog[open]{display:flex;flex-direction:column}dialog::backdrop{background:#321120b8}.dialog-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 14px;flex-shrink:0}.dialog-head h2{font-size:19px;margin:0}.dialog-head button{min-height:48px;min-width:85px;background:#f9e0e8;color:#842044;border:0;border-radius:12px;font-weight:750;flex-shrink:0}.preview-scroll{overflow:auto;min-height:0;background:#f5edf0}.preview-scroll img{width:100%;height:auto;display:block}.dialog-actions{padding:12px 14px;display:grid;gap:10px;flex-shrink:0}.dialog-actions>a:last-child{text-align:center;font-size:16px;padding:4px}button:focus-visible,a:focus-visible{outline:3px solid #632142;outline-offset:3px}@media(max-width:650px){#cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}main{padding:12px 14px 32px}header{padding:10px 14px;font-size:16px}article h2{font-size:17px;margin:8px 10px 4px}article .kind{margin-left:10px}article .download{margin:8px 10px 12px;font-size:17px}nav button{padding:10px 15px}}