.activity-card{background:#fff;border:1px solid #e0e0e0;border-radius:8px;padding:12px 15px;margin-bottom:12px;cursor:pointer;transition:all .3s;position:relative;overflow:hidden}.activity-card:hover{border-color:#d0d0d0}.activity-card-content{display:flex;justify-content:space-between;align-items:center;position:relative;z-index:1}.activity-card-info{flex:1}.activity-card-name{font-size:16px;font-weight:600;color:#fff;margin-bottom:8px;line-height:22px;text-shadow:0 1px 3px rgba(0,0,0,.5)}.activity-card-description{font-size:14px;color:#fff;margin-bottom:8px;line-height:18px;text-shadow:0 1px 3px rgba(0,0,0,.5)}.activity-card-meta{font-size:12px;color:#ffffffe6}.activity-card-join-count{color:#ffffffe6;text-shadow:0 1px 2px rgba(0,0,0,.5)}.tabs-container{position:relative;background:transparent;border-bottom:none}.tabs-header{display:flex;gap:0}.tabs-item{flex:1;padding:8px 20px;text-align:center;font-size:16px;color:#666;cursor:pointer;transition:color .3s;position:relative;white-space:nowrap}.tabs-item.active{color:#000;font-weight:600}.tabs-indicator{position:absolute;bottom:-12px;left:0;width:0;height:2px;background:#000;transition:left .3s ease,width .3s ease}.tabs-item.active~.tabs-indicator,.tabs-item:first-child.active~.tabs-indicator{width:50%}.tabs-item:last-child.active~.tabs-indicator{left:50%}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:2000;animation:fadeIn .3s}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{background:#fff;border-radius:12px;width:90%;max-width:500px;max-height:80vh;overflow:hidden;display:flex;flex-direction:column;animation:slideUp .3s}@keyframes slideUp{0%{transform:translateY(50px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-header{padding:20px;border-bottom:1px solid #e8e8e8;display:flex;justify-content:space-between;align-items:center}.modal-title{font-size:18px;font-weight:600;color:#333;margin:0}.modal-close{background:none;border:none;font-size:24px;color:#999;cursor:pointer;padding:0;width:24px;height:24px;line-height:24px}.modal-close:hover{color:#333}.modal-body{padding:20px;overflow-y:auto;flex:1}.modal-footer{padding:16px 20px;border-top:1px solid #e8e8e8;display:flex;justify-content:flex-end;gap:12px}.loading-fullscreen{position:fixed;top:0;left:0;right:0;bottom:0;background:#ffffffe6;display:flex;align-items:center;justify-content:center;z-index:999}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center}.loading-spinner{width:40px;height:40px;border:3px solid #f3f3f3;border-top:3px solid #1890ff;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-text{margin-top:12px;font-size:14px;color:#666}.empty-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;color:#999}.empty-image{width:120px;height:120px;margin-bottom:16px;opacity:.5}.empty-description{font-size:14px;color:#999}.punch-calendar{background:transparent;padding:0}.calendar-month{margin-bottom:24px}.calendar-month:first-child{margin-top:30px}.calendar-month:last-child{margin-bottom:0}.calendar-month-header{display:flex;align-items:center;justify-content:center;gap:16px;margin-bottom:8px}.calendar-nav{font-size:clamp(10px,2.79vw,18px);color:#333;opacity:.7;-webkit-user-select:none;user-select:none}.calendar-month-title{font-size:clamp(16px,5.12vw,33px);font-weight:700;color:#333;text-align:center}.calendar-weekdays{display:grid;grid-template-columns:repeat(7,1fr);gap:8px;margin-bottom:8px}.calendar-weekday{text-align:center;font-size:clamp(15px,4.65vw,30px);font-weight:700;color:#555;padding:6px 0}.calendar-days{display:grid;grid-template-columns:repeat(7,1fr);gap:12px 8px}.calendar-day{aspect-ratio:unset;min-height:clamp(45px,13.95vw,90px);display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding-top:6px;cursor:pointer;transition:transform .2s ease;position:relative;gap:6px;padding-bottom:4px}.calendar-day:hover{transform:translateY(-1px)}.calendar-day.today{opacity:1}.calendar-day.start .calendar-day-number,.calendar-day.register .calendar-day-number{border:1px solid #7a5cff;color:#7a5cff}.calendar-day.completed .calendar-day-number{background:#7a5cff;color:#fff}.calendar-day.missed .calendar-day-number{background:#d6d6d6;border:1px solid #cfcfcf;color:#666}.calendar-day.today .calendar-day-number{background:#ff9c32;color:#fff}.calendar-day.other-month{cursor:default}.calendar-day.other-month:hover{background:transparent}.calendar-day-number{width:clamp(27px,8.37vw,54px);height:clamp(27px,8.37vw,54px);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:clamp(15px,4.65vw,30px);font-weight:600;color:#333;border:1px solid transparent;background:transparent}.calendar-day-status{font-size:clamp(12px,3.72vw,24px);font-weight:600;color:#666;white-space:nowrap;line-height:1}.calendar-day.start .calendar-day-status,.calendar-day.register .calendar-day-status,.calendar-day.completed .calendar-day-status{color:#7a5cff;font-weight:600}.calendar-day.missed .calendar-day-status{color:#999;font-weight:600}.calendar-day.today .calendar-day-status{color:#ff9c32;font-weight:600}.calendar-day.other-month{opacity:.3}.calendar-day.other-month .calendar-day-number{color:#999}.scroll-info-container{height:40px;overflow:hidden;position:relative}.scroll-info-content{position:relative;height:100%}.scroll-info-item{position:absolute;width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:12px;color:#666;opacity:0;transform:translateY(100%);transition:all .5s}.scroll-info-item.active{opacity:1;transform:translateY(0)}.modal-overlay.activity-rule-modal{background:#00000080!important;align-items:center!important;justify-content:center!important;padding-top:0!important}.modal-overlay.activity-rule-modal .modal-content{overflow:visible!important;position:relative!important;padding:0!important;margin:0 auto!important;background:transparent!important;border:none!important;box-shadow:none!important;width:calc(100vw - 48px)!important;max-width:400px!important;min-width:280px!important;display:block!important;border-radius:0!important;animation:none!important;transform:none!important}.modal-overlay.activity-rule-modal .modal-body{padding:0!important;margin:0!important;overflow:visible!important;display:block!important;position:relative!important}.rule-container{position:relative;width:100%;max-width:100%;margin:0 auto;background:transparent;border:none;display:block;box-sizing:border-box}.rule-modal-title-wrapper{text-align:center;padding:0;margin:0;position:relative;width:100%;display:block;line-height:0}.rule-modal-title-image{max-width:50%;height:auto;display:block;object-fit:contain;width:50%;margin:0 auto;image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges;vertical-align:top;padding:0;position:relative;z-index:2}.rule-title-bg-layer{position:absolute;top:0;left:0;width:100%;height:100%;background:#fff;border-radius:12px 12px 0 0;border-bottom:none;z-index:1;pointer-events:none}.rule-text-scroll-wrapper{max-height:calc(55vh - 100px);overflow-y:auto;-webkit-overflow-scrolling:touch;background:#fff;margin:0;border-radius:0 0 12px 12px}.rule-text-content{font-size:clamp(11px,3.26vw,21px);color:#333;line-height:1.5;padding:16px!important;width:100%;box-sizing:border-box;text-align:left;margin:0}.rule-text-content *{max-width:100%;box-sizing:border-box}.rule-text-content h1,.rule-text-content h2,.rule-text-content h3{color:#000;border-bottom:3px solid #3498db;padding-bottom:8px;margin-top:12px;margin-bottom:10px;font-size:clamp(15px,4.65vw,30px);font-weight:900;line-height:1.4;letter-spacing:.5px;width:100%}.rule-text-content h1:first-child{margin-top:0}.rule-text-content h1{font-size:clamp(15px,4.65vw,30px);font-weight:900}.rule-text-content h2{font-size:clamp(11px,3.02vw,19px)}.rule-text-content h3{font-size:clamp(10px,2.79vw,18px)}.rule-text-content p{margin-bottom:4px;color:#333;font-size:clamp(11px,3.26vw,21px);width:100%;line-height:1.2}.rule-text-content p:last-child{margin-bottom:0}.rule-text-content p strong{font-weight:600;color:#000;font-size:clamp(12px,3.49vw,22px)}.rule-text-content ul,.rule-text-content ol{margin-bottom:10px;padding-left:5px;width:100%}.rule-text-content li{margin-bottom:6px;color:#666;font-size:clamp(10px,2.79vw,18px);word-wrap:break-word}.rule-text-content hr{border:none;border-top:1px solid #e0e0e0;margin:10px 0}.rule-text-content .footer{color:#999;font-size:clamp(11px,3.02vw,19px);margin-top:10px}.rule-text-content img{max-width:100%;height:auto;border-radius:8px;margin:10px 0;display:block}.rule-text-content table{max-width:100%;width:100%;table-layout:auto}.rule-text-content div,.rule-text-content span{max-width:100%;word-wrap:break-word}.rule-modal-close-wrapper{display:flex;justify-content:center;align-items:center;padding-top:20px;padding-bottom:10px}.rule-modal-close-button{background:#fff3;border:2px solid #fff;padding:0;cursor:pointer;color:#fff;display:flex;align-items:center;justify-content:center;transition:all .3s;border-radius:50%;width:28px;height:28px}.rule-modal-close-button:hover{background:#ffffff4d;transform:scale(1.05)}.rule-modal-close-button:active{transform:scale(.95)}.rule-modal-close-button svg{width:16px;height:16px;stroke:#fff;stroke-width:2}.confetti-effect-container{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;overflow:hidden}.confetti-wrapper{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none;overflow:hidden}.confetti-piece{position:absolute;top:-20px;border-radius:2px;animation:confetti-fall linear forwards;opacity:.9}@keyframes confetti-fall{0%{transform:translateY(0) rotate(0) scale(1);opacity:1}25%{transform:translateY(25vh) rotate(180deg) translate(20px) scale(.9);opacity:.9}50%{transform:translateY(50vh) rotate(360deg) translate(-15px) scale(.8);opacity:.8}75%{transform:translateY(75vh) rotate(540deg) translate(10px) scale(.7);opacity:.6}to{transform:translateY(110vh) rotate(720deg) translate(-10px) scale(.5);opacity:0}}.congratulations-image-wrapper{position:relative;z-index:10;animation:congratulations-appear .5s ease-out forwards;display:flex;align-items:center;justify-content:center;width:100%}.congratulations-image{width:100vw;height:100vh;max-width:100vw;max-height:100vh;display:block;object-fit:contain;animation:congratulations-bounce .6s ease-out .2s forwards;transform:scale(.8)}@keyframes congratulations-appear{0%{opacity:0;transform:scale(.5)}60%{opacity:1;transform:scale(1.1)}to{opacity:1;transform:scale(1)}}@keyframes congratulations-bounce{0%{transform:scale(.8)}40%{transform:scale(1.05)}60%{transform:scale(.95)}80%{transform:scale(1.02)}to{transform:scale(1)}}.challenge-dialog-overlay,.challenge-result-dialogs-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.challenge-result-dialogs-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.challenge-dialog{position:relative;width:100%;max-width:320px}.award-dialog{max-width:360px!important}.refund-confirm-content,.refund-confirm-dialog{max-width:380px!important}.dialog-frame-wrapper{position:relative;width:100%}.dialog-frame{width:100%;height:auto;display:block}.dialog-inner-content{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:85%;text-align:center;padding:20px 10px}.wonderful-dialog .dialog-inner-content{top:66%}.award-content{top:58%;width:96%;padding:24px 20px}.refund-confirm-content{width:92%!important;padding:24px 18px!important}.refund-confirm-title{font-size:clamp(17px,5.58vw,36px)!important;font-weight:700!important}.award-dialog .dialog-text{color:#333!important;font-size:clamp(16px,5.12vw,33px)!important;font-weight:600!important;text-shadow:none!important;margin-bottom:16px!important;line-height:1.5!important}.award-dialog .award-text{color:#ff5769!important;font-size:clamp(27px,8.84vw,57px)!important;font-weight:700!important;-webkit-text-fill-color:#FF5769!important;background:none!important;-webkit-background-clip:unset!important;background-clip:unset!important;margin-bottom:28px!important;line-height:1.2!important;text-shadow:none!important}.dialog-close-button{position:absolute;top:45px;right:0;width:clamp(28px,8.37vw,54px);height:clamp(28px,8.37vw,54px);border:white 1px solid;background:#fff3;border-radius:50%;color:#fff;font-size:clamp(20px,6.51vw,42px);line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:10;transition:all .3s}.award-dialog .dialog-close-button{background:#646464cc!important;color:#fff!important}.dialog-close-button:hover{background:#ffffff4d}.award-dialog .dialog-close-button:hover{background:#646464e6!important}.dialog-text{font-size:clamp(12px,3.72vw,24px);color:#fff;margin-bottom:16px;text-shadow:0 1px 3px rgba(0,0,0,.3)}.wonderful-dialog .dialog-text{color:#333!important;font-size:clamp(17px,5.35vw,34px)!important;font-weight:700!important;text-shadow:none!important;margin-bottom:16px!important}.dialog-text-multiline{font-size:clamp(12px,3.72vw,24px);color:#fff;margin-bottom:20px;text-shadow:0 1px 3px rgba(0,0,0,.3);line-height:1.8}.dialog-text-multiline p{margin:0}.wonderful-dialog .dialog-text-multiline{color:#333;text-shadow:none}.refund-submitted-dialog .refund-submitted-text{font-size:clamp(15px,4.65vw,30px)!important;font-weight:700!important;color:#333!important;line-height:1.8!important}.dialog-sub-text{font-size:clamp(11px,3.26vw,21px);color:#ffffffe6;margin-bottom:16px}.dialog-highlight-text{font-size:clamp(23px,7.44vw,48px);font-weight:800;margin-bottom:24px;text-shadow:0 2px 6px rgba(0,0,0,.4)}.success-text{color:#ff4d4f!important;font-size:clamp(26px,8.37vw,54px)!important;background:none!important;-webkit-background-clip:unset!important;background-clip:unset!important;-webkit-text-fill-color:#ff4d4f!important;text-shadow:0 2px 4px rgba(255,77,79,.3)!important}.wonderful-dialog .success-text{color:#ff4d4f!important;font-size:clamp(26px,8.37vw,54px)!important;-webkit-text-fill-color:#ff4d4f!important}.wonderful-dialog .dialog-highlight-text{margin-bottom:28px}.award-text{color:gold;background:linear-gradient(180deg,#ffe066,gold);-webkit-background-clip:text;background-clip:text}.wonderful-dialog .award-text{color:#ff4d4f!important;font-size:clamp(26px,8.37vw,54px)!important;background:none!important;-webkit-background-clip:unset!important;background-clip:unset!important;-webkit-text-fill-color:#ff4d4f!important;text-shadow:0 2px 4px rgba(255,77,79,.3)!important}.refund-warning-text{color:#ff4d4f;font-size:clamp(17px,5.58vw,36px);white-space:nowrap;text-shadow:none!important;display:flex;align-items:center;justify-content:center;flex-wrap:nowrap;font-weight:700!important}.refund-warning-prefix{color:#333!important;font-weight:700!important}.refund-warning-suffix{color:#ff4d4f!important;font-weight:700!important}.refund-confirm-question{color:#333!important;font-size:clamp(17px,5.58vw,36px)!important;font-weight:700!important;text-shadow:none!important;margin-bottom:20px!important}.dialog-primary-button{width:80%;height:clamp(36px,11.16vw,72px);background:linear-gradient(180deg,#ff6b6b,#ff4d4f);border:none;border-radius:clamp(18px,5.58vw,36px);color:#fff;font-size:clamp(15px,4.65vw,30px);font-weight:600;cursor:pointer;transition:all .3s;box-shadow:0 4px 12px #ff4d4f66}.wonderful-dialog .dialog-primary-button{width:90%;height:clamp(32px,9.3vw,60px);font-size:clamp(15px,4.65vw,30px);background:linear-gradient(to right,#fff0d0,#ffd59e,#fff8d3);color:#333;box-shadow:0 4px 12px #ffe0af80}.wonderful-dialog .dialog-primary-button:hover:not(:disabled){transform:scale(1.02);box-shadow:0 6px 16px #ffe0af99}.dialog-primary-button:hover:not(:disabled){transform:scale(1.02);box-shadow:0 6px 16px #ff4d4f80}.dialog-primary-button:active:not(:disabled){transform:scale(.98)}.dialog-primary-button:disabled{opacity:.7;cursor:not-allowed}.confirm-button{background:linear-gradient(180deg,#ff794e,#ff3705)!important;box-shadow:0 4px 12px #ff370566!important;font-size:clamp(18px,5.81vw,37px)!important;height:clamp(48px,14.88vw,96px)!important;width:100%!important;border-radius:clamp(45px,13.95vw,90px)!important}.confirm-button:hover:not(:disabled){box-shadow:0 6px 16px #ff370580!important}.double-confirm-dialog .confirm-title{font-size:clamp(17px,5.58vw,36px)!important;font-weight:1000!important;margin-top:10px!important}.double-confirm-dialog .confirm-award-text{font-size:clamp(24px,7.5vw,48px)!important;font-weight:1000!important;font-color:#FA5151!important;-webkit-text-stroke:.5px currentColor;text-stroke:.5px currentColor;white-space:nowrap!important}.double-confirm-dialog .dialog-footer-note{color:#666!important;font-size:clamp(14px,4.19vw,27px)!important;font-weight:800!important;margin-top:24px!important}.refund-confirm-button{background:transparent!important;color:#fe6001!important;border:.5px solid #F76108!important;font-size:clamp(19px,6.05vw,39px)!important;font-weight:1000!important;box-shadow:none!important;-webkit-text-stroke:.5px currentColor;text-stroke:.5px currentColor}.refund-confirm-button:hover:not(:disabled){background:#fe60010d!important;border-color:#f76108!important;transform:scale(1.02)}.refund-confirm-button:disabled{opacity:.6;cursor:not-allowed}.award-buttons{display:flex;flex-direction:column;gap:14px;align-items:center;width:100%;margin-top:8px}.award-button{width:100%;padding:clamp(12px,3.72vw,24px) clamp(20px,6.05vw,39px);border:none;border-radius:clamp(21px,6.51vw,42px);font-size:clamp(11px,3.26vw,21px);font-weight:600;cursor:pointer;transition:all .3s;position:relative;white-space:nowrap;box-sizing:border-box;text-align:center;padding-left:clamp(16px,5.12vw,33px)}.claim-double-button{background:linear-gradient(to right,#ff3705,#ff794e);color:#fff;font-size:clamp(14px,4.42vw,28px);font-weight:600;box-shadow:0 4px 12px #ff37054d}.claim-double-button:hover:not(:disabled){transform:scale(1.02);box-shadow:0 6px 16px #ff370566}.claim-double-button:disabled{background:#d9d9d9;color:#999;box-shadow:none;cursor:not-allowed;opacity:.6}.countdown-badge{position:absolute;top:-16px;right:-10px;background:linear-gradient(to right,#fa5151,#ff6d34);color:#fff;font-size:clamp(12px,3.49vw,22px);font-weight:400;padding:clamp(4px,1.4vw,9px) clamp(10px,3.26vw,21px);border-radius:clamp(9px,2.79vw,18px);white-space:nowrap;z-index:1;line-height:1.4;transform:translate(0)}.refund-button{background:transparent;color:#fe6001!important;border:1.5px solid #F76108!important;font-size:clamp(14px,4.42vw,28px);font-weight:600}.refund-button:hover{background:#fe60010d;border-color:#f76108!important}.dialog-footer-note{margin-top:16px;font-size:clamp(10px,2.79vw,18px);color:#ffffffb3}.warning-note{color:#ff6b6b;font-size:clamp(14px,4.19vw,27px)!important;font-weight:700!important}.challenge-status-card{width:100%;border-radius:18px!important;padding:16px!important;text-align:center!important;background:linear-gradient(90deg,#ad87f5,#522fbf)!important;border:none!important;margin-bottom:16px}.status-title{font-size:clamp(17px,5.58vw,36px);font-weight:800;color:#fff;margin-bottom:8px;text-shadow:0 2px 4px rgba(0,0,0,.2);-webkit-text-stroke:.5px currentColor;text-stroke:.5px currentColor}.status-result{font-size:clamp(17px,5.58vw,36px);font-weight:600;color:#fffffff2}.claimed-card{background:linear-gradient(90deg,#ad87f5,#522fbf)}.claimed-card .status-title,.claimed-card .status-result{color:#fcf4b9}.pending-card{background:linear-gradient(90deg,#ad87f5,#522fbf);padding-bottom:20px}.pending-card .status-title{color:#fcf4b9}.pending-buttons{display:flex;flex-direction:column;gap:12px;margin-top:16px}.pending-button{width:80%;padding:clamp(8px,2.56vw,16px) clamp(12px,3.72vw,24px);border:none;border-radius:clamp(19px,5.81vw,37px);font-size:clamp(14px,4.42vw,28px);font-weight:600;cursor:pointer;transition:all .3s;position:relative;margin:0 auto}.pending-button.claim-button{background:linear-gradient(to right,#ff3705,#ff794e);color:#fff;box-shadow:0 4px 12px #ff4d4f66;padding:clamp(12px,3.72vw,24px) clamp(12px,3.72vw,24px)}.pending-button.claim-button:hover{transform:scale(1.02);box-shadow:0 6px 16px #ff4d4f80}.pending-button.claim-button:active{transform:scale(.98)}.pending-button .countdown-badge{position:absolute;top:-16px;right:-15px;background:linear-gradient(to right,#fa5151,#ff6d34);color:#fff;font-size:clamp(12px,3.49vw,22px);font-weight:400;padding:clamp(3px,.93vw,6px) clamp(10px,3.26vw,21px);border-radius:16px 16px 16px 0;white-space:nowrap;z-index:1;line-height:1.4;transform:translate(0);box-shadow:none}.pending-button.refund-button{background:transparent;color:#fff!important;border:1.5px solid #fff!important}.pending-button.refund-button:hover{background:#ffffff1a;border-color:#fff!important}.refunding-card{background:linear-gradient(90deg,#ad87f5,#522fbf)}.failed-card{background:linear-gradient(90deg,#ad87f5,#522fbf);padding:18px 16px!important}.failed-card .status-title{color:#fcf4b9;margin-bottom:8px!important}.status-punch-count{font-size:clamp(24px,7.67vw,49px);font-weight:800;color:#fcf4b9;margin-bottom:6px;-webkit-text-stroke:.5px currentColor;text-stroke:.5px currentColor}.status-encourage{font-size:clamp(14px,4.42vw,28px);font-weight:400;color:#fffffff2;margin-top:4px;-webkit-text-stroke:.3px currentColor;text-stroke:.3px currentColor}.home-page{min-height:100vh;background:#fff}.home-navbar{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:#fff;border-bottom:1px solid #e8e8e8;position:sticky;top:0;z-index:100}.nav-back-button{background:none;border:none;font-size:24px;color:#000;cursor:pointer;padding:0;width:32px;display:flex;align-items:center;flex-shrink:0}.nav-tabs{flex:1;display:flex;justify-content:center;align-items:center}.nav-right{width:32px;flex-shrink:0}.home-content{padding:16px;background:#fff}.home-list{display:flex;flex-direction:column;gap:12px}.debug-mode-label{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:14px;color:#333}.debug-date-label{display:flex;align-items:center;gap:8px;font-size:14px;color:#333;margin-bottom:8px}.debug-date-input{flex:1;padding:6px 12px;border:1px solid #ddd;border-radius:4px;font-size:14px;min-width:150px}.debug-date-clear{padding:6px 12px;background:#fff;border:1px solid #ddd;border-radius:4px;font-size:12px;cursor:pointer;white-space:nowrap}.debug-time-input{flex:1;padding:6px 12px;border:1px solid #ddd;border-radius:4px;font-size:14px;min-width:150px}.debug-time-clear{padding:6px 12px;background:#fff;border:1px solid #ddd;border-radius:4px;font-size:12px;cursor:pointer;white-space:nowrap}.debug-date-info{font-size:12px;color:#666;margin-top:4px}.common-navbar{display:flex;align-items:center!important;justify-content:space-between;padding:20px 16px!important;background:#000714;border-bottom:none;position:fixed;top:0;left:0;right:0;z-index:1000;flex-shrink:0;height:80px!important;box-sizing:border-box}.common-navbar .nav-back-button{background:none;border:none;font-size:24px;color:#fff!important;cursor:pointer;padding:0;width:32px;display:flex;align-items:center!important;justify-content:center;position:relative!important;z-index:2!important;margin-top:0;flex-shrink:0;height:auto}.common-navbar .back-icon{width:24px;height:24px;display:block;color:#fff}.common-navbar .back-icon path{stroke:#fff}.common-navbar .nav-title{font-size:20px!important;font-weight:500;color:#fff!important;margin:0;text-align:center!important;font-family:PingFang SC,-apple-system,BlinkMacSystemFont,sans-serif;position:absolute!important;left:0!important;right:0!important;top:50%!important;transform:translateY(-50%)!important;line-height:1.2;pointer-events:none;z-index:1}.common-navbar .nav-right{width:32px;flex-shrink:0;display:flex;align-items:center;justify-content:flex-end}.rule-button-top-right{position:absolute;top:5%;right:0;background-color:transparent;background-repeat:no-repeat;background-position:center;background-size:100% 100%;border:none;padding:clamp(6px,1.8vw,10px) clamp(12px,3vw,20px);cursor:pointer;z-index:10;transition:all .3s;color:#e2daf5;font-size:clamp(12px,3.5vw,16px);font-weight:500;font-family:PingFang SC,-apple-system,BlinkMacSystemFont,sans-serif;white-space:nowrap;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;min-width:fit-content}.punch-content-inner>.rule-button-top-right{right:0;top:30px;z-index:100;pointer-events:auto}.rule-button-top-right:hover{transform:scale(1.05);opacity:.9}.rule-button-top-right:active{transform:scale(.95)}.activity-register-page{min-height:100vh;background:transparent;display:flex;flex-direction:column;position:relative}.debug-params-panel{position:fixed;top:56px;left:0;right:0;background:#000000e6;color:#fff;z-index:1000;font-size:clamp(10px,2.79vw,18px);border-bottom:2px solid #ff6b6b;max-height:60vh;overflow-y:auto}.debug-params-header{display:flex;justify-content:space-between;align-items:center;padding:8px 16px;background:#ff6b6b;font-weight:700;cursor:pointer}.debug-params-toggle{background:#fff3;border:1px solid rgba(255,255,255,.3);color:#fff;padding:4px 12px;border-radius:4px;cursor:pointer;font-size:clamp(10px,2.79vw,18px)}.debug-params-toggle:hover{background:#ffffff4d}.debug-params-content{padding:12px 16px;display:block}.debug-params-section{margin-bottom:12px;padding:8px;background:#ffffff0d;border-radius:4px}.debug-params-section h4{margin:0 0 8px;font-size:clamp(11px,3.02vw,19px);color:#4dabf7}.debug-params-section ul{margin:0;padding-left:20px}.debug-params-section li{margin:4px 0;line-height:1.5}.debug-params-section pre{margin:0;padding:8px;background:#0000004d;border-radius:4px;overflow-x:auto;font-size:clamp(9px,2.56vw,16px);white-space:pre-wrap;word-break:break-all}.param-ok{color:#51cf66}.param-missing{color:#ff6b6b;font-weight:700}.debug-url{word-break:break-all;font-size:clamp(9px,2.56vw,16px);color:#a5d8ff}.register-rules-scroll{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:0 0 168px;margin-top:80px;background:linear-gradient(to bottom,#14104e,#310d65);will-change:scroll-position;transform:translateZ(0)}.register-theme-section{padding:57px 18px 0;text-align:center}.title-header{display:flex;justify-content:flex-end;margin-bottom:16px}.activity-rule-button{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.3);border-radius:4px;padding:6px 12px;font-size:clamp(10px,2.79vw,18px);cursor:pointer;transition:all .3s}.activity-rule-button:hover{background:#ffffff1a}.activity-main-title{font-size:clamp(34px,11.16vw,72px);font-weight:400;color:#fff;margin:0 0 8px;line-height:1.2;font-family:Hellofont FangHuaTi,serif}.activity-subtitle-main{font-size:clamp(34px,11.16vw,72px);font-weight:400;color:#fff;margin:0 0 12px;font-family:Hellofont FangHuaTi,serif}.activity-subtitle{font-size:clamp(12px,3.72vw,24px);color:#fffc;margin:0}.register-image-section{padding:0 0 24px;margin-bottom:0;position:relative}.image-label{position:absolute;top:12px;left:28px;background:linear-gradient(254deg,#83ed37,#ffc300 46%,#fa5151);color:#fff;font-size:clamp(10px,2.79vw,18px);padding:6px 12px;border-radius:20px;font-weight:600;z-index:10}.activity-image{width:100%;height:auto;display:block;border-radius:17px;will-change:auto;content-visibility:auto}.image-placeholder{width:100%;height:200px;background:#f5f5f5;border:1px dashed #d9d9d9;border-radius:17px;display:flex;align-items:center;justify-content:center;color:#999;font-size:clamp(11px,3.26vw,21px)}.white-card{background:#fffdff;border-radius:17px;padding:24px 18px;margin:0 18px 24px}.register-participation-section{padding:0 16px;margin:0 0 24px;box-sizing:border-box}.register-step-container{position:relative;width:100%;margin:0;padding:0;box-sizing:border-box;overflow:visible}.register-step-image{width:105%;max-width:105%;height:auto;display:block;margin:0 0 0 -4%;padding:0;box-sizing:border-box;vertical-align:top;object-fit:contain;object-position:left top;border-radius:17px;will-change:auto;content-visibility:auto}.commodity-overlay{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none}.commodity-overlay-item{position:absolute;display:flex;justify-content:space-between;pointer-events:auto;left:10.73%;width:79.66%;box-sizing:border-box;padding:0 4.52%;background:transparent;border-radius:0;box-shadow:none}.commodity-first{height:9.85%;top:24.17%;transform:translateY(0);background:transparent;align-items:center;padding-top:4.5%;padding-bottom:0}.commodity-second{height:7.41%;top:35.08%;transform:translateY(0);background:transparent;align-items:center}.commodity-overlay-info{display:flex;flex-direction:column;justify-content:center;flex:1;gap:.64%;min-width:0;padding-right:2.26%}.commodity-first .commodity-overlay-info{padding-top:0}.commodity-overlay-name{font-size:clamp(13px,4.2vw,1.7em);font-weight:600;color:#000;line-height:1.4;white-space:nowrap;display:flex;align-items:center}.commodity-overlay-price{font-size:clamp(11px,3.8vw,1.4em);font-weight:600;color:#666;line-height:1.4;white-space:nowrap}.commodity-first .commodity-overlay-name{color:#fff;text-shadow:none}.commodity-first .commodity-overlay-price{color:#ffffffe6;font-weight:600;text-shadow:none}.commodity-second .commodity-overlay-name{color:#000;text-shadow:0 1px 2px rgba(255,255,255,.8)}.commodity-second .commodity-overlay-price{color:#333;font-weight:600;text-shadow:0 1px 2px rgba(255,255,255,.8)}.commodity-name-highlight{color:#ff8f1f;font-size:1.3em;font-weight:600}@keyframes commodityButtonBreath{0%{transform:scale(1)}33.33%{transform:scale(.833)}66.66%{transform:scale(1)}to{transform:scale(1)}}.commodity-overlay-button{background:none;border:none;padding:0;width:clamp(60px,20vw,72px)!important;height:clamp(60px,20vw,72px)!important;min-width:60px!important;min-height:60px!important;max-width:75px!important;max-height:75px!important;cursor:pointer;flex-shrink:0;transition:all .3s;display:flex;align-items:center;justify-content:center;transform-origin:center center;margin-left:2.26%}.commodity-second .commodity-overlay-button{width:clamp(58px,19vw,68px)!important;height:clamp(58px,19vw,68px)!important;min-width:60px!important;min-height:60px!important;max-width:75px!important;max-height:75px!important;align-self:center!important;margin-top:10px!important;margin-left:-2px!important}.commodity-first .commodity-overlay-button{animation:commodityButtonBreath .9s ease-in-out infinite;width:clamp(60px,20vw,72px)!important;height:clamp(60px,20vw,72px)!important;min-width:60px!important;min-height:60px!important;max-width:75px!important;max-height:75px!important}.commodity-first .commodity-overlay-button:disabled{animation:none}.commodity-overlay-button-image{width:100%;height:100%;object-fit:contain;display:block}.commodity-overlay-button-text{font-size:clamp(10px,2.79vw,18px);color:#666;white-space:nowrap}@keyframes commodityButtonTextBreath{0%{font-size:clamp(17px,5.58vw,36px)}33.33%{font-size:clamp(14px,4.19vw,27px)}66.66%{font-size:clamp(17px,5.58vw,36px)}to{font-size:clamp(17px,5.58vw,36px)}}.commodity-first .commodity-overlay-button-text{animation:commodityButtonTextBreath .9s ease-in-out infinite;font-size:clamp(17px,5.58vw,36px)}.commodity-first .commodity-overlay-button:disabled .commodity-overlay-button-text{animation:none}.commodity-overlay-button:hover:not(:disabled){transform:scale(1.05)}.commodity-overlay-button:active:not(:disabled){transform:scale(.95)}.commodity-first .commodity-overlay-button:hover:not(:disabled){transform:scale(1.05);animation:commodityButtonBreath .9s ease-in-out infinite}.commodity-first .commodity-overlay-button:active:not(:disabled){transform:scale(.95);animation:commodityButtonBreath .9s ease-in-out infinite}.commodity-overlay-button:disabled{opacity:.5;cursor:not-allowed;transform:none}.section-title{font-size:clamp(16px,5.12vw,33px);font-weight:700;color:#000;margin:0 0 16px;text-align:center;font-family:Alimama ShuHeiTi,sans-serif}.participation-intro{font-size:clamp(11px,3.26vw,21px);color:#666;line-height:1.6;margin:0 0 20px;text-align:left}.commodity-option{background:#fff;border:1px solid #e0e0e0;border-radius:12px;padding:16px;display:flex;align-items:center;gap:12px;position:relative}.commodity-option.popular{border-color:#4d2fcf;background:#f7effe}.commodity-name{font-size:clamp(12px,3.72vw,24px);font-weight:600;color:#000;margin-bottom:4px}.commodity-price{font-size:clamp(11px,3.26vw,21px);color:#666}.popular-badge{font-size:clamp(10px,2.79vw,18px);color:#4d2fcf;background:#e2daf5;padding:4px 8px;border-radius:4px}.commodity-button{background:linear-gradient(90deg,#4d2fcf,#7c60db);color:#fff;border:none;border-radius:12px;padding:10px 24px;font-size:clamp(11px,3.26vw,21px);font-weight:600;cursor:pointer;white-space:nowrap}.step-number{width:28px;height:28px;background:linear-gradient(90deg,#4d2fcf,#7c60db);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:clamp(12px,3.72vw,24px);font-weight:600;flex-shrink:0}.step-title{font-size:clamp(11px,3.26vw,21px);font-weight:600;color:#000;margin:0 0 8px;line-height:1.5}.step-detail{font-size:clamp(10px,2.79vw,18px);color:#666;line-height:1.5}.step-image{width:80px;height:80px;background:#f5f5f5;border:1px dashed #d9d9d9;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:clamp(10px,2.79vw,18px);color:#999;flex-shrink:0}.participation-conclusion{font-size:clamp(11px,3.26vw,21px);color:#666;line-height:1.6;margin:0;text-align:left}.register-trust-section{padding:0 18px;margin:0 0 24px;box-sizing:border-box}.register-section-image{width:100%;max-width:100%;height:auto;display:block;border-radius:17px;box-sizing:border-box;margin:0;padding:0;vertical-align:top;will-change:auto;content-visibility:auto}.comparison-left,.comparison-right{flex:1;background:#fff;border:1px solid #e0e0e0;border-radius:8px;padding:12px;font-size:clamp(11px,3.02vw,19px);color:#666;line-height:1.5}.comparison-right{background:#f7effe;border-color:#4d2fcf;color:#000;font-weight:500}.trust-conclusion{font-size:clamp(11px,3.26vw,21px);color:#666;text-align:center;margin:0;line-height:1.6}.register-cashback-section{padding:0 18px;margin:0 0 24px;box-sizing:border-box}.cashback-image-item{min-width:120px;height:160px;background:#f5f5f5;border:1px dashed #d9d9d9;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:clamp(10px,2.79vw,18px);color:#999;flex-shrink:0}.register-report-section{padding:0 18px;margin:0 0 24px;box-sizing:border-box}.report-text{font-size:clamp(11px,3.26vw,21px);color:#666;line-height:1.6;margin:0 0 12px}.report-conclusion{font-size:clamp(11px,3.26vw,21px);color:#000;font-weight:500;margin:0;line-height:1.6}.register-benefit-section{padding:0 18px;margin:0 0 6px;box-sizing:border-box}.register-benefit-section .section-title{color:#fff}.benefit-card{flex:1;background:#fffffff2;border-radius:12px;padding:16px}.benefit-title{font-size:clamp(12px,3.72vw,24px);font-weight:600;color:#000;margin:0 0 12px}.benefit-list li{font-size:clamp(11px,3.02vw,19px);color:#666;line-height:1.6;margin-bottom:8px;padding-left:16px;position:relative}.benefit-list li:before{content:"•";position:absolute;left:0;color:#4d2fcf;font-weight:600}.register-progress-section{padding:0 18px;margin:0 0 24px}.progress-chart{position:relative;padding:20px;background:#f9f9f9;border-radius:12px}.progress-bar{flex:1;background:linear-gradient(to top,#4d2fcf,#7c60db);border-radius:8px 8px 0 0;display:flex;align-items:flex-start;justify-content:center;padding-top:8px;min-width:60px;position:relative}.bar-label{font-size:clamp(10px,2.79vw,18px);color:#fff;font-weight:600}.progress-text-top{font-size:clamp(11px,3.02vw,19px);color:#000;font-weight:500;margin:0 0 8px}.progress-text-left{font-size:clamp(10px,2.79vw,18px);color:#666;margin:0}.register-motivation-section{padding:0 18px;margin:0 0 24px}.motivation-text{font-size:clamp(11px,3.26vw,21px);color:#ffffffe6;margin:0 0 8px}.motivation-highlight{font-size:clamp(14px,4.19vw,27px);color:#fff;font-weight:600;margin:4px 0}.register-declaration-section{padding:24px 0 0 18px;background:transparent!important;margin:0 18px 6px;border-radius:17px}.register-declaration-section .declaration-title{font-size:clamp(14px,4.19vw,27px);font-weight:600;color:#fff!important;margin:0 0 15px}.register-declaration-section .declaration-list{list-style:decimal;padding-left:20px;margin:0}.register-declaration-section .declaration-list li{font-size:clamp(11px,3.26vw,21px)!important;color:#fff!important;line-height:1.6;margin-bottom:8px}.register-footer-fixed{position:fixed;bottom:0;left:0;right:0;height:172px;padding:10px 18px;padding-bottom:calc(10px + env(safe-area-inset-bottom));background:#2f0d64;opacity:1;z-index:100;box-shadow:0 -4px 20px #00000026;display:flex;flex-direction:column;align-items:center;box-sizing:border-box}.register-footer-fixed .payment-method-selector{display:flex;gap:12px!important;justify-content:center;margin:0 0 6px;padding:0!important;background:transparent!important;border-radius:8px;border:1px solid rgba(244,207,162,.3);width:326px;height:40px;max-width:326px;box-sizing:border-box;align-items:center}.payment-method-option{flex:0 1 auto;display:flex;align-items:center;gap:8px;padding:8px 12px;background:transparent;border:none;border-radius:8px;cursor:pointer;transition:all .3s}.payment-method-option:hover{background:#ffffff1a}.payment-method-option.active{background:transparent}.payment-method-check{width:20px;height:20px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.payment-method-check-empty{width:20px;height:20px;border:2px solid rgba(255,255,255,.6);border-radius:50%;background:transparent}.payment-method-icon{width:24px;height:24px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.wechat-icon svg{width:24px;height:24px}.wechat-logo-img{width:24px;height:24px;object-fit:contain;display:block}.alipay-icon{background:transparent;border-radius:4px;color:#fff;font-weight:700;font-size:clamp(12px,3.72vw,24px);line-height:24px;width:24px;height:24px;text-align:center;display:flex;align-items:center;justify-content:center}.alipay-logo-img{width:24px;height:24px;object-fit:contain;display:block}.payment-method-text{color:#fff;font-size:clamp(11px,3.26vw,21px);font-weight:500;flex:1;text-align:left}.register-scroll-info{margin-bottom:6px;padding:0;width:100%;max-width:100%;align-self:stretch}.register-footer-fixed .scroll-info-container{height:32px;width:100%}.register-footer-fixed .scroll-info-item{color:#fff;font-size:clamp(11px,3.02vw,19px)}@keyframes registerButtonBreath{0%{transform:scaleX(1) scaleY(1);font-size:clamp(16px,5.12vw,33px)}33.33%{transform:scaleX(.864) scaleY(.857);font-size:clamp(15px,4.65vw,30px)}66.66%{transform:scaleX(1) scaleY(1);font-size:clamp(16px,5.12vw,33px)}to{transform:scaleX(1) scaleY(1);font-size:clamp(16px,5.12vw,33px)}}.register-button{width:294px;height:48px;background:linear-gradient(100deg,#ff7715 4%,#fa5151 96%);color:#fff;border:none;border-radius:24px;font-size:clamp(16px,5.12vw,33px);font-weight:500;font-family:PingFang SC,sans-serif;margin:0 auto 8px;display:block;cursor:pointer;transition:all .3s;box-shadow:0 4px 12px #fa51514d;animation:registerButtonBreath .9s ease-in-out infinite;transform-origin:center center}.register-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 16px #fa515166}.register-button:disabled{background:#d9d9d9;box-shadow:none;cursor:not-allowed;transform:none;animation:none}.protocol-checkbox{display:flex;align-items:center;justify-content:center;margin-top:0;font-size:clamp(11px,3.02vw,19px);color:#fffc;cursor:pointer;line-height:1}.protocol-checkbox input[type=checkbox]{width:16px;height:16px;margin:0 6px 0 0;cursor:pointer;-moz-appearance:none;appearance:none;-webkit-appearance:none;border:2px solid rgba(255,255,255,.6);border-radius:50%;background:transparent;position:relative;flex-shrink:0}.protocol-checkbox input[type=checkbox]:checked{background:#4d2fcf;border-color:#4d2fcf}.protocol-checkbox input[type=checkbox]:checked:after{content:"";position:absolute;left:4px;top:1px;width:4px;height:8px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg)}.protocol-checkbox span{display:flex;align-items:center;line-height:1}.protocol-link{color:#a984f3;text-decoration:none;margin-left:4px}.protocol-link:hover{text-decoration:underline}.protocol-confirm-modal.modal-overlay .modal-content{width:80%;max-width:320px;border-radius:16px;padding:0;overflow:hidden}.protocol-confirm-modal.modal-overlay .modal-body{padding:0}.protocol-confirm-modal.modal-overlay .modal-footer{padding:0 20px 20px;border-top:none}.protocol-modal-content{text-align:center;padding:32px 24px 24px}.protocol-modal-title{font-size:clamp(14px,4.19vw,27px);font-weight:600;color:#000;margin:0 0 20px;line-height:1.4}.protocol-modal-desc{font-size:clamp(12px,3.49vw,22px);color:#333;line-height:1.6;margin:0;padding:0}.protocol-modal-link{color:#1677ff;text-decoration:none;font-weight:400}.protocol-modal-link:hover{text-decoration:underline}.protocol-modal-footer{display:flex;gap:12px;justify-content:space-between;padding:0;margin-top:0;width:100%}.protocol-modal-btn{flex:1;padding:14px 20px;border-radius:22px;font-size:clamp(12px,3.72vw,24px);font-weight:500;cursor:pointer;transition:all .3s;border:none;height:48px;white-space:nowrap;display:flex;align-items:center;justify-content:center}.protocol-modal-btn-cancel{background:#f5f5f5;color:#333}.protocol-modal-btn-cancel:hover{background:#ebebeb}.protocol-modal-btn-cancel:active{background:#e0e0e0}.protocol-modal-btn-confirm{background:linear-gradient(100deg,#ff7715 4%,#fa5151 96%);color:#fff}.protocol-modal-btn-confirm:hover{opacity:.9}.protocol-modal-btn-confirm:active{opacity:.85}.protocol-modal-btn-confirm:disabled{background:#d0d0d0;color:#999;cursor:not-allowed;opacity:.6}.user-agreement-modal .modal-content{width:calc(100% - 16px);max-width:none;height:calc(100% - 16px);max-height:none;margin:8px;border-radius:12px;overflow:hidden;display:flex;flex-direction:column}.user-agreement-modal .modal-header{flex-shrink:0;padding:16px 20px;border-bottom:1px solid #eee;display:flex;align-items:center;justify-content:center;position:relative}.user-agreement-modal .modal-title{text-align:center;font-size:clamp(16px,5vw,20px);font-weight:600;color:#333;margin:0;padding:0}.user-agreement-modal .modal-close{position:absolute;right:20px;top:50%;transform:translateY(-50%);font-size:28px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;color:#999;background:transparent;border:none;cursor:pointer;transition:color .2s;padding:0;margin:0}.user-agreement-modal .modal-close:hover{color:#333}.user-agreement-modal .modal-close:active{color:#666}.user-agreement-modal .modal-body{flex:1;overflow:hidden;padding:0;margin:0}.user-agreement-modal .modal-footer{display:none}.user-agreement-modal-content{height:100%;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:0;margin:0}.user-agreement-html-content{padding:clamp(12px,3vw,24px);font-size:clamp(12px,3.5vw,16px);line-height:1.8;color:#333}.user-agreement-html-content h1,.user-agreement-html-content h2,.user-agreement-html-content h3{margin-top:24px;margin-bottom:16px;font-weight:600;color:#000;line-height:1.4}.user-agreement-html-content h1{font-size:clamp(18px,5.5vw,28px)}.user-agreement-html-content h2{font-size:clamp(16px,5vw,24px)}.user-agreement-html-content h3{font-size:clamp(14px,4.5vw,20px)}.user-agreement-html-content p{margin-bottom:12px;text-align:justify}.user-agreement-html-content ul,.user-agreement-html-content ol{margin-bottom:12px;padding-left:24px}.user-agreement-html-content li{margin-bottom:8px}.activity-register-page :global(.modal-overlay .modal-content){max-height:60vh;width:80%;max-width:350px}.activity-register-page :global(.modal-body){padding:0;overflow:hidden;display:flex;flex-direction:column}.activity-rule-page{min-height:100vh;background:#fff;padding-bottom:20px}.rule-navbar{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:#fff;border-bottom:1px solid #e8e8e8;position:sticky;top:0;z-index:100}.nav-back-button{background:none;border:none;font-size:24px;color:#000;cursor:pointer;padding:0;width:32px;display:flex;align-items:center}.nav-title{font-size:18px;font-weight:600;color:#000;margin:0;flex:1;text-align:center}.nav-rule-button{background:#e6f7ff;color:#007aff;border:none;border-radius:4px;padding:4px 12px;font-size:12px;cursor:pointer}.rule-theme-section{padding:24px 16px;text-align:center}.theme-title{font-size:24px;font-weight:600;color:#000;margin:0 0 8px;line-height:1.4}.theme-subtitle-main{font-size:20px;font-weight:600;color:#000;margin:0 0 12px}.theme-subtitle{font-size:14px;color:#666;margin:0}.rule-image-section{padding:0 16px;margin-bottom:24px;position:relative}.image-label{position:absolute;top:12px;left:28px;background:#ff4d4f;color:#fff;font-size:12px;padding:4px 8px;border-radius:4px;font-weight:600;z-index:10}.rule-image{width:100%;height:auto;display:block;border-radius:8px}.image-placeholder{width:100%;height:200px;background:#f5f5f5;border:1px dashed #d9d9d9;border-radius:8px;display:flex;align-items:center;justify-content:center;color:#999;font-size:14px}.rule-participation-section{padding:0 16px 24px}.section-title{font-size:18px;font-weight:600;color:#000;margin:0 0 16px;text-align:center}.participation-intro{font-size:14px;color:#666;line-height:1.6;margin:0 0 20px;text-align:left}.commodity-options{display:flex;flex-direction:column;gap:12px;margin-bottom:24px}.commodity-option{background:#fff;border:1px solid #e0e0e0;border-radius:8px;padding:16px;display:flex;align-items:center;gap:12px;position:relative}.commodity-option.popular{border-color:#007aff;background:#f0f8ff}.commodity-info{flex:1}.commodity-name{font-size:16px;font-weight:600;color:#000;margin-bottom:4px}.commodity-price{font-size:14px;color:#666}.popular-badge{font-size:12px;color:#007aff;background:#e6f7ff;padding:4px 8px;border-radius:4px}.commodity-button{background:#007aff;color:#fff;border:none;border-radius:6px;padding:8px 20px;font-size:14px;font-weight:600;cursor:pointer;white-space:nowrap}.commodity-button:disabled{background:#d9d9d9;cursor:not-allowed}.participation-steps{display:flex;flex-direction:column;gap:20px;margin-bottom:20px}.step-item{display:flex;gap:12px;align-items:flex-start}.step-number{width:24px;height:24px;background:#007aff;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:600;flex-shrink:0}.step-content{flex:1}.step-title{font-size:14px;font-weight:600;color:#000;margin:0 0 8px;line-height:1.5}.step-detail{font-size:12px;color:#666;line-height:1.5}.step-image{width:80px;height:80px;background:#f5f5f5;border:1px dashed #d9d9d9;border-radius:4px;display:flex;align-items:center;justify-content:center;font-size:12px;color:#999;flex-shrink:0}.participation-conclusion{font-size:14px;color:#666;line-height:1.6;margin:0;text-align:left}.rule-trust-section{padding:0 16px 24px}.trust-comparison-table{display:flex;flex-direction:column;gap:12px;margin-bottom:16px}.comparison-row{display:flex;gap:12px}.comparison-left,.comparison-right{flex:1;background:#fff;border:1px solid #e0e0e0;border-radius:8px;padding:12px;font-size:13px;color:#666;line-height:1.5}.comparison-right{background:#f0f8ff;border-color:#007aff;color:#000;font-weight:500}.trust-conclusion{font-size:14px;color:#666;text-align:center;margin:0;line-height:1.6}.rule-cashback-section{padding:0 16px 24px}.cashback-images{display:flex;gap:12px;overflow-x:auto;padding-bottom:8px}.cashback-image-item{min-width:120px;height:160px;background:#f5f5f5;border:1px dashed #d9d9d9;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:12px;color:#999;flex-shrink:0}.rule-report-section{background:#f9f9f9;margin:0 16px 24px;border-radius:8px;padding:20px 16px}.report-text{font-size:14px;color:#666;line-height:1.6;margin:0 0 12px}.report-conclusion{font-size:14px;color:#000;font-weight:500;margin:0;line-height:1.6}.rule-benefit-section{padding:0 16px 24px}.benefit-cards{display:flex;gap:12px}.benefit-card{flex:1;background:#fff;border:1px solid #e0e0e0;border-radius:8px;padding:16px}.benefit-title{font-size:16px;font-weight:600;color:#000;margin:0 0 12px}.benefit-list{list-style:none;padding:0;margin:0}.benefit-list li{font-size:13px;color:#666;line-height:1.6;margin-bottom:8px;padding-left:16px;position:relative}.benefit-list li:before{content:"•";position:absolute;left:0;color:#007aff;font-weight:600}.rule-progress-section{padding:0 16px 24px}.progress-chart{position:relative;padding:20px;background:#f9f9f9;border-radius:8px}.progress-bars{display:flex;align-items:flex-end;justify-content:center;gap:20px;margin-bottom:16px;height:120px}.progress-bar{flex:1;background:linear-gradient(to top,#007aff,#40a9ff);border-radius:4px 4px 0 0;display:flex;align-items:flex-start;justify-content:center;padding-top:8px;min-width:60px;position:relative}.bar-label{font-size:12px;color:#fff;font-weight:600}.progress-text{text-align:center}.progress-text-top{font-size:13px;color:#000;font-weight:500;margin:0 0 8px}.progress-text-left{font-size:12px;color:#666;margin:0}.rule-motivation-section{padding:0 16px 24px;text-align:center}.motivation-text{font-size:14px;color:#666;margin:0 0 8px}.motivation-highlight{font-size:16px;color:#000;font-weight:600;margin:4px 0}.rule-declaration-section{padding:20px 16px;background:#f5f5f5;margin:0 16px;border-radius:8px}.declaration-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.declaration-title{font-size:16px;font-weight:600;color:#000;margin:0}.declaration-rule-button{background:#e6f7ff;color:#007aff;border:none;border-radius:4px;padding:4px 12px;font-size:12px;cursor:pointer}.declaration-list{list-style:decimal;padding-left:20px;margin:0}.declaration-list li{font-size:12px;color:#666;line-height:1.6;margin-bottom:12px}.declaration-list li:last-child{margin-bottom:0}.register-success-page{min-height:100vh;background:linear-gradient(180deg,#14104e,#310d65);display:flex;flex-direction:column}.debug-toggle-button{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:6px;padding:6px 12px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#fff;font-size:clamp(10px,2.79vw,18px);transition:all .2s;white-space:nowrap}.debug-toggle-button:hover{background:#fff3;border-color:#ffffff4d}.debug-toggle-button:active{background:#ffffff26}.debug-toggle-button.active{background:#4caf504d;border-color:#4caf5080;color:#4caf50}.debug-toggle-button.active:hover{background:#4caf5066;border-color:#4caf5099}.debug-toggle-text{-webkit-user-select:none;user-select:none;font-weight:500}.success-rules-scroll{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:0 0 24px;margin-top:80px;will-change:scroll-position;transform:translateZ(0)}.success-image-section{padding:0 0 24px;margin-bottom:-20px}.success-image{width:100%;height:auto;display:block;border-radius:17px}.success-rule-section{padding:0 24px 24px;margin-bottom:24px}.success-rule-container{position:relative;width:100%;max-width:100%;margin:0 auto;background:transparent;border:none;display:block;box-sizing:border-box}.success-rule-title-wrapper{text-align:center;padding:0;margin:0;position:relative;width:100%;display:block;line-height:0}.success-rule-title-image{max-width:90%;height:auto;display:block;object-fit:contain;width:90%;margin:0 auto;image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges;vertical-align:top;padding:0;position:relative;z-index:2;transform:translateY(-8px)}.success-rule-title-bg-layer{position:absolute;top:0;left:0;width:100%;height:100%;background:#fff;border-radius:12px 12px 0 0;border-bottom:none;z-index:1;pointer-events:none;box-sizing:border-box}.success-rule-text-scroll-wrapper{background:#fff;margin:0;border-radius:0 0 12px 12px;overflow-y:visible}.success-rule-text-content{font-size:clamp(12px,3.49vw,22px);color:#333;line-height:1.5;padding:16px!important;width:100%;box-sizing:border-box;text-align:left;margin:0}.success-rule-text-content *{max-width:100%;box-sizing:border-box}.success-rule-text-content h1,.success-rule-text-content h2,.success-rule-text-content h3{color:#000;border-bottom:3px solid #3498db;padding-bottom:8px;margin-top:12px;margin-bottom:10px;font-size:clamp(15px,4.65vw,30px);font-weight:900;line-height:1.4;letter-spacing:.5px;width:100%}.success-rule-text-content h1:first-child{margin-top:0}.success-rule-text-content h1{font-size:clamp(15px,4.65vw,30px);font-weight:900}.success-rule-text-content h2{font-size:clamp(11px,3.02vw,19px)}.success-rule-text-content h3{font-size:clamp(10px,2.79vw,18px)}.success-rule-text-content p{margin-bottom:12px;color:#333;font-size:clamp(12px,3.49vw,22px);width:100%;line-height:1.2}.success-rule-text-content p:last-child{margin-bottom:0}.success-rule-text-content p strong{font-weight:600;color:#000;font-size:clamp(12px,3.95vw,26px)}.success-rule-text-content ul,.success-rule-text-content ol{margin-bottom:10px;padding-left:5px;width:100%}.success-rule-text-content li{margin-bottom:6px;color:#666;font-size:clamp(12px,3.49vw,22px);word-wrap:break-word}.success-rule-text-content hr{border:none;border-top:1px solid #e0e0e0;margin:10px 0}.success-rule-text-content .footer{color:red;font-size:clamp(12px,3.49vw,22px);margin-top:10px}.success-rule-text-content img{max-width:100%;height:auto;border-radius:8px;margin:10px 0;display:block}.success-rule-text-content img.rule-image{height:60px;object-fit:contain;width:auto;max-width:100%;display:block}.success-rule-text-content table{max-width:100%;width:100%;table-layout:auto}.success-rule-text-content div,.success-rule-text-content span{max-width:100%;word-wrap:break-word}.debug-mode-section{padding:12px 16px;background:#f5f5f5;border-bottom:1px solid #e8e8e8}.debug-mode-label{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:clamp(11px,3.26vw,21px);color:#333}.debug-mode-label input[type=checkbox]{width:18px;height:18px;cursor:pointer}.debug-mode-label span{-webkit-user-select:none;user-select:none}.debug-date-picker{margin-top:12px;padding-top:12px;border-top:1px solid #e0e0e0}.debug-date-info{font-size:clamp(10px,2.79vw,18px);color:#999;margin-top:4px}.punch-status-day{color:#fff;font-size:clamp(20px,6.05vw,39px);font-weight:700;letter-spacing:1px;text-shadow:0 2px 6px rgba(0,0,0,.35)}.punch-status-subtitle{font-size:clamp(10px,2.79vw,18px);color:#fff;font-weight:400}.punch-status-text{font-size:clamp(17px,5.58vw,36px);font-weight:700;text-align:center;white-space:nowrap}.punch-status-text.pending{color:#ff4d4f}.punch-status-text.completed{color:#1aa56b}.punch-status-text.ended,.punch-status-text.dark{color:#000}.punch-process-page{min-height:100vh;background:transparent;color:#fff;overflow-x:hidden;position:relative}.punch-content{padding:0;background:linear-gradient(to bottom,#14104e,#310d65);min-height:calc(100vh - 80px);margin-top:80px;margin-left:0;margin-right:0;position:relative;overflow:visible}.punch-header-background{position:absolute;top:0;left:50%;transform:translate(-50%);width:100vw;height:auto;max-height:650px;overflow:hidden;pointer-events:none;z-index:0}.punch-header-background-image{width:100%;height:auto;display:block;object-fit:cover;object-position:top center}.punch-content-inner{padding:16px 16px 24px;position:relative;z-index:1}.punch-hero{position:relative;background:transparent;border-radius:18px;padding:28px 16px 24px;text-align:center;margin-bottom:0;overflow:hidden;z-index:1}.hero-title{font-size:clamp(28px,9.3vw,60px);font-weight:800;margin:30px 0 0;letter-spacing:1px;background:linear-gradient(180deg,#f5f3ff,#fff59c);-webkit-background-clip:text;background-clip:text;color:transparent;position:relative;z-index:1}.today-image-wrapper{position:relative;margin:130px 0 20px;transform:scale(.95);transform-origin:center top;z-index:1}.today-status-image{width:75%;display:block;margin:0 auto;background:transparent;border:none;box-shadow:none}.today-day-overlay{position:absolute;top:8%;left:50%;transform:translate(-50%);z-index:2}.today-status-text{position:absolute;bottom:6%;left:50%;transform:translate(-50%);z-index:3}.punch-button{width:100%;max-width:400px;margin:-10px auto 18px;background:transparent;border:none;border-radius:18px;padding:0;cursor:pointer;transition:all .3s;display:block;color:#fff;box-shadow:none;position:relative;z-index:1}.punch-button:hover:not(:disabled){filter:brightness(1.05)}.punch-button:active:not(:disabled){filter:brightness(.98)}.punch-button:disabled,.punch-button-disabled{opacity:1;cursor:not-allowed;box-shadow:none}.punch-button-image{width:100%;height:auto;display:block;transform:scale(1.1);background:transparent;border:none;box-shadow:none}.calendar-section{margin-top:24px;position:relative;z-index:1}.calendar-section-no-debug{margin-top:0}.punch-process-page .calendar-section .calendar-title{font-size:clamp(20px,6.98vw,45px)!important;font-weight:800!important;color:#fff!important;margin-bottom:12px;text-align:center}.punch-calendar-wrapper{background:#fff;border-radius:18px;padding:50px 16px 20px;color:#222;position:relative}.calendar-header-image-wrapper{position:absolute;top:-7px;left:0;right:0;display:flex;justify-content:center;z-index:1;pointer-events:none;padding:0 16px}.calendar-header-image{width:100%;max-width:100%;height:auto;display:block}.calendar-rings{display:flex;justify-content:space-between;padding:0 8px 12px}.calendar-ring{width:12px;height:12px;border-radius:50%;background:#ffb347;box-shadow:0 0 0 3px #f58d2a inset}.calendar-legend{display:flex;align-items:center;justify-content:center;gap:48px;margin-top:16px;padding:16px 20px;font-size:clamp(12px,3.72vw,24px);color:#666;background:#fff;border-radius:36px;box-shadow:0 2px 8px #0000000f}.legend-item{display:flex;align-items:center;gap:6px}.legend-dot{width:12px;height:12px;border-radius:50%;display:inline-block}.legend-dot.completed{background:#7a5cff}.legend-dot.missed{background:#d6d6d6}.legend-dot.today{background:#ff9c32}.debug-date-section{background:#fff3cd;border:1px solid #ffc107;border-radius:8px;padding:12px 16px;margin-bottom:16px;position:relative;z-index:1}.debug-date-label{display:flex;align-items:center;gap:8px;font-size:clamp(11px,3.26vw,21px);color:#333;margin-bottom:8px}.debug-date-label span{white-space:nowrap}.debug-date-input{flex:1;padding:6px 12px;border:1px solid #ddd;border-radius:4px;font-size:clamp(11px,3.26vw,21px);min-width:150px}.debug-date-clear{padding:6px 12px;background:#fff;border:1px solid #ddd;border-radius:4px;font-size:clamp(10px,2.79vw,18px);cursor:pointer;white-space:nowrap}.debug-date-clear:hover:not(:disabled){background:#f5f5f5}.debug-date-clear:disabled{opacity:.5;cursor:not-allowed}.debug-date-info{font-size:clamp(10px,2.79vw,18px);color:#666;margin-bottom:8px}.debug-time-input{flex:1;padding:6px 12px;border:1px solid #ddd;border-radius:4px;font-size:clamp(11px,3.26vw,21px);min-width:150px}.debug-time-clear{padding:6px 12px;background:#fff;border:1px solid #ddd;border-radius:4px;font-size:clamp(10px,2.79vw,18px);cursor:pointer;white-space:nowrap}.debug-time-clear:hover:not(:disabled){background:#f5f5f5}.debug-time-clear:disabled{opacity:.5;cursor:not-allowed}.simulate-buttons-group{display:flex;flex-direction:row;gap:8px;margin-bottom:16px;position:relative;z-index:1}.simulate-button{flex:1;border-radius:50px;padding:12px 8px;font-size:clamp(10px,2.79vw,18px);font-weight:600;cursor:pointer;transition:all .3s;border:2px solid;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.clear-button{background:#ff4d4f;color:#fff;border-color:#ff4d4f}.clear-button:hover:not(:disabled){background:#ff7875;border-color:#ff7875}.clear-button:active:not(:disabled){background:#cf1322;border-color:#cf1322}.day-button{background:#52c41a;color:#fff;border-color:#52c41a}.day-button:hover:not(:disabled){background:#73d13d;border-color:#73d13d}.day-button:active:not(:disabled){background:#389e0d;border-color:#389e0d}.batch-button{background:#1890ff;color:#fff;border-color:#1890ff}.batch-button:hover:not(:disabled){background:#40a9ff;border-color:#40a9ff}.batch-button:active:not(:disabled){background:#096dd9;border-color:#096dd9}.simulate-button:disabled{opacity:.6;cursor:not-allowed;background:#d9d9d9;border-color:#d9d9d9;color:#999}.dialog-button:disabled{opacity:.5;cursor:not-allowed}.dialog-button.cancel-button{background:#fff;color:#666;border:1px solid #d9d9d9;margin-right:12px}.dialog-button.cancel-button:hover{border-color:#007aff;color:#007aff;background:#fff}.challenge-success-page{min-height:100vh;background:#fff;position:relative}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.success-modal{background:#fff;border-radius:12px;width:80%;max-width:320px;overflow:hidden;animation:modalFadeIn .3s ease-out}@keyframes modalFadeIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.modal-header{padding:20px 16px 12px;text-align:center}.modal-title{font-size:16px;font-weight:400;color:#666;margin:0 0 8px}.modal-subtitle{font-size:14px;color:#999;margin:0}.modal-content{padding:20px 16px;text-align:center}.success-text{font-size:24px;font-weight:600;color:#000;margin-bottom:12px}.reward-text{font-size:20px;font-weight:600;color:#000;margin-bottom:12px}.modal-footer{padding:16px}.modal-button{width:100%;height:44px;background:#007aff;color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:background .3s}.modal-button:hover:not(:disabled){background:#0056b3}.modal-button:disabled{opacity:.6;cursor:not-allowed}.big-prize-modal{background:#fff;border-radius:12px;width:85%;max-width:340px;overflow:hidden;animation:modalFadeIn .3s ease-out}.big-prize-alert{display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:12px}.alert-icon{font-size:20px}.alert-text{font-size:18px;font-weight:600;color:#ff4d4f}.big-prize-message{font-size:16px;color:#333;margin-bottom:16px;line-height:1.5}.big-prize-reward{font-size:18px;font-weight:600;color:#000;margin-bottom:12px}.big-prize-time{font-size:14px;color:#ff4d4f;font-weight:600;margin-bottom:16px}.big-prize-excitement{font-size:20px;font-weight:600;color:#ff4d4f;text-align:center;margin-bottom:12px}.claim-reward-modal{background:#fff;border-radius:12px;width:85%;max-width:340px;overflow:hidden;position:relative;animation:modalFadeIn .3s ease-out}.close-button{position:absolute;top:12px;right:12px;width:32px;height:32px;background:#0000000d;border:none;border-radius:50%;font-size:24px;color:#666;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:10;transition:background .3s}.close-button:hover{background:#0000001a}.claim-reward-modal .modal-header{padding-top:48px}.countdown-text{font-size:14px;color:#ff4d4f;font-weight:600;margin-top:8px}.claim-button{margin-bottom:12px}.disclaimer-text{font-size:12px;color:#999;text-align:center;line-height:1.5;padding:0 8px}.challenge-over-page{min-height:100vh;background:#fff}.over-navbar{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:#fff;border-bottom:1px solid #e8e8e8}.nav-back-button{background:none;border:none;font-size:clamp(17px,5.58vw,36px);color:#000;cursor:pointer;padding:0;width:32px;display:flex;align-items:center}.back-icon{font-weight:300}.nav-title{font-size:clamp(14px,4.19vw,27px);font-weight:600;color:#000;margin:0;flex:1;text-align:center}.nav-right{width:60px}.over-content{padding:16px}.challenge-status-card{background:#fff;border:1px solid #e0e0e0;border-radius:8px;padding:16px;margin-bottom:16px;text-align:center}.challenge-status-card .punch-status-day{color:#000;text-shadow:none;margin-bottom:8px}.challenge-status-card .punch-status-subtitle{color:#000;margin-bottom:8px}.challenge-status-card .punch-status-text{color:#000}.challenge-result-section{background:#fff;border:1px solid #e0e0e0;border-radius:8px;padding:16px;margin-bottom:16px;text-align:center}.success-dialog-card{background:linear-gradient(180deg,#fff5e6,#ffe8cc);border:none;border-radius:32px;padding:40px 24px 28px;margin-bottom:16px;text-align:center;position:relative;box-shadow:0 4px 16px #0000001a;max-width:100%;margin-left:auto;margin-right:auto}.success-emoji-wrapper{position:relative;margin-bottom:20px;display:flex;justify-content:center;align-items:center}.success-emoji{font-size:clamp(45px,14.88vw,96px);line-height:1;position:relative;z-index:2;animation:bounce .6s ease-in-out}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.success-decorations{position:absolute;top:0;left:50%;transform:translate(-50%);width:100%;height:100%;pointer-events:none}.decoration-star{position:absolute;font-size:clamp(15px,4.65vw,30px);animation:float 2s ease-in-out infinite}.decoration-star:nth-child(1){top:-10px;left:20%;animation-delay:0s;color:#9b59b6}.decoration-star:nth-child(2){top:-5px;right:20%;animation-delay:.5s;color:#f1c40f}.decoration-star:nth-child(3){bottom:-10px;left:50%;transform:translate(-50%);animation-delay:1s;color:#3498db}@keyframes float{0%,to{transform:translateY(0) rotate(0);opacity:.8}50%{transform:translateY(-8px) rotate(180deg);opacity:1}}.success-congrats-text{font-size:clamp(23px,7.44vw,48px);font-weight:400;color:#333;margin-bottom:16px;line-height:1.5;letter-spacing:.3px}.success-title{font-size:clamp(29px,9.3vw,60px);font-weight:700;color:#ff4d4f;margin-bottom:32px;line-height:1.2;text-shadow:0 2px 4px rgba(255,77,79,.2);letter-spacing:1px}.result-title{font-size:clamp(14px,4.19vw,27px);font-weight:600;color:#000;margin-bottom:16px}.result-actions{display:flex;flex-direction:column;gap:12px}.action-button{width:100%;height:44px;border:none;border-radius:8px;font-size:clamp(11px,3.26vw,21px);font-weight:600;cursor:pointer;transition:all .3s}.success-dialog-card .action-button{border-radius:28px;font-size:clamp(15px,4.65vw,30px);font-weight:500;box-shadow:0 2px 8px #00000014;height:48px}.claim-button{background:#007aff;color:#fff}.claim-button:hover{background:#0056b3}.success-dialog-card .claim-button{background:#ffe8cc;color:#333;border:none;margin-bottom:12px}.success-dialog-card .claim-button:hover{background:#ffd9a6;color:#333;transform:translateY(-1px);box-shadow:0 4px 12px #0000001f}.refund-button{background:#fff;color:#666;border:1px solid #d9d9d9}.refund-button:hover{border-color:#007aff;color:#007aff}.success-dialog-card .refund-button{background:#ffe8cc;color:#333;border:none}.success-dialog-card .refund-button:hover{background:#ffd9a6;color:#333;transform:translateY(-1px);box-shadow:0 4px 12px #0000001f}.punch-calendar-wrapper{background:#fff;border-radius:8px;padding:16px}.calendar-title{font-size:clamp(11px,3.26vw,21px);font-weight:600;color:#000;margin-bottom:16px;text-align:center}.dialog-content{text-align:center;padding:20px 0}.success-icon{font-size:clamp(34px,11.16vw,72px);margin-bottom:16px}.dialog-content p{font-size:clamp(11px,3.26vw,21px);color:#666;line-height:1.6;margin:0}.dialog-button{flex:1;height:44px;background:#007aff;color:#fff;border:none;border-radius:8px;font-size:clamp(12px,3.72vw,24px);font-weight:600;cursor:pointer;transition:background .3s}.dialog-button:hover{background:#0056b3}.cancel-button{background:#fff;color:#666;border:1px solid #d9d9d9;margin-right:12px}.cancel-button:hover{border-color:#007aff;color:#007aff;background:#fff}.challenge-result-card{background:#fff;border:1px solid #e0e0e0;border-radius:8px;padding:24px 16px;margin-bottom:16px;text-align:center}.failed-card{border-color:#ff4d4f}.result-activity-title{font-size:clamp(14px,4.19vw,27px);font-weight:600;color:#000;margin-bottom:16px}.result-status{font-size:clamp(15px,4.65vw,30px);font-weight:600;margin-bottom:24px}.failed-status{color:#ff4d4f}.result-stats{display:flex;justify-content:space-around;margin-bottom:24px;padding:16px 0;border-top:1px solid #f0f0f0;border-bottom:1px solid #f0f0f0}.stat-item{display:flex;flex-direction:column;align-items:center;gap:8px}.stat-label{font-size:clamp(10px,2.79vw,18px);color:#666}.stat-value{font-size:clamp(14px,4.19vw,27px);font-weight:600;color:#000}.stat-value.success{color:#52c41a}.stat-value.missed{color:#ff4d4f}.encouragement-text{font-size:clamp(11px,3.26vw,21px);color:#666;line-height:1.6;margin-top:16px}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f5f5f5}#root{min-height:100vh}