:root{--bg-color: #A8978F;--text-color: #000000;--border-color: #000000;--button-bg: #A8978F;--button-hover: #A8978F;--base-font-size: clamp(14px, 3.5vw, 22px);--title-font-size: clamp(16px, 4vw, 26px);--small-font-size: clamp(12px, 2.8vw, 18px);--spacing-small: clamp(5px, 1.5vw, 10px);--spacing-medium: clamp(10px, 3vw, 20px);--spacing-large: clamp(15px, 4vw, 30px)}body{margin:0;padding:0;font-family:PingFang SC,Microsoft YaHei,Arial,sans-serif;background-color:var(--bg-color);color:var(--text-color);font-size:var(--base-font-size);line-height:1.5}img{max-width:100%;height:auto}.slogan{width:70%;display:block;margin:10px auto 20px}.container{width:clamp(280px,92%,800px);margin:var(--spacing-large) auto;padding:var(--spacing-medium)}.activity-intro{border:1px dashed var(--border-color);border-radius:clamp(6px,2vw,10px);padding:var(--spacing-medium);margin-bottom:var(--spacing-large);text-align:center}.activity-content{line-height:1.6;text-align:left;font-size:var(--base-font-size)}.activity-flex-container{display:flex;flex-direction:row;align-items:center;gap:var(--spacing-medium)}.activity-text{flex:1}.activity-image{flex:1;max-width:50%}.activity-image img{width:100%}@media (max-width: 768px){.activity-image{min-width:130px;max-width:40%}.activity-text{font-size:calc(var(--base-font-size) * .9)}}.upload-section{border:1px dashed var(--border-color);border-radius:10px;padding:var(--spacing-medium);text-align:center}.upload-title{font-size:var(--title-font-size);margin-bottom:var(--spacing-medium);font-weight:700}.upload-area{border:clamp(1px,.5vw,2px) dashed var(--border-color);border-radius:clamp(3px,1.5vw,5px);padding:clamp(15px,4vw,30px) var(--spacing-medium);margin:var(--spacing-medium) 0;cursor:pointer;position:relative}.upload-area:hover{background-color:#ffffff1a}.upload-input{position:absolute;width:100%;height:100%;top:0;left:0;opacity:0;cursor:pointer}.upload-icon{font-size:clamp(48px,10vw,64px);margin-bottom:var(--spacing-small)}.upload-desc{font-size:var(--small-font-size);margin-bottom:var(--spacing-small)}.upload-text{margin-bottom:var(--spacing-small);font-size:var(--base-font-size)}.upload-process-desc{margin-bottom:var(--spacing-medium);padding:var(--spacing-small);border-radius:clamp(3px,1.5vw,5px);background-color:#ffffff1a;font-size:calc(var(--base-font-size) * .95);line-height:1.5;text-align:left}.upload-process-desc p{margin:var(--spacing-small) 0}.qrcode-area{margin-top:var(--spacing-medium);padding:var(--spacing-medium);border-radius:clamp(4px,1.5vw,8px);background-color:#ffffff1a}.qrcode-area h3{font-size:calc(var(--base-font-size) * 1.1);margin-top:0;margin-bottom:var(--spacing-small)}.guardian-rank-inline{margin:0 0 var(--spacing-small) 0;text-align:center;font-weight:700;font-size:calc(var(--base-font-size) * 1.5)}.qrcode-image{width:clamp(150px,40vw,200px);height:clamp(150px,40vw,200px);background-color:#fff;margin:var(--spacing-medium) auto;padding:var(--spacing-small);border-radius:clamp(3px,1vw,5px);position:relative}.qrcode-image canvas{width:100%!important;height:100%!important}.download-btn{display:inline-block;margin-top:var(--spacing-small);background-color:var(--button-bg);color:var(--text-color);padding:clamp(6px,1.5vw,8px) clamp(10px,3vw,15px);border-radius:clamp(3px,1vw,5px);text-decoration:none;font-size:calc(var(--small-font-size) * 1.05);cursor:pointer;border:none}.download-btn:hover{background-color:var(--button-hover)}.qrcode-tip{font-size:calc(var(--small-font-size) * .9);color:#000c;font-style:italic}.preview-area{margin:var(--spacing-medium) 0;display:none;text-align:center}.preview-image{max-width:100%;max-height:clamp(200px,50vw,300px);border:clamp(1px,.5vw,2px) solid var(--border-color);border-radius:clamp(3px,1.5vw,5px);margin-bottom:var(--spacing-medium)}.submit-btn{display:block;margin:0 auto;margin-top:var(--spacing-medium);background-color:#7a665e;color:#fff;padding:clamp(10px,2.5vw,12px) clamp(18px,6vw,28px);border-radius:clamp(3px,1vw,5px);text-decoration:none;font-size:calc(var(--base-font-size) * 1.1);cursor:pointer;border:none}.submit-btn:hover{background-color:#6d5a53}.submit-btn:disabled{background-color:#888;cursor:not-allowed}.loading-message{padding:var(--spacing-medium);margin:var(--spacing-medium) 0;background-color:#ffffff1a;border-radius:clamp(3px,1.5vw,5px);text-align:center;font-size:var(--base-font-size);color:var(--text-color);animation:pulse 1.5s infinite ease-in-out}@keyframes pulse{0%{opacity:.6}50%{opacity:1}to{opacity:.6}}.certificate-area{background-color:#ffffff1a;padding:var(--spacing-large);border-radius:clamp(6px,2vw,10px);border:1px solid var(--border-color);text-align:center;max-width:clamp(280px,95%,600px);margin:10px auto 0}.certificate-area h2{font-size:clamp(20px,5vw,28px);margin-bottom:var(--spacing-medium);color:var(--text-color)}.certificate-info{text-align:left;line-height:1.6}.certificate-info p{margin:var(--spacing-small) 0}.certificate-image{margin:var(--spacing-medium) 0;text-align:center}.certificate-image img{max-width:100%;height:auto;border-radius:clamp(4px,1.5vw,8px);border:clamp(1px,.5vw,2px) solid var(--border-color)}.certificate-quote{color:var(--text-color);font-size:calc(var(--base-font-size) * .95);padding-left:var(--spacing-medium);margin:var(--spacing-medium) 0}