:root{color-scheme:light;--ink:#173b64;--blue:#216de2;--mist:#f3f8ff;--green:#31744c}*{box-sizing:border-box}body{margin:0;color:var(--ink);background:#fff;font-family:"PingFang SC","Microsoft YaHei",system-ui,sans-serif}button,select,a{ -webkit-tap-highlight-color:transparent}button,select{font:inherit}button,a,select{outline-offset:5px}button:focus-visible,a:focus-visible,select:focus-visible{outline:3px solid var(--blue)}header,main,footer{max-width:1280px;margin:auto;padding-left:44px;padding-right:44px}header{height:98px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e2eaf4}.brand{display:flex;gap:10px;align-items:center;font-weight:800;font-size:26px;text-decoration:none;color:var(--ink);letter-spacing:-1px}.brand-mark{font-size:38px;color:var(--blue)}.edition{font-size:14px;color:#617992}.intro{padding:56px 0 42px;display:flex;align-items:center;justify-content:space-between;gap:32px}h1{font-size:38px;line-height:1.3;letter-spacing:-1px;margin:0 0 16px;font-weight:750}.intro p{font-size:16px;line-height:1.9;margin:0;color:#54708c}.intro .note{font-size:14px;color:var(--green);padding:12px 20px;border-left:3px solid #b4d5b9;white-space:nowrap}.toolbar{display:flex;gap:20px;justify-content:space-between;align-items:center;padding:0 0 10px}.toolbar nav{display:flex;gap:8px}.toolbar button{border:0;border-radius:22px;background:var(--mist);color:var(--ink);padding:11px 21px;cursor:pointer}.toolbar button.selected{background:var(--blue);color:white}.toolbar label{font-size:14px;color:#54708c}.toolbar select{margin-left:8px;border:1px solid #c5d6e8;border-radius:8px;padding:10px;color:var(--ink);background:#fff}#status{font-size:13px;color:#617992;margin:15px 0 23px}.gallery{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:36px 24px}.artwork{min-width:0}.cover{display:block;position:relative;width:100%;padding:0;border:0;background:var(--mist);border-radius:12px;overflow:hidden;cursor:pointer}.cover img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:contain}.cover:hover{outline:3px solid #b5d3fa;outline-offset:3px}.artwork h2{font-size:17px;margin:15px 0 6px;font-weight:650;line-height:1.5}.artwork p{font-size:13px;color:#617992;margin:0;display:flex;justify-content:space-between;gap:10px}.artwork small{font-size:12px;color:#54708c}footer{display:flex;justify-content:space-between;gap:24px;padding-top:48px;padding-bottom:28px;margin-top:48px;border-top:1px solid #e2eaf4;font-size:12px;color:#617992}dialog{max-width:850px;width:calc(100% - 40px);border:0;border-radius:16px;padding:24px;box-shadow:0 20px 80px #173b6440;color:var(--ink)}dialog[open]{display:grid;grid-template-columns:1.2fr 1fr;gap:30px;align-items:center}dialog::backdrop{background:#173b6480}dialog img{width:100%;aspect-ratio:1;object-fit:contain;background:var(--mist);border-radius:10px}.close{position:absolute;top:8px;right:12px;border:0;background:white;color:var(--ink);font-size:30px;width:38px;height:38px;border-radius:50%;cursor:pointer}.details{padding:20px 4px}.details h2{font-size:25px;margin:12px 0 20px;line-height:1.4}.details p{font-size:14px;color:#54708c;line-height:1.7}.download{display:inline-block;background:var(--blue);color:#fff;padding:13px 22px;border-radius:9px;text-decoration:none;margin:15px 0 4px}.details .format-note{font-size:12px}#retry{padding:12px 24px;border:0;border-radius:8px;background:var(--blue);color:#fff;cursor:pointer}@media(max-width:800px){header,main,footer{padding-left:24px;padding-right:24px}.intro{padding:36px 0 30px}.intro .note{display:none}h1{font-size:30px}.gallery{grid-template-columns:repeat(3,minmax(0,1fr));gap:28px 18px}footer{display:block}footer span{display:block;margin-bottom:8px}}@media(max-width:560px){header{height:78px}.brand{font-size:23px}.intro p{font-size:14px}h1{font-size:27px}.toolbar{align-items:flex-start;flex-direction:column;gap:16px}.toolbar button{padding:10px 16px}.gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 16px}.artwork h2{font-size:15px}.artwork p{flex-direction:column;gap:3px}dialog[open]{display:block}dialog img{max-height:43vh}.details{padding:4px}.details h2{font-size:21px;margin:8px 0}.details p{margin:8px 0}footer{margin-top:32px}}
:root{--legal-text:#304b66}footer nav,.legal-nav,.legal-footer nav{display:flex;flex-wrap:wrap;gap:12px 18px}footer a,.legal-nav a{color:#285e9e;text-decoration:underline;text-underline-offset:3px}.legal-nav{justify-content:flex-end;font-size:14px}.legal-main{max-width:900px;padding-top:64px;padding-bottom:20px}.legal-kicker{color:#216de2;font-size:12px;font-weight:750;letter-spacing:.12em}.legal-main h1{margin-bottom:12px}.legal-date{font-size:14px;color:#617992}.legal-intro{padding:22px 24px;margin:30px 0 40px;border-left:4px solid #9ac4fa;border-radius:0 12px 12px 0;background:#f3f8ff}.legal-main section{margin:0 0 34px}.legal-main h2{margin:0 0 12px;font-size:20px;line-height:1.45;color:#173b64}.legal-main p{line-height:1.85;color:var(--legal-text);overflow-wrap:anywhere}.legal-main a{color:#175db6;text-decoration:underline;text-underline-offset:3px}.legal-footer{max-width:900px}.legal-footer nav{justify-content:flex-end}@media(max-width:560px){.legal-page header{height:auto;min-height:78px;flex-wrap:wrap;gap:4px 20px;padding-top:14px;padding-bottom:14px}.legal-nav{font-size:13px}.legal-main{padding-top:42px}.legal-main h2{font-size:19px}.legal-intro{padding:18px;margin:24px 0 32px}.legal-footer nav{justify-content:flex-start}}