:root{--primary:#115740;--secondary:#43b02a;--accent:#f5b544;--text:#153227;--page-bg:#e3f694;--title:#00b050;--surface:#fff;--surface-soft:#eff8f2}*{box-sizing:border-box}body{background:var(--page-bg);color:var(--text);margin:0;font-family:Segoe UI,Roboto,sans-serif}button,input{font:inherit}.layout{min-height:100vh;padding:0}.hg-page{min-height:100vh;padding:0;display:block}.hg-card{background:var(--page-bg);width:100%;min-height:100vh;box-shadow:none;border:none;border-radius:0;gap:.85rem;padding:1.1rem 1.1rem 1.4rem;display:grid}.hg-header{grid-template-columns:1fr auto;align-items:center;gap:.75rem;display:grid}.hg-event-logo{object-fit:contain;width:100%;max-height:70px}.hg-header-side{justify-items:end;display:grid}.hg-stamp{color:var(--title);text-align:center;background:rgba(255,255,255,.4);border:2px solid rgba(17,87,64,.75);border-radius:10px;min-width:110px;padding:.5rem .55rem}.hg-stamp-title{letter-spacing:.04em;font-weight:900}.hg-stamp-subtitle{opacity:.85;font-size:.75rem;font-weight:800}.hg-title{text-align:center;color:var(--title);gap:.15rem;display:grid}.hg-title-zh{font-size:1.15rem;font-weight:900}.hg-title-en{font-size:1.05rem;font-weight:800}.hg-points{text-align:center;color:var(--title);gap:.25rem;display:grid}.hg-points-label{font-size:1.05rem;font-weight:900}.hg-points-value{font-size:3.4rem;font-weight:900;line-height:1}.hg-table{border-top:2px solid rgba(0,176,80,.65);border-bottom:2px solid rgba(0,176,80,.65);padding:.35rem 0}.hg-table-head,.hg-table-row{grid-template-columns:88px 64px 1fr 1fr;align-items:center;gap:.55rem;display:grid}.hg-table-head{color:var(--title);padding:.2rem .1rem .35rem;font-weight:900}.hg-table-body{gap:.35rem;display:grid}.hg-table-row{color:#1e3f33;border-top:1px solid rgba(17,87,64,.38);padding:.15rem .1rem;font-size:.92rem}.hg-table-row span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.hg-table-empty{text-align:center;color:rgba(21,50,39,.8);padding:.85rem .2rem;font-weight:700}.hg-scroll{text-align:center;color:var(--title);gap:.1rem;display:grid}.hg-scroll-zh,.hg-scroll-en{font-size:1.05rem;font-weight:900}.hg-scroll-arrow{margin-top:-.1rem;font-size:1.5rem;line-height:1}.hg-bottom-nav{grid-template-columns:1fr 1fr;gap:.75rem;padding-top:.25rem;display:grid}.hg-nav-link{color:var(--title);cursor:pointer;background:0 0;border:none;padding:.25rem 0;font-weight:900;text-decoration:underline}.hg-footer-link{color:rgba(21,50,39,.85);cursor:pointer;background:0 0;border:none;justify-self:center;padding:.15rem 0;font-weight:800;text-decoration:underline}.app-shell{grid-template-columns:250px minmax(0,1fr);gap:1rem;max-width:none;min-height:100vh;margin:0;padding:1rem;display:grid}.sidebar{background:var(--primary);color:#fff;border-radius:14px;flex-direction:column;gap:1rem;height:100%;padding:1rem;display:flex}.brand{line-height:1.3;display:block}.sidebar-brand{gap:.6rem;display:grid}.sidebar-logo{object-fit:contain;background:rgba(255,255,255,.12);border-radius:10px;width:100%;max-height:78px;padding:.35rem}.page-header{gap:.6rem;display:grid}.brand-row{grid-template-columns:1fr 1fr;align-items:center;gap:.8rem;display:grid}.brand-row.compact{grid-template-columns:1fr auto}.brand-logo{object-fit:contain;width:100%;max-height:68px}.brand-logo.compact{max-height:52px}.brand-mascot{object-fit:contain;background:rgba(255,255,255,.85);border:2px solid rgba(67,176,42,.25);border-radius:18px;width:74px;height:74px;padding:.25rem}.sidebar-nav{gap:.45rem;margin-bottom:auto;display:grid}.sidebar-nav a{color:#fff;background:rgba(255,255,255,.16);border-radius:8px;padding:.55rem .7rem;font-weight:600;text-decoration:none}.main-content{align-content:start;gap:1rem;display:grid}.user-tools{flex-direction:column;align-items:flex-start;gap:.75rem;margin-top:auto;display:flex}.user-tools button{width:100%}.card{max-width:none;box-shadow:none;background:0 0;border-radius:0;gap:1rem;margin:0;padding:0;display:grid}.card.narrow{max-width:none}h1{color:var(--title);margin:0}h2{color:var(--title);margin:.75rem 0 .25rem;font-size:1.1rem}.subtitle{color:#457163;margin:0}.points-panel{background:var(--surface-soft);border:2px solid rgba(67,176,42,.3);border-radius:12px;gap:.35rem;padding:1rem;display:grid}.points-panel .label{color:#3f6759}.points-panel strong{color:var(--primary);font-size:2.1rem}.info-list p{margin:.4rem 0}.button-row{grid-template-columns:repeat(2,minmax(180px,1fr));gap:.6rem;display:grid}.button-row.single{grid-template-columns:1fr}button{background:var(--secondary);color:#fff;cursor:pointer;border:none;border-radius:10px;padding:.7rem .95rem;font-weight:600}button.secondary{background:var(--primary)}button.link-button{color:var(--primary);text-align:left;background:0 0;padding:0;text-decoration:underline}.file-upload{gap:.4rem;display:grid}.file-upload-label{color:rgba(21,50,39,.9);font-weight:800}.file-upload-row{cursor:pointer;grid-template-columns:auto 1fr;align-items:center;gap:.75rem;display:grid}.file-upload-input{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.file-upload-button{background:var(--title);color:#fff;user-select:none;border-radius:10px;justify-content:center;align-items:center;padding:.6rem .9rem;font-weight:900;display:inline-flex}.file-upload-button.disabled{opacity:.55;cursor:not-allowed}.file-upload-filename{text-overflow:ellipsis;white-space:nowrap;color:rgba(21,50,39,.85);font-weight:700;overflow:hidden}.auth-form{gap:.75rem;display:grid}.auth-form label{gap:.3rem;font-weight:600;display:grid}.auth-form input{border:1px solid #b8d7ca;border-radius:8px;padding:.6rem .7rem}.video-box{background:#000;border-radius:10px;width:100%;min-height:260px}.image-preview{object-fit:contain;background:#f2f2f2;border:1px solid #d7ebdf;border-radius:12px;width:100%;max-height:340px}.notice{background:var(--surface-soft);border-left:4px solid var(--secondary);border-radius:8px;margin:0;padding:.65rem .8rem}.cms-upload-list{gap:.9rem;margin:0;padding:0;list-style:none;display:grid}.cms-upload-list li{background:var(--surface-soft);border:1px solid #d7ebdf;border-radius:12px;gap:.6rem;padding:.9rem;display:grid}.cms-upload-header{flex-wrap:wrap;justify-content:space-between;gap:1rem;display:flex}.cms-upload-meta{color:#3f6759;margin:0}.cms-upload-image{object-fit:contain;background:#fff;border:1px solid rgba(17,87,64,.14);border-radius:12px;width:100%;max-height:420px}.ranking-list{gap:.5rem;margin:0;padding-left:1.1rem;display:grid}.ranking-list li{justify-content:space-between;gap:1rem;display:flex}.ranking-name{align-items:baseline;gap:.45rem;display:inline-flex}.ranking-rank{color:var(--title);min-width:1.8rem;font-weight:900}.history-list{gap:.65rem;margin:0;padding:0;list-style:none;display:grid}.history-list li{background:var(--surface-soft);border:1px solid #d7ebdf;border-radius:10px;gap:.25rem;padding:.75rem .85rem;display:grid}.history-title-row{justify-content:space-between;gap:1rem;display:flex}.history-meta{color:#3f6759;margin:0}.legal-content p{margin:.35rem 0;line-height:1.5}.footer{text-align:center;color:#3c6658;gap:.4rem;max-width:none;margin:1rem 0 0;font-size:.9rem;display:grid}.footer-links{justify-content:center;align-items:center;gap:.5rem;display:inline-flex}.footer a{color:var(--primary);font-weight:600}.modal-overlay{z-index:50;background:rgba(12,24,19,.55);place-items:center;padding:1rem;display:grid;position:fixed;top:0;bottom:0;left:0;right:0}.scan-success{gap:.75rem;width:min(430px,100%);display:grid}.scan-success-header{justify-items:center;display:grid}.scan-success-logo{object-fit:contain;width:min(360px,100%);max-height:78px}.scan-success-panel{background:#dff4cd;border-radius:18px;gap:.85rem;padding:1rem 1rem .95rem;display:grid}.scan-success-top{grid-template-columns:1fr auto;align-items:center;gap:.85rem;display:grid}.scan-success-photo{background:rgba(255,255,255,.75);border:2px solid rgba(0,176,80,.3);border-radius:999px;place-items:center;width:104px;height:104px;display:grid;overflow:hidden}.scan-success-photo img{object-fit:cover;width:100%;height:100%}.scan-success-location{text-align:center;color:#1a1a1a;gap:.15rem;font-weight:800;display:grid}.scan-success-location-en{font-weight:900}.scan-success-result{grid-template-columns:auto 1fr;justify-content:center;align-items:center;gap:.6rem;display:grid}.scan-success-badge svg{width:48px;height:48px}.scan-success-result-text{color:#1a1a1a;font-weight:900}.scan-success-points{text-align:center;gap:.25rem;display:grid}.scan-success-points-label{color:var(--title);font-weight:900}.scan-success-points-value{color:var(--title);font-size:3.2rem;font-weight:900;line-height:1}.scan-success-next{background:var(--title);border-radius:10px;padding:.7rem 1rem;font-weight:900}.scan-success-links{grid-template-columns:1fr 1fr;justify-items:center;gap:.75rem;padding-top:.15rem;display:grid}.modal{background:var(--surface);border-radius:16px;gap:.75rem;width:min(520px,100%);padding:1.25rem;display:grid;box-shadow:0 22px 60px rgba(0,0,0,.22)}.modal-hero{justify-content:center;margin:.2rem 0;display:grid}.modal-meta{color:#3f6759;margin:-.35rem 0 0}.modal-points{background:var(--surface-soft);border:2px solid rgba(67,176,42,.32);border-radius:12px;justify-content:space-between;align-items:center;gap:1rem;padding:.85rem .95rem;display:flex}.modal-points strong{color:var(--primary);font-size:1.7rem}@media (max-width:700px){.app-shell{min-height:unset;grid-template-columns:1fr}.sidebar{height:auto}.sidebar-nav{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-flow:row}.sidebar-nav .nav-home{order:1}.sidebar-nav .nav-history{order:2}.sidebar-nav .nav-upload{order:3}.sidebar-nav .nav-ranking{order:4}.sidebar-nav .nav-login{order:2}.button-row,.brand-row{grid-template-columns:1fr}.brand-row.compact{grid-template-columns:1fr auto}}