@font-face{font-family:serif-fallback;src:local('STKaiti')}*{box-sizing:border-box} :root{--paper:#f3efe5;--ink:#29251f;--muted:#8b8374;--red:#93382a;--gold:#ae8c4b}body{margin:0;background:var(--paper);color:var(--ink);font-family:'Microsoft YaHei',system-ui,sans-serif}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:2px solid var(--red);outline-offset:5px}button:disabled{cursor:wait}button{border:0}svg{width:21px;height:21px}.app{height:100svh;min-height:660px;display:flex;flex-direction:column;background:radial-gradient(ellipse at 58% 48%,#fffdf5 0,transparent 58%)}.topbar{height:100px;flex:none;margin:0 5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #b4a17d30}.brand{display:flex;align-items:center;gap:14px;text-decoration:none;color:var(--ink);font-family:'STKaiti','KaiTi',serif;font-size:25px;letter-spacing:3px}.brand small{display:block;font-family:system-ui,sans-serif;font-size:10px;letter-spacing:5px;color:var(--muted);margin-top:7px}.seal{background:var(--red);color:#ffedbf;border-radius:3px;padding:7px;font-family:'KaiTi',serif;font-size:24px;box-shadow:inset 0 0 0 4px var(--red),inset 0 0 0 5px #e9c991;letter-spacing:0}.styles{display:flex;gap:7px;padding:5px;background:#e8e1d55e;border:1px solid #d9cdbb66;border-radius:30px}.styles button{border-radius:23px;padding:11px 23px;font-size:13px;letter-spacing:1px;background:transparent;color:#7d7465;transition:background .2s,color .2s}.styles button[aria-pressed=true]{background:#fffdf7;color:#30251b;box-shadow:0 2px 10px #4f3a1410}.quiet{background:none;padding:12px}.stage{flex:1;min-height:0;display:grid;grid-template-columns:1fr minmax(250px,470px) 1fr;align-items:center;padding:20px 6%;position:relative}.caption{justify-self:center;padding-bottom:40px}.eyebrow{font-size:11px;letter-spacing:4px;color:var(--muted)}.sign-no{display:flex;align-items:baseline;gap:13px;margin:28px 0 20px}.sign-no span{font-family:'STKaiti','KaiTi',serif;color:#7a6c57;font-size:17px}.sign-no strong{font-family:Georgia,serif;font-size:65px;font-weight:400;line-height:1;letter-spacing:-2px;color:#b2945f}.caption h1{font-size:27px;line-height:1.8;font-family:'STKaiti','KaiTi','Noto Serif CJK SC',serif;letter-spacing:7px;font-weight:400;margin:0}.fine-line{display:block;width:26px;height:1px;background:#ac8e5b;margin:26px 0 16px}.edition{font-size:11px;letter-spacing:3px;color:var(--muted)}.card-area{height:100%;min-height:0;display:flex;justify-content:center;align-items:center;position:relative}.card-wrap{height:100%;aspect-ratio:915/1718;max-width:100%;position:relative;perspective:900px;display:flex;justify-content:center;transition:transform .25s}.card-wrap img{display:block;height:100%;width:auto;max-width:100%;object-fit:contain;filter:drop-shadow(0 12px 22px #40331e30);transition:opacity .18s;user-select:none;cursor:zoom-in}.card-wrap img.zoomed{position:fixed;inset:2vh 2vw;height:96vh;width:96vw;max-width:none;object-fit:contain;z-index:11;cursor:zoom-out;filter:drop-shadow(0 0 100px #000)}.app:has(.zoomed)::after{content:'';position:fixed;inset:0;background:#171410e8;z-index:10}.card-wrap.is-loading img{opacity:.45}.halo{position:absolute;width:90%;height:70%;border-radius:50%;background:#cfb47714;filter:blur(30px)}.arrow{position:absolute;z-index:2;border:1px solid #b5a88c50;border-radius:50%;width:38px;height:38px;background:#fffaf088;font-family:serif;font-size:30px;color:#857559;transition:background .2s}.arrow:hover{background:#fffdf9}.previous{left:-28px}.next{right:-28px}.side-mark{justify-self:center;writing-mode:vertical-rl;font-family:'STKaiti','KaiTi',serif;font-size:14px;letter-spacing:6px;color:#a99b83;display:flex;align-items:center;gap:20px}.side-mark span{height:65px;width:1px;background:#b6a68766}.toolbar{height:102px;flex:none;margin:0 8%;display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center}.all-button{display:flex;gap:11px;align-items:center;background:transparent;font-size:12px;color:#796b58;letter-spacing:2px;justify-self:start}.draw-button{justify-self:center;display:flex;align-items:center;justify-content:space-between;gap:30px;background:var(--red);color:#ffedcf;min-width:200px;padding:16px 24px;border-radius:4px;font-size:16px;letter-spacing:4px;box-shadow:0 6px 17px #71301920;transition:transform .2s,background .2s}.draw-button:hover{background:#7e2b21;transform:translateY(-2px)}.draw-symbol{font-size:24px;line-height:1}.draw-arrow{font-size:19px;letter-spacing:0}.counter{justify-self:end;font-family:Georgia,serif;color:#a09889;font-size:15px;letter-spacing:2px}.counter b{color:#665b47;font-weight:400}.draw-veil{display:none;position:absolute;inset:0;background:#211b13ed;color:#efcd87;align-items:center;justify-content:center;flex-direction:column;gap:25px;letter-spacing:8px;font-family:'STKaiti','KaiTi',serif;font-size:22px;border:1px solid #b7924d;box-shadow:inset 0 0 0 8px #211b13,inset 0 0 0 9px #987641}.draw-veil i{width:46px;height:46px;border:1px solid #cca752;transform:rotate(45deg)}.drawing .draw-veil{display:flex}.drawing{animation:sway .32s ease-in-out infinite alternate}.drawing .draw-veil i{animation:turn 2s linear infinite}.reveal{animation:reveal .6s ease-out}.load-error{position:absolute;padding:20px;background:var(--paper);font-size:13px}.load-error button{padding:9px;color:var(--red);background:none}dialog{border:1px solid #cdbb99;background:#f3efe5;color:var(--ink);border-radius:12px;width:min(1120px,94vw);height:90vh;padding:0;box-shadow:0 20px 90px #21150655}dialog::backdrop{background:#211d16a6;backdrop-filter:blur(6px)}.gallery-head{display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;z-index:1;background:#f3efe5f5;padding:25px 35px;border-bottom:1px solid #ddd1bb}.gallery-head h2{font-family:'STKaiti','KaiTi',serif;font-size:27px;font-weight:400;letter-spacing:5px;margin:8px 0 0}.close{font-size:32px}.gallery-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:22px;padding:30px}.gallery-item{padding:8px;background:none;border-radius:4px;border:1px solid transparent;display:flex;flex-direction:column;align-items:center;gap:9px}.gallery-item:hover,.gallery-item[aria-current=true]{border-color:#aa8350;background:#e9dfcc}.gallery-item img{width:100%;height:190px;object-fit:contain;filter:drop-shadow(0 3px 4px #0002)}.gallery-item span{font-family:Georgia,serif;font-size:13px;color:#847257}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}@keyframes sway{from{transform:rotate(-1.3deg) translateY(-2px) scale(.98)}to{transform:rotate(1.3deg) translateY(2px) scale(.98)}}@keyframes turn{to{transform:rotate(225deg)}}@keyframes reveal{from{opacity:.3;transform:translateY(12px) scale(.96)}to{opacity:1;transform:none}}@media(min-width:1500px){.stage{grid-template-columns:1fr minmax(250px,560px) 1fr}.caption h1{font-size:32px}}@media(max-width:800px){.app{min-height:560px}.topbar{height:118px;margin:0 5%;flex-wrap:wrap;padding:14px 0 8px;gap:10px}.brand{font-size:21px;gap:10px}.brand small{display:none}.seal{font-size:19px}.full{padding:8px}.styles{order:3;width:100%;justify-content:center;padding:3px;gap:0}.styles button{padding:8px 18px;flex:1;font-size:12px}.stage{display:flex;justify-content:center;padding:15px 50px 8px}.caption,.side-mark{display:none}.card-area{max-width:390px;width:100%}.previous{left:-37px}.next{right:-37px}.arrow{width:31px;height:31px;line-height:20px}.toolbar{height:85px;margin:0 5%;grid-template-columns:1fr auto 1fr}.draw-button{min-width:155px;padding:13px 16px;gap:17px;font-size:15px}.all-button{font-size:10px;letter-spacing:0;gap:5px}.all-button svg{width:16px}.counter{font-size:12px;letter-spacing:0}.gallery-grid{grid-template-columns:repeat(4,1fr);padding:14px;gap:8px}.gallery-item{padding:4px}.gallery-item img{height:140px}.gallery-head{padding:20px}.gallery-head h2{font-size:23px}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}

.header-actions{display:flex;align-items:center;gap:16px}.header-actions .all-button{font-size:14px;letter-spacing:2px;color:#6c451f;background:#e7d5b2;border:1px solid #b99759;border-radius:5px;padding:12px 17px;box-shadow:0 2px 6px #5030140d}.header-actions .all-button:hover{background:#ddc495}@media(max-width:800px){.header-actions{gap:6px}.header-actions .all-button{padding:9px 10px;font-size:12px;letter-spacing:1px}.header-actions .all-button svg{width:16px}.header-actions .full{padding:6px}}

/* Large-card gallery with persistent in-gallery style navigation. */
#gallery{width:min(1440px,96vw);height:94svh;max-height:94svh}.gallery-head{gap:20px}.gallery-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;padding:30px}.gallery-item{padding:10px;justify-content:flex-start}.gallery-item img{width:100%;height:auto;object-fit:contain}.gallery-item span{font-size:16px;padding:5px}.gallery-styles{flex:none}.gallery-head h2{white-space:nowrap}@media(max-width:1000px){.gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;padding:20px}}@media(max-width:600px){.gallery-head{display:grid;grid-template-columns:1fr auto;padding:14px 18px;gap:10px}.gallery-head>div{grid-column:1}.gallery-head .close{grid-column:2;grid-row:1}.gallery-styles{grid-column:1/-1;grid-row:2;width:100%;order:unset}.gallery-grid{grid-template-columns:1fr;padding:14px 22px;gap:24px}.gallery-item{padding:8px}.gallery-item img{height:auto}.gallery-styles button{padding:9px 12px}}


.grade-info-trigger{background:transparent;color:#8c642b;font-size:12px;white-space:nowrap;padding:10px 6px}.grade-info-trigger:hover{text-decoration:underline}.grade-info-trigger[hidden]{display:none}#grade-info{width:min(460px,92vw);height:auto;max-height:90svh;padding:25px 30px;border-radius:12px}.grade-info-head{display:flex;align-items:center;justify-content:space-between}.grade-info-head h2{font-family:'STKaiti','KaiTi',serif;font-weight:400;font-size:26px;margin:8px 0}.grade-intro{font-size:14px;color:#76644a;margin:16px 0}.grade-table{border-collapse:collapse;width:100%;font-size:14px}.grade-table th{text-align:left;font-size:12px;color:#8c7b62;font-weight:400;padding:10px 6px;border-bottom:1px solid #cdbb99}.grade-table td{padding:11px 6px;border-bottom:1px solid #dcd2bf}.grade-table td:first-child{color:#97651c;font-weight:600;width:95px}.grade-note{font-size:11px;color:#8a7e6c;line-height:1.7;margin:16px 0 0}.header-actions{gap:10px}@media(max-width:800px){.topbar{height:150px}.header-actions{flex-wrap:wrap;justify-content:flex-end;max-width:210px;gap:3px}.header-actions .grade-info-trigger{order:3;flex-basis:100%;text-align:right;padding:3px 8px;font-size:11px}.gallery-head{flex-wrap:wrap}.gallery-head>.grade-info-trigger{padding:4px 0;font-size:12px}}@media(max-width:600px){.gallery-head>.grade-info-trigger{grid-column:1/-1;grid-row:3;justify-self:start}.gallery-head>.grade-info-trigger[hidden]{display:none}}