.checkin-social{background:#fffffff5;border-radius:24px;width:min(94%,760px);margin:16px auto;padding:22px 18px;box-shadow:0 16px 42px #08274929}.checkin-social-title{border-bottom:1px solid #e9eef2;justify-content:space-between;align-items:flex-end;padding-bottom:14px;display:flex}.checkin-social-title span{letter-spacing:.18em;color:var(--checkin-color);font-size:10px}.checkin-social-title h2{color:#12324a;margin:4px 0 0}.checkin-social-title small{color:#7c8b96}.checkin-social article{border-bottom:1px solid #edf1f3;grid-template-columns:44px 1fr;gap:12px;padding:18px 0;display:grid}.checkin-social-avatar img,.checkin-social-avatar span{object-fit:cover;background:linear-gradient(135deg,var(--checkin-color),#67d5b5);color:#fff;border-radius:12px;place-items:center;width:44px;height:44px;font-weight:800;display:grid}.checkin-social-content header{justify-content:space-between;align-items:center;gap:8px;display:flex}.checkin-social-content header b{color:#345b7e}.checkin-social-content time{color:#9aa6af;font-size:12px}.checkin-social-content p{color:#344956;margin:7px 0 10px;line-height:1.65}.checkin-social-content p strong{color:#172f43}.checkin-social-photo{cursor:zoom-in;background:#edf3f5;border:0;border-radius:14px;width:min(100%,520px);padding:0;display:block;position:relative;overflow:hidden}.checkin-social-photo img{object-fit:cover;width:100%;max-height:520px;display:block}.checkin-social-photo span{color:#fff;background:#00000094;border-radius:99px;padding:5px 9px;font-size:12px;position:absolute;bottom:10px;right:10px}.checkin-social-meta{justify-content:space-between;align-items:center;margin-top:9px;display:flex}.checkin-social-meta small{color:#81909b}.checkin-social-meta button{color:#6c7b86;background:#edf3f5;border:0;border-radius:99px;padding:6px 12px;font-weight:800}.checkin-social-meta button.liked{color:#e34252;background:#ffe9ec}.checkin-social-empty{text-align:center;color:#87949d;padding:42px 12px}.checkin-image-viewer{z-index:1000;background:#000000e6;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.checkin-image-viewer>button{color:#fff;background:#ffffff2e;border:0;border-radius:50%;width:42px;height:42px;font-size:30px;position:fixed;top:18px;right:18px}.checkin-image-viewer img{object-fit:contain;max-width:100%;max-height:92vh}@media (max-width:560px){.checkin-social{border-radius:20px;width:calc(100% - 24px);padding:18px 14px}.checkin-social-title small{display:none}.checkin-social article{grid-template-columns:38px 1fr}.checkin-social-avatar img,.checkin-social-avatar span{border-radius:10px;width:38px;height:38px}}
.checkin-loading{color:#19433a;background:#edf6f2;place-items:center;min-height:100vh;font-size:18px;display:grid}.checkin-page{--checkin-color:#169f7a;background:#edf6f2 var(--checkin-bg) center/cover fixed;color:#17362f;min-height:100vh;font-family:PingFang SC,Microsoft YaHei,sans-serif}.checkin-cover{color:#fff;background-position:50%;background-size:cover;flex-direction:column;justify-content:space-between;min-height:100vh;padding:28px 22px 54px;display:flex}.checkin-cover-brand{align-items:center;gap:12px;font-weight:700;display:flex}.checkin-cover-brand img{object-fit:contain;background:#fff;border-radius:12px;width:46px;height:46px}.checkin-cover-copy>span{letter-spacing:.25em;color:#c5ffef;font-size:13px}.checkin-cover-copy h1{margin:12px 0;font-size:42px;line-height:1.15}.checkin-cover-copy p{white-space:pre-wrap;font-size:17px;line-height:1.8}.checkin-cover-copy button,.checkin-submit{background:linear-gradient(135deg,var(--checkin-color),#0c746d);color:#fff;width:100%;box-shadow:0 12px 28px color-mix(in srgb,var(--checkin-color) 35%,transparent);border:0;border-radius:16px;padding:17px;font-size:18px;font-weight:800}.checkin-cover-copy small{text-align:center;color:#d9f8ee;margin-top:14px;display:block}.checkin-header{background:#ffffffeb;align-items:center;gap:12px;padding:18px 18px 14px;display:flex}.checkin-header img{object-fit:contain;border-radius:11px;width:44px;height:44px}.checkin-header div{flex-direction:column;flex:1;display:flex}.checkin-header b{font-size:17px}.checkin-header small{color:#6f807b}.checkin-header>span{color:#12825f;background:#e1f6ef;border-radius:999px;padding:7px 10px;font-size:12px}.checkin-hero{background:linear-gradient(135deg,var(--checkin-color),#0e6d75);color:#fff;grid-template-columns:1fr 1fr;gap:12px;padding:24px 18px 34px;display:grid}.checkin-hero div{border-left:1px solid #ffffff4d;flex-direction:column;padding:8px 15px;display:flex}.checkin-hero small,.checkin-hero span{opacity:.78}.checkin-hero strong{font-size:36px}.checkin-tabs{background:#fff;border-radius:16px;grid-template-columns:repeat(4,1fr);margin:-15px 14px 0;display:grid;position:relative;overflow:hidden;box-shadow:0 8px 28px #1a40381f}.checkin-tabs button{color:#63716e;background:#fff;border:0;padding:16px 4px;font-weight:700}.checkin-tabs button.active{color:var(--checkin-color);box-shadow:inset 0 -3px var(--checkin-color)}.checkin-panel{max-width:760px;margin:auto;padding:18px 14px 50px}.checkin-form,.checkin-records,.checkin-ranking,.checkin-rules{background:#fffffff5;border-radius:22px;padding:20px;box-shadow:0 12px 40px #1c483d1a}.checkin-section-title{align-items:center;gap:12px;margin:6px 0 18px;display:flex}.checkin-section-title>span{width:38px;height:38px;color:var(--checkin-color);background:#dff5ed;border-radius:12px;place-items:center;font-weight:900;display:grid}.checkin-section-title h2{margin:0;font-size:20px}.checkin-section-title p{color:#7b8a86;margin:3px 0;font-size:13px}.checkin-photo{text-align:center;color:#397063;background:#f2faf7;border:2px dashed #add9cc;border-radius:18px;place-items:center;height:230px;margin-bottom:28px;display:grid;overflow:hidden}.checkin-photo input{opacity:0;pointer-events:none;position:absolute}.checkin-photo img{object-fit:cover;width:100%;height:100%}.checkin-photo div{flex-direction:column;gap:7px;display:flex}.checkin-photo b{font-size:18px}.checkin-photo span{color:#79918b;font-size:12px}.checkin-fields{gap:14px;display:grid}.checkin-fields label{gap:7px;font-weight:700;display:grid}.checkin-fields input,.checkin-fields select{box-sizing:border-box;width:100%;font:inherit;color:#213d37;background:#fff;border:1px solid #d7e6e1;border-radius:12px;padding:13px}.checkin-consent{color:#647873;align-items:flex-start;gap:9px;margin:18px 0;font-size:13px;line-height:1.6;display:flex}.checkin-consent input{margin-top:4px}.checkin-limit{text-align:center;color:#73847f;font-size:12px}.checkin-records article{border-bottom:1px solid #e7eeeb;grid-template-columns:96px 1fr;gap:14px;padding:14px 0;display:grid}.checkin-records article>img{object-fit:cover;border-radius:13px;width:96px;height:112px}.checkin-records article>div{flex-direction:column;align-items:flex-start;gap:5px;display:flex}.checkin-records h3,.checkin-records p{margin:0}.checkin-records small{color:#82908d}.checkin-status{color:#8a6311;background:#fff2c7;border-radius:99px;padding:4px 8px;font-size:12px}.checkin-status.approved{color:#0d7751;background:#dcf7e9}.checkin-status.rejected{color:#b32d2d;background:#ffe2e0}.checkin-status.appealed{color:#2865b3;background:#e3efff}.checkin-records em{color:#b34038;font-size:13px;font-style:normal}.checkin-records button{border:1px solid var(--checkin-color);color:var(--checkin-color);background:#fff;border-radius:9px;padding:7px 10px}.claim-code{box-sizing:border-box;background:#effaf6;border-radius:10px;width:100%;padding:10px}.claim-code strong{letter-spacing:.12em;font-size:19px}.checkin-ranking article{border-bottom:1px solid #edf1f0;grid-template-columns:34px 42px 1fr auto auto;align-items:center;gap:10px;padding:12px 0;display:grid}.checkin-ranking i{color:#df9f20;font-style:normal;font-weight:900}.checkin-ranking img,.checkin-ranking .avatar{object-fit:cover;background:#e3f2ee;border-radius:50%;place-items:center;width:42px;height:42px;display:grid}.checkin-ranking small{color:#87938f}.checkin-ranking strong{color:var(--checkin-color)}.checkin-rules>p{white-space:pre-wrap;color:#536a64;line-height:1.9}.checkin-rules li{margin:10px 0;line-height:1.6}.checkin-empty{text-align:center;color:#81908c;padding:48px 10px}.checkin-page footer{text-align:center;color:#54756b;padding:20px;font-weight:700}.checkin-toast{color:#fff;z-index:50;text-align:center;background:#173f37;border-radius:999px;max-width:82vw;padding:12px 18px;position:fixed;bottom:32px;left:50%;transform:translate(-50%);box-shadow:0 8px 30px #00000038}@media (min-width:680px){.checkin-page{padding:25px}.checkin-cover{border-radius:28px;max-width:520px;min-height:calc(100vh - 50px);margin:auto}.checkin-fields{grid-template-columns:1fr 1fr}.checkin-fields label:first-child,.checkin-fields label:last-child{grid-column:1/-1}}
.checkin-toast{cursor:pointer;border:0}