:root{color-scheme:light;--ink:#193f39;--red:#8b292d;--paper:#faf7ef;--line:#ded9c9;font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;color:var(--ink);background:var(--paper)}
*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0}button,a{touch-action:manipulation}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #b88c31;outline-offset:3px}button:disabled{opacity:.6;cursor:wait}.preview-note{text-align:center;font-size:12px;line-height:30px;background:#e9e4d7;color:#655c4f}header{max-width:1120px;margin:auto;padding:22px 24px;display:flex;gap:17px;align-items:center;border-bottom:1px solid var(--line)}header img{width:135px;height:auto;background:white;padding:8px}header span{font-size:19px;font-weight:650}header small{display:block;font-size:11px;letter-spacing:.07em;font-weight:400;margin-top:6px;color:#6c746b}main{max-width:1120px;padding:0 24px 60px;margin:auto}.intro{padding:38px 0 30px}.intro p{font-size:12px;letter-spacing:.2em;color:#8d7250}.intro h1{font-family:"Songti SC",SimSun,serif;font-size:36px;line-height:1.4;margin:12px 0}.intro div{color:#6d756d;font-size:14px;line-height:1.8}.workspace{display:grid;grid-template-columns:1fr .95fr;gap:48px;align-items:start}.choices section{margin-bottom:31px}h2{font-size:16px;font-weight:600;margin:0 0 17px}h2 span{font-size:11px;letter-spacing:.1em;margin-right:9px;color:#9b794f}.images{display:grid;grid-template-columns:repeat(3,1fr);gap:12px 9px}.image{border:1px solid transparent;padding:0 0 6px;background:transparent;text-align:left;border-radius:5px;overflow:hidden;min-width:0}.image img{display:block;width:100%;aspect-ratio:1.3;object-fit:cover;background:#e5e5d8}.image span{display:block;font-size:11px;line-height:1.4;padding:7px 5px 0}.image small{font-size:9px;color:#767a71;display:block;padding:4px 5px 0}.image[aria-pressed=true]{background:white;border-color:var(--red);box-shadow:0 0 0 1px var(--red)}.fine{font-size:11px;color:#76796e;line-height:1.7;margin:10px 0}.quiet{border:0;background:transparent;padding:10px 2px;text-decoration:underline;text-underline-offset:4px;font-size:12px}.section-head{display:flex;align-items:baseline;justify-content:space-between}.copy-editor label{display:flex;justify-content:space-between;font-size:12px;margin-bottom:10px;color:#535f54;gap:10px}.count{font-size:11px;color:#8b8a7c;flex-shrink:0}.copy-editor input,.copy-editor textarea{display:block;width:100%;min-width:0;font:400 16px/1.7 -apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;color:#273c32;background:#fffdfa;border:1px solid var(--line);border-radius:6px;padding:12px 13px;margin:0 0 20px}.copy-editor textarea{resize:vertical;min-height:160px;max-height:500px;margin-bottom:8px}.copy-editor [aria-invalid=true]{border-color:#a4523d}.field-error{font-size:12px;line-height:1.7;color:#934b35;background:#f8eee1;padding:10px 12px;border-radius:5px;margin:12px 0}.result{position:sticky;top:20px;min-width:0}.result-head{display:flex;align-items:baseline;gap:12px;justify-content:space-between}.result-head span{font-size:11px;color:#777768;line-height:1.6;text-align:right;max-width:64%}#paper{box-shadow:0 7px 23px #3a351b16;min-height:400px;background:#eee9dd}#paper canvas{display:block;width:100%;height:auto}.primary{display:block;border:0;background:var(--ink);color:#fff;width:100%;padding:16px;font-size:16px;font-weight:500;border-radius:5px;text-align:center;text-decoration:none;margin-top:16px}#save-image{width:100%;height:auto;display:block;user-select:auto;-webkit-user-select:auto;-webkit-touch-callout:default}.style-label{font-size:12px;color:#737769;margin:0 0 10px}.styles{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:0 0 18px}.styles button{border:1px solid var(--line);border-radius:6px;padding:13px 4px;text-align:center;background:#fffdfa}.styles strong{display:block;font-family:"Songti SC",SimSun,serif;font-size:21px;font-weight:600}.styles small{display:block;margin-top:7px;color:#7a786c;font-size:10px}.styles button[data-style=past]{background:#f0e5ce}.styles button[data-style=future]{background:#eef4eb}.styles [aria-pressed=true]{border-color:var(--red);box-shadow:inset 0 0 0 1px var(--red)}.about{border-top:1px solid var(--line);margin-top:35px;padding-top:20px;color:#7d7c6d;font-size:12px;line-height:1.9}.about summary{cursor:pointer}.about a{color:#516d60}.about p{max-width:820px}
@media(max-width:700px){header{padding:16px 18px;gap:12px}header img{width:110px}header span{font-size:16px}header small{font-size:10px}main{padding:0 18px 40px}.intro{padding:27px 0 28px}.intro h1{font-size:29px}.workspace{display:block}.images{gap:10px 7px}.choices section{margin-bottom:28px}.result{position:static;margin-top:28px;padding-top:28px;border-top:1px solid var(--line)}#paper{min-height:300px}.result-head h2{font-size:15px}.about{margin-top:25px}}
@media(prefers-reduced-motion:no-preference){button{transition:background-color .16s,border-color .16s}}
/* Participant-only additions; the existing admin stylesheet is unchanged. */
.participant-page header{flex-wrap:wrap}.header-actions{display:flex;gap:14px;margin-left:auto}.participant-page .brand-logo{max-height:none;object-fit:contain}.participant-page footer{display:block;max-width:1120px;margin:20px auto;padding:25px 24px;border-top:1px solid var(--line);font-size:12px}.participant-page footer small{display:block;margin-top:8px;color:#797b70}.sharing{font-size:12px;line-height:1.8;margin-top:18px}.sharing summary{cursor:pointer;color:#526452}.sharing .check{display:flex;align-items:center;gap:8px;margin:14px 0}.sharing input[type=checkbox]{width:18px;height:18px;min-height:18px;margin:0;padding:0;flex-shrink:0}.participant-page dialog{max-width:min(680px,calc(100vw - 24px));width:640px;padding:20px;border:1px solid var(--line);border-radius:8px;background:var(--paper);color:var(--ink);max-height:calc(100dvh - 28px)}.participant-page dialog .section-head{flex-shrink:0}.participant-page dialog .section-head h2{margin:0}.participant-page dialog .modal-scroll{min-height:0;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;touch-action:pan-y}.participant-page dialog[open]{display:flex;flex-direction:column}.participant-page .modal-footer{border-top:1px solid var(--line);flex-shrink:0;padding-top:8px;margin-top:12px}.participant-page #preview-content img,.participant-page #export-images img{display:block;width:100%;height:auto;-webkit-touch-callout:default;user-select:auto;-webkit-user-select:auto}.participant-page #export-images h3{font-size:16px;margin-top:24px}.participant-page #export-images a{display:block;margin:12px 0;line-height:1.6}.participant-page .save-original{border-radius:5px;padding:13px 12px;background:var(--ink);color:white;text-align:center;text-decoration:none}.participant-page a[aria-disabled=true]{pointer-events:none;opacity:.55}.participant-page .download-jpg{font-size:12px;color:#5b6d61}.participant-page .gallery-large{width:100%;height:auto;max-height:none;object-fit:contain}.participant-page .work img{object-fit:contain;max-height:360px;background:#efede7}.participant-page .fine{font-size:12px}.participant-page #restore-form{margin-top:26px}.participant-page #recovery-value{width:100%;font-size:16px;overflow-wrap:anywhere}.participant-page .story{white-space:pre-wrap;overflow-wrap:anywhere}.participant-page #styles button{min-height:75px}.participant-page #copy-error{scroll-margin-top:15px}@media(max-width:700px){.participant-page .header-actions{width:100%;justify-content:flex-end;gap:18px;margin-top:-5px}.participant-page dialog{padding:14px}.participant-page .modal-footer .primary{margin-top:0}.participant-page footer{padding:22px 18px}.participant-page #draw-result.drawing{animation:pulse .5s infinite alternate}}@media(prefers-reduced-motion:reduce){.participant-page #draw-result.drawing{animation:none}}

/* Keep campus cards vertical even when the shared legacy button is inline-flex. */
.participant-page .campus-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin:0 0 16px}
.participant-page .campus-tabs [role=tab]{display:block;min-width:0;min-height:42px;padding:9px 5px;border:1px solid var(--line);border-radius:5px;background:transparent;font-size:13px;font-weight:400;line-height:1.5;white-space:nowrap;writing-mode:horizontal-tb;text-align:center}
.participant-page .campus-tabs [aria-selected=true]{background:var(--ink);border-color:var(--ink);color:#fff}
.participant-page #images{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px 12px}
.participant-page #images .image{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:0;width:100%;padding:0 0 10px;writing-mode:horizontal-tb;text-align:left}
.participant-page #images .image img{width:100%;aspect-ratio:1.4;object-fit:cover}
.participant-page #images .image span,.participant-page #images .image small{width:100%;writing-mode:horizontal-tb;white-space:normal;overflow-wrap:break-word}
.participant-page #images .image span{font-size:13px;line-height:1.6;padding:8px 9px 0}
.participant-page #images .image small{font-size:11px;line-height:1.5;padding:3px 9px 0}
@media(max-width:360px){.participant-page #images{gap:12px 8px}.participant-page #images .image span{font-size:12px}}
:root #preview-dialog .modal-footer{display:block}#submit-error{margin:0 0 10px;overflow-wrap:anywhere}
#claim-contact{margin-top:24px;padding:16px;border:1px solid var(--line);border-radius:6px}#claim-receipt{width:100%;font-size:16px;overflow-wrap:anywhere}#contact-placeholder{display:block;width:min(260px,100%);height:auto;margin:18px auto}#claim-feedback{scroll-margin-top:16px}



#claim-contact{text-align:center}#claim-contact h3{font-size:24px;margin:8px 0 12px}#claim-contact h4{font-size:17px;margin:24px 0 8px}#claim-contact p{line-height:1.75}#claim-contact label{display:block;font-size:12px;color:#657566;margin:18px 0 8px}#contact-placeholder{-webkit-touch-callout:default;user-select:auto;-webkit-user-select:auto;background:white}#copy-claim-receipt{margin:10px auto}