@import "https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@400;500;700&display=swap";:root{--color-primary:#5cc8d8;--color-primary-dark:#3aabb8;--color-primary-light:#7de0ed;--color-primary-bg:#f0f9fc;--color-secondary:#f5a623;--color-secondary-dark:#a45800;--color-green:#7cb342;--color-green-dark:#416916;--color-navy:#2b3a67;--color-navy-dark:#1e2b52;--color-danger:#d13b68;--color-gold:#f5d76e;--color-card:#fff;--color-card-alt:#edf8fa;--color-card-border:#d4eef2;--color-border:#8ad8e8;--color-text:#3a3a3a;--color-text-muted:#64737a;--color-input-email:#d4effc;--color-input-password:#e8d5f0;--header-height:110px;--sidebar-width:240px;--shadow-card:0 2px 12px #0000000f;--shadow-btn:0 4px 0}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px}html.font-size-s{font-size:14px}html.font-size-m{font-size:16px}html.font-size-l{font-size:18px}html.font-size-xl{font-size:20px}.font-size-widget{align-items:center;gap:2px;margin-right:8px;display:flex}.font-size-widget button{color:#fff;cursor:pointer;background:#ffffff26;border:1px solid #ffffff40;border-radius:6px;justify-content:center;align-items:center;min-width:32px;min-height:32px;padding:4px 8px;font-family:inherit;font-size:.85rem;font-weight:700;transition:background .15s;display:inline-flex}.font-size-widget button:hover{background:#ffffff4d}.font-size-widget button:focus-visible{outline:3px solid var(--color-secondary);outline-offset:2px}.font-size-widget button.active{color:var(--color-navy-dark);border-color:var(--color-primary-light);background-color:#fff}.font-size-widget .font-size-label{color:#ffffffb3;white-space:nowrap;margin-right:4px;font-size:.75rem}.public-nav .font-size-widget button{color:#fff;background:#ffffff26;border-color:#ffffff40}.public-nav .font-size-widget button:hover{background:#ffffff4d}.public-nav .font-size-widget button.active{border-color:var(--color-primary-light);color:var(--color-navy-dark);background-color:#fff}.public-nav .font-size-widget .font-size-label{color:#ffffffb3}body{color:var(--color-text);background:var(--color-primary-bg);min-height:100vh;font-family:Noto Sans TC,Microsoft JhengHei,PingFang TC,sans-serif;font-weight:400;line-height:1.6}a{color:inherit;text-decoration:none}ul,ol{list-style:none}img{max-width:100%;height:auto;display:block}button{cursor:pointer;border:none;outline:none;font-family:inherit}input{border:none;outline:none;font-family:inherit}h1{font-size:1.75rem;font-weight:700}h2{font-size:1.5rem;font-weight:700}h3{font-size:1.25rem;font-weight:700}h4{font-size:1.1rem;font-weight:500}.text-muted{color:var(--color-text-muted)}.text-primary{color:var(--color-primary)}.text-danger{color:var(--color-danger)}.text-gold{color:var(--color-secondary)}.text-center{text-align:center}.text-small{font-size:.85rem}.text-bold{font-weight:700}.site-header{height:var(--header-height);background:var(--color-navy);z-index:100;justify-content:space-between;align-items:center;padding:0 32px;display:flex;position:fixed;top:0;left:0;right:0;box-shadow:0 2px 8px #0003}.header-left{align-items:center;gap:16px;display:flex}.header-logo{object-fit:contain;height:80px}.header-title{color:#fff;letter-spacing:1px;font-size:1.3rem;font-weight:700}.header-right{align-items:center;gap:24px;display:flex}.header-avatar{aspect-ratio:1;border:2px solid var(--color-primary);background:var(--color-primary-dark);border-radius:50%;justify-content:center;align-items:center;width:44px;max-width:100%;height:auto;display:flex;overflow:hidden}.header-avatar img{object-fit:contain;width:100%;height:100%}.header-user-details{flex-direction:column;gap:2px;display:flex}.header-username{font-size:.95rem;font-weight:700}.header-level{color:var(--color-primary-light);font-size:.8rem}.header-stats{align-items:center;gap:20px;display:flex}.header-stat{color:#fff;align-items:center;gap:6px;font-size:.85rem;display:flex}.header-stat-icon{width:24px;height:24px}.header-stat-value{color:var(--color-gold);font-weight:700}.exp-bar-wrap{background:#fff3;border-radius:4px;width:120px;height:8px;overflow:hidden}.exp-bar-fill{background:linear-gradient(90deg, var(--color-primary), var(--color-primary-light));border-radius:4px;height:100%;transition:width .6s}.site-layout{padding-top:var(--header-height);min-height:100vh;display:flex}.sidebar{top:var(--header-height);width:var(--sidebar-width);background:var(--color-navy-dark);z-index:90;visibility:visible;padding:16px 0;position:fixed;bottom:0;left:0;overflow-y:auto}.sidebar-nav{flex-direction:column;gap:4px;display:flex}.sidebar-item{color:#ffffffb3;border-left:3px solid #0000;align-items:center;gap:12px;padding:14px 24px;font-size:.95rem;font-weight:500;transition:all .2s;display:flex}.sidebar-item:hover{color:#fff;background:#ffffff14}.sidebar-item.active{color:var(--color-primary-light);border-left-color:var(--color-primary);background:#5cc8d826}.sidebar-item-icon{flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;font-size:1.2rem;display:flex}.sidebar-divider{background:#ffffff1a;height:1px;margin:12px 24px}.main-content{margin-left:var(--sidebar-width);min-height:calc(100vh - var(--header-height));flex-grow:1;padding:32px}.main-container{max-width:80rem;margin:0 auto}.page-title-banner{background:linear-gradient(135deg, var(--color-primary-light), var(--color-primary));color:#fff;border-radius:30px;margin-bottom:28px;padding:12px 40px;font-size:1.25rem;font-weight:700;display:inline-block;box-shadow:0 3px 12px #5cc8d84d}.profile-avatar-wrap{cursor:pointer;width:100px;height:100px;position:relative}.profile-avatar-edit{background:var(--color-primary);color:#fff;border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:1rem;display:flex;position:absolute;bottom:0;right:0;box-shadow:0 2px 8px #00000026}.profile-info-2col{grid-template-columns:repeat(2,1fr);gap:24px;display:grid}.profile-bottom-cols{grid-template-columns:repeat(2,1fr);gap:24px;margin-top:8px;display:grid}.profile-info-grid{flex-direction:column;gap:16px;display:flex}.profile-info-row{align-items:flex-start;gap:12px;display:flex}.profile-info-icon{background:var(--color-card-alt);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:1.1rem;display:flex}.profile-info-content{flex:1}.profile-info-label{color:var(--color-text-muted);margin-bottom:2px;font-size:.8rem}.profile-info-value{color:var(--color-text);font-weight:500}.profile-invite-code{justify-content:space-between;align-items:center;display:flex}.profile-invite-code span{letter-spacing:1px;color:var(--color-green-dark);font-family:monospace;font-size:1.1rem;font-weight:700}.avatar-picker-overlay{z-index:2000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;justify-content:center;align-items:center;padding:20px;display:none;position:fixed;inset:0}.avatar-picker-overlay.open{display:flex}.avatar-picker-card{text-align:center;background:#fff;border-radius:20px;width:100%;max-width:400px;padding:32px;box-shadow:0 10px 40px #0003}.avatar-picker-grid{grid-template-columns:repeat(3,1fr);gap:16px;margin:24px 0;display:grid}.avatar-picker-option{aspect-ratio:1;background:var(--color-card-alt);cursor:pointer;border:2px solid #0000;border-radius:12px;justify-content:center;align-items:center;font-size:2.5rem;transition:all .2s;display:flex;overflow:hidden}.avatar-picker-option:hover{border-color:var(--color-primary);background:var(--color-primary-bg)}.avatar-picker-option img{object-fit:cover;width:100%;height:100%}.avatar-picker-close{color:var(--color-text-muted);cursor:pointer;background:0 0;font-weight:500}.my-event-list{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}@media (width<=768px){.my-event-list{grid-template-columns:1fr}}.my-event-card{background:var(--color-card);border:1px solid var(--color-card-border);box-shadow:var(--shadow-card);border-radius:16px;flex-direction:column;align-items:flex-start;gap:16px;padding:20px 24px;transition:all .2s;display:flex}.my-event-thumb{object-fit:cover;border-radius:12px;width:100%;height:auto;max-height:220px}.my-event-card:hover{border-color:var(--color-primary)}.my-event-info{width:100%}.my-event-info h4{color:var(--color-navy);margin-bottom:4px;font-size:1rem}.my-event-info p{color:var(--color-text-muted);margin-bottom:4px;font-size:.85rem}.my-event-actions{justify-content:flex-end;gap:8px;width:100%;display:flex}.attend-btn{background:linear-gradient(180deg, var(--color-primary), var(--color-primary-dark));color:#fff;cursor:pointer;border:none;border-radius:25px;align-items:center;gap:6px;padding:10px 20px;font-size:.9rem;font-weight:700;transition:all .1s;display:inline-flex;box-shadow:0 4px #2a8a98}.attend-btn:active{box-shadow:none;transform:translateY(2px)}.attended-badge{color:var(--color-green);font-size:.9rem;font-weight:700}.qr-modal-overlay{z-index:2000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;justify-content:center;align-items:center;padding:20px;display:none;position:fixed;inset:0}.qr-modal-overlay.active{display:flex}.qr-modal-card{text-align:center;background:#fff;border-radius:20px;width:100%;max-width:400px;padding:32px;box-shadow:0 10px 40px #0003}.qr-viewfinder{background:#000;border-radius:12px;width:240px;height:240px;margin:24px auto;position:relative;overflow:hidden}.qr-frame{border:2px solid #ffffff4d;position:absolute;inset:40px}.qr-frame-corner{border:4px solid var(--color-primary);width:20px;height:20px;position:absolute}.qr-frame-corner-tl{border-bottom:none;border-right:none;top:-2px;left:-2px}.qr-frame-corner-tr{border-bottom:none;border-left:none;top:-2px;right:-2px}.qr-frame-corner-bl{border-top:none;border-right:none;bottom:-2px;left:-2px}.qr-frame-corner-br{border-top:none;border-left:none;bottom:-2px;right:-2px}.qr-scanning-line{background:var(--color-primary);height:2px;box-shadow:0 0 12px var(--color-primary);animation:2s linear infinite scan;position:absolute;top:0;left:0;right:0}@keyframes scan{0%{top:10%}50%{top:90%}to{top:10%}}.qr-scanning-text{color:#fff;opacity:.8;font-size:.75rem;position:absolute;bottom:12px;left:0;right:0}.qr-modal-hint{color:var(--color-text-muted);margin-bottom:24px;font-size:.85rem}.card{background:var(--color-card);border:1px solid var(--color-card-border);box-shadow:var(--shadow-card);border-radius:16px;padding:24px}.card-alt{background:var(--color-card-alt)}.card-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.card-title{color:var(--color-navy);font-size:1.1rem;font-weight:700}.btn{color:#fff;border-radius:25px;justify-content:center;align-items:center;gap:8px;padding:12px 28px;font-size:.95rem;font-weight:700;transition:all .15s;display:inline-flex;position:relative;top:0}.btn:active{top:4px;box-shadow:none!important}.btn-primary{background:linear-gradient(#3f8792,#23676e);box-shadow:0 4px #15434a}.btn-primary:hover{background:linear-gradient(#44939f,#297780)}.btn-orange{text-shadow:1px 1px 2px #7a4b0d;background:linear-gradient(#ad7213,#925005);box-shadow:0 4px #5e390a}.btn-orange:hover{background:linear-gradient(#ffb840,#f5a030)}.btn-green{text-shadow:1px 1px 2px #2e5313;background:linear-gradient(#699737,#486d20);box-shadow:0 4px #2e5313}.btn-green:hover{background:linear-gradient(#8ec455,#6a9a38)}.btn-danger{background:linear-gradient(#e8638a,#a63555,#84243f);box-shadow:0 4px #6c1c31}.btn-disabled{cursor:not-allowed;opacity:.7;background:#9e9e9e;box-shadow:0 4px #757575}.btn-sm{padding:8px 20px;font-size:.85rem}.btn-lg{padding:16px 36px;font-size:1.1rem}.page-title-banner{color:#fff;text-align:center;text-shadow:0 2px #2e8fa0;background:linear-gradient(#7dd8e8 0%,#5bc4d6 100%);border:2px solid #3ba8bc;border-radius:12px;align-self:flex-start;width:auto;margin-bottom:28px;padding:14px 48px;font-size:1.4rem;font-weight:700;display:inline-block;position:relative;box-shadow:0 4px #3a97a8,0 6px 12px #3ca8bc40}.input-group{margin-bottom:16px;position:relative}.input-group-icon{color:var(--color-text-muted);z-index:1;font-size:1.1rem;position:absolute;top:50%;left:20px;transform:translateY(-50%)}.input-field{width:100%;color:var(--color-text);border:none;border-radius:25px;padding:14px 20px 14px 48px;font-size:.95rem;transition:box-shadow .2s}.input-field::placeholder{color:var(--color-navy)}.input-field:focus{box-shadow:0 0 0 3px #5cc8d84d}.input-email{background:var(--color-input-email)}.input-password{background:var(--color-input-password)}.input-field[readonly]{background:#efefef}.input-other{background:var(--color-input-email)}.tabs{gap:8px;margin-bottom:24px;display:flex}.tab{color:var(--color-text-muted);background:var(--color-card);border:2px solid var(--color-card-border);cursor:pointer;border-radius:25px;padding:10px 24px;font-size:.9rem;font-weight:700;transition:all .2s}.tab:hover{border-color:var(--color-navy);color:var(--color-navy-dark)}.tab.active{color:var(--color-navy-dark);text-shadow:1px 1px 1px #fff;background:linear-gradient(#5cc8d8,#3aabb8);border-color:#0000;box-shadow:0 3px #2a8a98}.badge{border-radius:20px;justify-content:center;align-items:center;padding:4px 12px;font-size:.75rem;font-weight:700;display:inline-flex}.badge-primary{color:var(--color-navy-dark);background:#5cc8d826}.badge-orange{color:var(--color-secondary-dark);background:#f5a62326}.badge-green{color:var(--color-green-dark);background:#7cb34226}.badge-danger{color:var(--color-danger);background:#e8638a26}.badge-gold{color:#a85f00;background:#f5d76e33}.progress{background:#e8ecf0;border-radius:6px;width:100%;height:12px;overflow:hidden}.progress-fill{border-radius:6px;height:100%;transition:width .6s}.progress-primary{background:linear-gradient(90deg, var(--color-primary), var(--color-primary-light))}.progress-green{background:linear-gradient(90deg, var(--color-green), #a0d468)}.progress-orange{background:linear-gradient(90deg, var(--color-secondary), #ffd180)}.grid-2{grid-template-columns:repeat(2,1fr);gap:20px;display:grid}.grid-3{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.grid-4{grid-template-columns:repeat(4,1fr);gap:20px;display:grid}.grid-6{grid-template-columns:repeat(6,1fr);gap:16px;display:grid}.login-page{background:linear-gradient(135deg,#a8d8e8,#c8e8f0,#e8f4f8);justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.login-card{border:3px solid var(--color-primary);background:#fff;border-radius:20px;width:100%;max-width:440px;overflow:hidden;box-shadow:0 12px 40px #0000001a}.login-ribbon{background:linear-gradient(135deg, var(--color-primary-light), var(--color-primary));color:var(--color-navy-dark);text-shadow:1px 1px 2px #fffc;text-align:center;padding:18px 24px;font-size:1.4rem;font-weight:700}.login-logo{text-align:center;margin-bottom:28px}.login-logo img{height:100px;margin:0 auto}.login-form{flex-direction:column;gap:16px;display:flex}.login-actions{gap:12px;margin-top:8px;display:flex}.login-actions .btn{flex:1}.login-divider{color:var(--color-text-muted);align-items:center;gap:16px;margin:20px 0;font-size:.85rem;display:flex}.login-divider:before,.login-divider:after{content:"";background:var(--color-card-border);flex:1;height:1px}.login-iamsmart{text-align:center}.login-iamsmart-btn{color:#fff;cursor:pointer;background:#2b7366;border-radius:25px;align-items:center;gap:8.75px;padding:13px 26px;font-size:.95rem;font-weight:500;transition:all .2s;display:inline-flex}.login-iamsmart-btn img{width:26px;height:35px}.login-footer{justify-content:center;gap:24px;margin-top:24px;font-size:.9rem;display:flex}.login-footer a{color:var(--color-navy);font-weight:500;transition:color .2s}.login-footer a:hover{color:var(--color-navy-dark);text-decoration:underline}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,a:focus-visible,[tabindex]:focus-visible,.btn:focus-visible,.tab:focus-visible,.sidebar-item:focus-visible,.public-nav-link:focus-visible,.public-nav-login-btn:focus-visible,.quick-card:focus-visible,.news-card:focus-visible,.knowledge-card:focus-visible,.event-card:focus-visible,.announcement-item:focus-visible,.message-item:focus-visible,.store-item:focus-visible,.quiz-option:focus-visible,.settings-item:focus-visible,.related-card:focus-visible,.app-btn:focus-visible,.login-iamsmart-btn:focus-visible,.user-dropdown-item:focus-visible,.public-footer-link:focus-visible,.login-modal-close:focus-visible,.register-modal-close:focus-visible,.detail-modal-close:focus-visible,.modal-close-btn:focus-visible,.attend-btn:focus-visible,.header-user-info:focus-visible{outline-offset:2px;outline:3px solid #945418}button:focus:not(:focus-visible),input:focus:not(:focus-visible),select:focus:not(:focus-visible),textarea:focus:not(:focus-visible),a:focus:not(:focus-visible),[tabindex]:focus:not(:focus-visible){outline:none}.welcome-banner{background:linear-gradient(135deg, var(--color-navy), var(--color-navy), var(--color-primary-light));color:#fff;border-radius:20px;justify-content:space-between;align-items:center;margin-bottom:28px;padding:32px;display:flex;box-shadow:0 6px 20px #5cc8d84d}.welcome-text h1{margin-bottom:8px;font-size:1.6rem}.welcome-text p{opacity:.9;font-size:1rem}.welcome-avatar{border:3px solid #fff;border-radius:50%;flex-shrink:0;width:100px;height:100px;overflow:hidden}.welcome-avatar img{object-fit:cover;width:100%;height:100%}.quick-grid{grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:28px;display:grid}.quick-card{background:var(--color-card);border:1px solid var(--color-card-border);text-align:center;cursor:pointer;box-shadow:var(--shadow-card);border-radius:16px;padding:24px;transition:all .2s}.quick-card:hover{border-color:var(--color-navy);transform:translateY(-4px);box-shadow:0 8px 24px #0000001a}.quick-card-icon{justify-content:center;align-items:center;width:56px;height:56px;margin:0 auto 12px;font-size:2.2rem;display:flex}.quick-card-icon img{object-fit:contain;width:56px;height:56px}.quick-card-title{color:var(--color-navy);font-size:1rem;font-weight:700}.announcement-list{flex-direction:column;gap:12px;display:flex}.announcement-item{background:var(--color-card-alt);cursor:pointer;color:inherit;border-radius:12px;align-items:center;gap:16px;padding:16px;text-decoration:none;transition:background .2s;display:flex;position:relative}.announcement-item:hover{background:#d4eef2}.announcement-thumb{background-color:#f3f4f6;border-radius:8px;flex-shrink:0;width:80px;height:60px;overflow:hidden}.announcement-thumb-img{object-fit:cover;width:100%;height:100%}.announcement-info{flex-direction:column;flex:1;gap:4px;display:flex}.announcement-date{color:var(--color-text-muted);white-space:nowrap;font-size:.8rem}.announcement-title{font-weight:500}.announcement-item .badge{position:absolute;top:15px;right:15px}.checkin-status{background:var(--color-card-alt);border-radius:12px;align-items:center;gap:16px;padding:20px;display:flex}.checkin-icon{justify-content:center;align-items:center;width:48px;height:48px;font-size:2rem;display:flex}.news-list{flex-direction:column;gap:16px;display:flex}.news-card{background:var(--color-card);border:1px solid var(--color-card-border);cursor:pointer;box-shadow:var(--shadow-card);border-radius:16px;gap:20px;padding:20px;transition:all .2s;display:flex}.news-card:hover{border-color:var(--color-primary);transform:translateY(-2px);box-shadow:0 6px 20px #00000014}.news-thumb{background:var(--color-card-alt);width:120px;height:90px;color:var(--color-primary);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;font-size:2rem;display:flex;overflow:hidden}.news-info{flex-direction:column;flex:1;justify-content:center;display:flex}.news-info h2{margin-bottom:6px;font-size:1.05rem;line-height:1.4}.news-info .news-meta{color:var(--color-text-muted);align-items:center;gap:12px;font-size:.82rem;display:flex}.mission-list{flex-direction:column;gap:16px;display:flex}.mission-card{background:var(--color-card);border:1px solid var(--color-card-border);box-shadow:var(--shadow-card);border-radius:16px;align-items:center;gap:20px;padding:20px 24px;display:flex}.mission-icon{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:1.5rem;display:flex}.mission-icon-blue{background:#5cc8d826}.mission-icon-orange{background:#f5a62326}.mission-icon-green{background:#7cb34226}.mission-icon-pink{background:#e8638a26}.mission-info{flex:1}.mission-info h4{margin-bottom:8px;font-size:1rem}.mission-progress-row{align-items:center;gap:12px;display:flex}.mission-progress-text{color:var(--color-text-muted);white-space:nowrap;font-size:.82rem}.mission-reward{flex-shrink:0;align-items:center;gap:6px;display:flex}.mission-reward img{width:24px;height:24px}.mission-reward span{color:var(--color-secondary-dark);font-size:.95rem;font-weight:700}.mission-status{flex-shrink:0}.btn-claim-bonuses{margin-left:10px}.checkin-calendar{grid-template-columns:repeat(7,1fr);gap:10px;display:grid}.checkin-day-header{text-align:center;color:var(--color-text-muted);padding:8px;font-size:.82rem;font-weight:700}.checkin-day{aspect-ratio:1;border-radius:12px;justify-content:center;align-items:center;font-size:1.1rem;font-weight:700;transition:all .2s;display:flex}.checkin-day-checked{background:linear-gradient(135deg, var(--color-green), var(--color-green-dark), var(--color-green-dark));color:#fff;position:relative;box-shadow:2px 2px 2px #41601f4d}.checked-in-icon{width:1rem;height:1rem;position:absolute;bottom:.25rem;right:.25rem}.checkin-day-today{background:linear-gradient(135deg, var(--color-primary-light), var(--color-primary));color:var(--color-navy-dark);text-shadow:1px 1px 1px #fff;cursor:pointer;border:2px solid #0a5a68;animation:2s infinite pulse;box-shadow:0 2px 8px #5cc8d866}.checkin-day-future{background:var(--color-card-alt);color:var(--color-text-muted);border:1px solid var(--color-card-border)}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}.store-balance{border:2px solid var(--color-gold);background:linear-gradient(135deg,#fff8e1,#fffde7);border-radius:16px;align-items:center;gap:12px;margin-bottom:24px;padding:20px 28px;display:flex}.store-balance img{width:40px;height:40px}.store-balance-label{color:var(--color-text-muted);font-size:.9rem}.store-balance-value{color:var(--color-secondary-dark);font-size:1.5rem;font-weight:700}.store-grid{grid-template-columns:repeat(4,1fr);gap:20px;display:grid}.store-item{background:var(--color-card);border:1px solid var(--color-card-border);text-align:center;box-shadow:var(--shadow-card);border-radius:16px;padding:20px;transition:all .2s}.store-item:hover{border-color:var(--color-primary);transform:translateY(-4px);box-shadow:0 8px 24px #0000001a}.store-item-img{background:var(--color-card-alt);border-radius:12px;justify-content:center;align-items:center;width:200px;max-width:100%;height:200px;max-height:100%;margin:0 auto 12px;font-size:2.5rem;display:flex;overflow:hidden}.store-item-img img{object-fit:contain;width:100%;height:100%}.store-item-name{color:var(--color-navy);margin-bottom:8px;font-size:.95rem;font-weight:700}.store-item-price{color:var(--color-secondary-dark);align-items:center;gap:4px;font-weight:700;display:inline-flex}.store-item-price img{width:18px;height:18px}.knowledge-grid{grid-template-columns:repeat(2,1fr);gap:20px;display:grid}.knowledge-public-grid{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.knowledge-card{background:var(--color-card);border:1px solid var(--color-card-border);box-shadow:var(--shadow-card);cursor:pointer;border-radius:16px;transition:all .2s;overflow:hidden}.knowledge-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #00000014}.knowledge-card-thumb{background:var(--color-card-alt);height:160px;color:var(--color-primary);justify-content:center;align-items:center;font-size:3rem;display:flex;position:relative}.knowledge-card-type{position:absolute;top:12px;left:12px}.knowledge-card-body{padding:16px 20px}.knowledge-card-body h2{margin-bottom:6px;font-size:1rem;line-height:1.4}.knowledge-card-meta{color:var(--color-text-muted);font-size:.82rem}.knowledge-login-note{color:var(--color-text-muted);margin-top:6px;font-size:.78rem}.knowledge-login-note a{color:var(--color-primary);text-decoration:underline}.knowledge-card-cover{object-fit:cover;width:100%;height:100%}.message-list{flex-direction:column;gap:12px;display:flex}.message-item{background:var(--color-card);border:1px solid var(--color-card-border);cursor:pointer;box-shadow:var(--shadow-card);border-radius:16px;align-items:center;gap:16px;padding:20px;transition:all .2s;display:flex}.message-item:hover{border-color:var(--color-primary);background:var(--color-card-alt)}.message-item.unread{border-left:4px solid var(--color-primary)}.message-icon{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:1.3rem;display:flex}.message-icon-system{background:#5cc8d826}.message-icon-event{background:#f5a62326}.message-icon-reward{background:#7cb34226}.message-body{flex:1}.message-body h4{margin-bottom:4px;font-size:.95rem}.message-body p{color:var(--color-text-muted);font-size:.82rem}.message-time{color:var(--color-text-muted);white-space:nowrap;flex-shrink:0;font-size:.78rem}.message-unread-dot{background:var(--color-primary);border-radius:50%;flex-shrink:0;width:10px;height:10px}.profile-header-card{background:linear-gradient(135deg, var(--color-navy-dark), var(--color-navy-dark), var(--color-primary-light));color:#fff;border-radius:20px;align-items:center;gap:28px;margin-bottom:28px;padding:32px;display:flex;box-shadow:0 6px 20px #5cc8d84d}.profile-avatar{background:var(--color-primary-dark);border:4px solid #fff;border-radius:50%;flex-shrink:0;width:100px;height:100px;overflow:hidden}.profile-avatar img{object-fit:cover;width:100%;height:100%}.profile-info h2{margin-bottom:4px}.profile-info p{opacity:.9;font-size:.95rem}.profile-stats-grid{grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:28px;display:grid}.profile-stat-card{background:var(--color-card);border:1px solid var(--color-card-border);text-align:center;box-shadow:var(--shadow-card);border-radius:16px;padding:24px}.profile-stat-value{color:var(--color-navy);margin-bottom:4px;font-size:1.8rem;font-weight:700}.profile-stat-label{color:var(--color-text-muted);font-size:.85rem}.settings-list{flex-direction:column;gap:12px;display:flex}.settings-item{background:var(--color-card);border:1px solid var(--color-card-border);cursor:pointer;border-radius:12px;justify-content:space-between;align-items:center;padding:18px 24px;transition:all .2s;display:flex}.settings-item:hover,.settings-item:focus{background:var(--color-card-alt);border-color:var(--color-primary)}.settings-item-left{align-items:center;gap:12px;display:flex}.settings-item-icon{background:var(--color-card-alt);border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;font-size:1.2rem;display:flex}.settings-item-arrow{color:var(--color-text-muted);font-size:1.2rem}.tab-content{display:none}.tab-content.active{display:block}.mb-0{margin-bottom:0}.mb-1{margin-bottom:8px}.mb-2{margin-bottom:16px}.mb-3{margin-bottom:24px}.mb-4{margin-bottom:32px}.mt-1{margin-top:8px}.mt-2{margin-top:16px}.mt-3{margin-top:24px}.flex{display:flex}.flex-center{justify-content:center;align-items:center;display:flex}.flex-between{justify-content:space-between;align-items:center;display:flex}.gap-1{gap:8px}.gap-2{gap:16px}.gap-3{gap:24px}.w-0p{width:0%}.w-25p{width:25%}.w-40p{width:40%}.w-60p{width:60%}.w-63p{width:62.5%}.w-100p{width:100%}.ml-auto{margin-left:auto}.flex-1{flex:1}.w-200{width:200px}.justify-center{justify-content:center}.items-center{align-items:center}.text-coin{color:var(--color-secondary-dark)}.text-green{color:var(--color-green-dark)}.text-info{color:var(--color-navy)}.text-pink{color:var(--color-danger)}.legend-swatch{border-radius:4px;width:16px;height:16px;display:inline-block}.legend-swatch-checked{background:linear-gradient(135deg,#7cb342,#5a8a28)}.legend-swatch-checked .lucide-check-icon{color:#fff;width:14px;height:14px;margin-top:1px;margin-left:1px}.legend-swatch-today{background:linear-gradient(135deg,#7de0ed,#5cc8d8);border:2px solid #0a5a68}.legend-swatch-upcoming{background:#edf8fa;border:1px solid #d4eef2}.checkin-legend{justify-content:center;gap:24px;margin-top:24px;display:flex}.checkin-legend-item{color:var(--color-text-muted);align-items:center;gap:8px;font-size:.85rem;display:flex}.header-user-menu{position:relative}.header-user-info{color:#fff;cursor:pointer;background:0 0;border:none;border-radius:10px;align-items:center;gap:12px;padding:6px 10px;font-family:inherit;transition:background .2s;display:flex}.header-user-info:hover{background:#ffffff1f}.user-dropdown{opacity:0;visibility:hidden;z-index:300;background:#fff;border-radius:14px;min-width:190px;transition:opacity .2s,transform .2s,visibility .2s;position:absolute;top:calc(100% + 10px);right:0;overflow:hidden;transform:translateY(-8px);box-shadow:0 8px 32px #0000002e}.user-dropdown.open{opacity:1;visibility:visible;transform:translateY(0)}.user-dropdown-header{border-bottom:1px solid var(--color-card-border);padding:16px 18px 12px}.user-dropdown-name{color:var(--color-text);font-size:1rem;font-weight:700}.user-dropdown-level{color:var(--color-text-muted);margin-top:2px;font-size:.8rem}.user-dropdown-item{color:var(--color-text);cursor:pointer;align-items:center;gap:10px;padding:13px 18px;font-size:.95rem;text-decoration:none;transition:background .15s;display:flex}.user-dropdown-item:hover{background:var(--color-card-alt)}.user-dropdown-divider{background:var(--color-card-border);height:1px;margin:0}.user-dropdown-logout{color:var(--color-danger);width:100%}.header-avatar-caret{color:#fff9;margin-left:-4px;font-size:.7rem}.public-nav{background:var(--color-navy);z-index:100;justify-content:space-between;align-items:center;height:110px;padding:0 40px;display:flex;position:fixed;top:0;left:0;right:0;box-shadow:0 2px 8px #0003}.public-nav-logo{height:80px}.public-nav-links{align-items:center;gap:32px;display:flex}.public-nav-link{color:#fff;font-size:.95rem;font-weight:500;text-decoration:none;transition:color .2s}.public-nav-link:hover{color:var(--color-primary)}.public-nav-link.active{color:var(--color-primary);font-weight:700}.public-nav-login-btn{color:var(--color-navy-dark);background-color:#fff;border-radius:25px;justify-content:center;align-items:center;padding:10px 28px;font-size:.95rem;font-weight:700;transition:background-color .2s;display:inline-flex}.public-nav-login-btn:hover{background-color:var(--color-primary)}.public-content{margin-top:110px}.page-title-banner{text-shadow:0 2px #0a5a68;background:linear-gradient(#1f8696 0%,#0e7280 100%);border-color:#0a5a68;box-shadow:0 4px #0a5a68,0 6px 12px #0e728040}.hero-section{text-align:center;background-image:url(/build/assets/hero_banner-Lm6q-fgf.png);background-position:50%;background-size:cover;justify-content:center;align-items:center;width:100%;height:420px;display:flex;position:relative}.hero-section:before{content:"";background:#1e2b528c;position:absolute;inset:0}.hero-content{z-index:1;color:#fff;position:relative}.hero-content h1{margin-bottom:12px;font-size:2.5rem;font-weight:700}.hero-content p{opacity:.9;margin-bottom:28px;font-size:1.1rem}.hero-buttons{justify-content:center;gap:16px;display:flex}.public-section{max-width:1200px;margin:0 auto;padding:60px 40px}.public-section-full{padding:60px 0}.section-heading{color:var(--color-navy);border-left:4px solid var(--color-primary);margin-bottom:32px;padding-left:16px;font-size:1.5rem;font-weight:700}.about-section{background:#fff}.about-grid{grid-template-columns:60% 40%;gap:40px;display:grid}.about-text h2{color:var(--color-navy);border-left:4px solid var(--color-primary);margin-bottom:16px;padding-left:16px;font-size:1.5rem}.about-text p{color:var(--color-text);margin-bottom:16px;font-size:.95rem;line-height:1.8}.about-features{flex-direction:column;justify-content:center;gap:24px;display:flex}.about-feature{align-items:flex-start;gap:16px;display:flex}.about-feature-icon{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;font-size:1.5rem;display:flex}.about-feature-icon-teal{background:#5cc8d826}.about-feature-icon-orange{background:#f5a62326}.about-feature-icon-green{background:#7cb34226}.about-feature-text h4{color:var(--color-navy);margin-bottom:4px;font-size:1rem;font-weight:700}.about-feature-text p{color:var(--color-text-muted);margin-bottom:0;font-size:.85rem}.event-grid{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.event-grid-empty{text-align:center;color:var(--color-text-secondary,#666);padding:48px 16px;font-size:1.1rem}.event-card{background:var(--color-card);box-shadow:var(--shadow-card);border:1px solid var(--color-card-border);border-radius:20px;transition:all .2s;overflow:hidden}.event-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000001a}.event-card-cover-wrap{position:relative}.event-card-cover{object-fit:cover;width:100%;height:200px;display:block}.event-status-badge{z-index:1;border-radius:20px;padding:4px 12px;font-size:.75rem;font-weight:700;position:absolute;top:12px;left:12px}.event-status-active{color:#fff;background:#7cb342e6}.event-status-upcoming{color:#fff;background:#5cc8d8e6}.event-status-ended{color:#fff;background:#9e9e9ee6}.event-card-body{padding:20px}.event-card-date{color:var(--color-text-muted);margin-bottom:8px;font-size:.82rem}.event-card-body h3{color:var(--color-navy);margin-bottom:8px;font-size:1.05rem;font-weight:700}.event-card-body p{color:var(--color-text-muted);margin-bottom:12px;font-size:.9rem;line-height:1.5}.event-card-quota{color:var(--color-text-muted);margin-bottom:16px;font-size:.85rem}.event-card-actions{gap:8px;display:flex}.page-header-banner{background:linear-gradient(135deg, var(--color-navy), var(--color-primary-dark));text-align:center;color:#fff;padding:48px 40px}.page-header-banner h1{font-size:2rem;font-weight:700}.filter-tabs{flex-wrap:wrap;gap:8px;margin-bottom:28px;display:flex}.modal-overlay{z-index:1000;background:#00000080;justify-content:center;align-items:center;display:none;position:fixed;inset:0}.modal-overlay.active,.modal-overlay.open{display:flex}.modal-card{background:#fff;border-radius:20px;width:90%;max-width:420px;padding:32px;position:relative;box-shadow:0 12px 40px #0000001a}.modal-close{color:var(--color-text-muted);cursor:pointer;z-index:10;background:0 0;border:none;font-size:1.5rem;position:absolute;top:15px;right:20px}.modal-header{border-bottom:1px solid var(--color-card-border);justify-content:space-between;align-items:center;padding:24px 28px 16px;display:flex}.modal-header h3{color:var(--color-text);font-size:1.2rem;font-weight:700}.modal-close-btn{cursor:pointer;color:var(--color-text-muted);background:0 0;border:none;border-radius:6px;padding:4px;font-size:1.2rem}.modal-body{padding:24px 28px}.modal-footer{border-top:1px solid var(--color-card-border);justify-content:flex-end;gap:12px;padding:16px 28px 24px;display:flex}.modal-message{max-width:640px}.public-footer{background:var(--color-navy-dark);color:#ffffffb3;justify-content:space-between;align-items:center;padding:32px 40px;font-size:.9rem;display:flex}.public-footer-left{align-items:center;gap:20px;display:flex}.public-footer-logo{height:40px}.public-footer-links{gap:24px;display:flex}.public-footer-link:hover{color:#fff}.btn-outline{border:2px solid var(--color-card-border);color:var(--color-text);box-shadow:none;background:0 0}.btn-outline:hover{border-color:var(--color-primary);color:var(--color-primary)}.btn-white{color:var(--color-navy);background:#fff;box-shadow:0 4px #0000001a}.btn-white:hover{background:var(--color-primary-bg)}.hamburger-btn{color:#fff;cursor:pointer;background:0 0;border:none;align-self:center;width:2.5rem;height:2.5rem;margin:0;padding:0;font-size:1.8rem;line-height:1;display:none}.hamburger-btn:focus{border:2px solid #fff;border-radius:12px;padding:0}.public-nav .hamburger-btn{color:#fff}.public-nav-menu-overlay{z-index:99;background:#000000b3;display:none;position:fixed;inset:0}.public-nav-menu-overlay.open{display:block}.public-nav-menu{background:var(--color-navy);z-index:100;flex-direction:column;width:280px;height:100vh;padding:20px;transition:right .3s ease-out;display:flex;position:fixed;top:0;right:-300px;box-shadow:-4px 0 16px #0000004d}.public-nav-menu.open{right:0}.public-nav-menu-close{color:#fff;cursor:pointer;background:0 0;border:none;align-self:flex-end;margin-bottom:20px;font-size:1.5rem}.public-nav-menu-close:focus{border:2px solid #fff;border-radius:12px;padding:0}.public-nav-menu-links{flex-direction:column;gap:12px;margin-bottom:20px;display:flex}.public-nav-menu-link{color:#fffc;border-radius:8px;padding:10px 15px;font-size:1.1rem;transition:background .2s}.public-nav-menu-link:hover{color:#fff;background:#ffffff1a}.public-nav-menu .font-size-widget{margin-bottom:15px;margin-left:15px}.public-nav-menu .lang-switcher{margin-bottom:20px;margin-left:15px}.public-nav-menu-login-btn{color:var(--color-navy);background:#fff;border-radius:25px;justify-content:center;align-items:center;margin-top:auto;padding:12px 20px;font-size:1.05rem;font-weight:700;display:flex}.sidebar-overlay{z-index:99;background:#000000b3;display:none;position:fixed;inset:0}.sidebar-overlay.open{display:block}@media (width<=1024px){.site-header .hamburger-btn{display:block}.site-header .header-right{gap:16px}.site-header .header-stats,.site-header .font-size-widget,.site-header .lang-switcher{display:none}.sidebar{visibility:hidden;transition:left .3s ease-out;left:-240px}.sidebar.open{z-index:100;visibility:visible;left:0}.main-content{margin-left:0}.knowledge-public-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.public-nav{height:60px;padding:0 20px}.public-nav-logo{height:38px}.public-nav-links{display:none}.public-nav .hamburger-btn{display:block}.public-content{margin-top:60px}.hero-section{height:300px}.hero-content h1{font-size:1.8rem}.hero-content p{font-size:.95rem}.hero-buttons .btn{padding:10px 24px;font-size:.9rem}.public-section{padding:40px 20px}.section-heading{font-size:1.3rem}.about-grid,.event-grid{grid-template-columns:1fr}.event-card-cover{height:180px}.event-card-body h3{font-size:1rem}.public-footer{text-align:center;flex-direction:column;gap:16px;padding:20px}.public-footer-left{flex-direction:column;gap:8px}.public-footer-links{flex-wrap:wrap;justify-content:center;gap:12px}.login-card{border-width:2px}.login-body{padding:24px}.login-logo img{height:100px}.login-ribbon{padding:14px 20px;font-size:1.2rem}.welcome-banner{text-align:center;flex-direction:column;padding:24px}.welcome-avatar{margin-top:20px}.quick-grid{grid-template-columns:repeat(2,1fr)}.profile-header-card{text-align:center;flex-direction:column;padding:24px}.profile-avatar{margin-bottom:16px}.profile-stats-grid{grid-template-columns:repeat(2,1fr)}.news-card{text-align:center;flex-direction:column;gap:12px}.news-thumb{width:100%;height:150px}.mission-card{text-align:center;flex-wrap:wrap;justify-content:center}.mission-icon{margin-bottom:8px}.mission-reward{margin-top:12px}.knowledge-grid,.knowledge-public-grid{grid-template-columns:1fr}.knowledge-card-thumb{height:120px}.store-grid{grid-template-columns:repeat(2,1fr)}.message-item{flex-wrap:wrap}.message-body{flex-basis:100%;margin-bottom:8px}.message-time{margin-left:auto}}@media (width<=480px){.public-section{padding:30px 15px}.hero-buttons{flex-direction:column}.quick-grid{grid-template-columns:1fr}.public-nav-menu{width:100%;right:-100vw}.public-nav-menu.open{right:0}.page-title-banner{text-align:center;width:100%;padding:12px 20px;font-size:1.1rem;display:block}}.skip-link{color:#fff;z-index:9999;background:#2b3a67;border-radius:4px;padding:8px;position:absolute;top:-999px;left:8px}.skip-link:focus{top:8px}.lang-switcher{gap:2px;margin-right:8px;display:flex}.lang-switcher button{color:#fff;cursor:pointer;background:#ffffff26;border:1px solid #ffffff40;border-radius:6px;justify-content:center;align-items:center;min-width:32px;min-height:32px;padding:4px 8px;font-family:inherit;font-size:.85rem;font-weight:700;transition:background .15s;display:inline-flex}.lang-switcher button:hover{background:#ffffff4d}.lang-switcher button:focus-visible{outline:3px solid var(--color-secondary);outline-offset:2px}.lang-switcher button.active{border-color:var(--color-primary-light);color:var(--color-navy);background-color:#fff}.sidebar-lang-switcher{align-items:center;gap:2px;margin-top:24px;padding:0 24px;display:flex}.sidebar-lang-label{color:#ffffffb3;white-space:nowrap;margin-right:4px;font-size:.75rem}.sidebar-lang-switcher button{color:#fff;background:#ffffff26;border-color:#ffffff40}.sidebar-lang-switcher button:hover{background:#ffffff4d}.sidebar-lang-switcher button.active{background:var(--color-primary);color:#fff;border-color:var(--color-primary-light)}.sidebar-lang-switcher .font-size-label{color:#ffffffb3}.login-modal-overlay,.register-modal-overlay,.store-buy-modal-overlay{-webkit-backdrop-filter:blur(8px);z-index:1000;opacity:0;background:#1e2b528c;justify-content:center;align-items:center;padding:24px;transition:opacity .25s,visibility .25s;display:none;position:fixed;inset:0}.login-modal-overlay.open,.register-modal-overlay.open,.store-buy-modal-overlay.open{opacity:1;display:flex}.login-modal-card,.register-modal-card,.store-buy-modal-card{background:#fff;border-radius:20px;flex-direction:column;width:100%;max-width:600px;max-height:100%;transition:transform .3s ease-out;display:flex;position:relative;overflow:hidden;transform:translateY(20px);box-shadow:0 12px 40px #0003}.store-buy-modal-card{max-width:600px}@media (width>=768px){.register-modal-card{min-width:640px;max-width:80vw}.register-modal-card.org-register{max-width:768px}}.login-modal-overlay.open .login-modal-card,.register-modal-overlay.open .register-modal-card,.store-buy-modal-overlay.open .store-buy-modal-card{transform:translateY(0)}@media (width>=768px){.store-buy-card{min-width:600px;max-width:80vw}}.login-modal-close,.register-modal-close,.store-buy-modal-close{color:var(--color-navy);cursor:pointer;z-index:10;background:0 0;border:none;font-size:1.5rem;position:absolute;top:15px;right:20px}.login-body{padding:32px}.modal-body{overflow:hidden auto}.member-type-selection{gap:20px;margin-top:20px;display:grid}@media screen and (width>=1024px){.member-type-selection{grid-template-columns:repeat(2,1fr)}}.member-type-card{background:var(--color-card-alt);border:2px solid var(--color-card-border);text-align:center;cursor:pointer;border-radius:16px;flex:1;padding:28px 20px;transition:all .2s}.member-type-card:hover{border-color:var(--color-navy);box-shadow:0 6px 20px #00000014}.member-type-card-icon{color:var(--color-primary);margin-bottom:12px;font-size:3rem;display:block}.member-type-card-label{color:var(--color-navy);font-size:1.1rem;font-weight:700}.register-modal-card .member-type-selection{max-width:400px;margin:0 auto}.register-step-hidden{display:none}.btn-back{color:var(--color-navy-dark);background:0 0;border-radius:8px;align-self:flex-start;padding:8px 12px;font-weight:500;transition:background .2s}.btn-back:hover{background:var(--color-primary-bg);border:1px solid var(--color-navy)}.register-form-columns{gap:20px 30px;margin-top:20px;display:grid}@media screen and (width>=1024px){.register-form-columns{grid-template-columns:repeat(2,1fr)}}.form-section-label{color:var(--color-navy);margin-top:24px;margin-bottom:16px;font-weight:700}.register-name-row{gap:10px;display:flex}.register-name-row .input-group{flex:1}.select-field{background:var(--color-input-email);width:100%;color:var(--color-text);appearance:none;background-image:url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%236A7A82%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095.1c3.6-3.5%205.4-7.8%205.4-12.8-.1-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E);background-position:right 1rem center;background-repeat:no-repeat;background-size:.8em;border:none;border-radius:25px;padding:14px 20px 14px 48px;font-size:.95rem}.input-group-pw{position:relative}.input-group-pw .input-group-eye{color:var(--color-text-muted);cursor:pointer;z-index:2;background:0 0;border:none;font-size:1rem;position:absolute;top:50%;right:15px;transform:translateY(-50%)}.pw-checklist,.pw-checklist-org{color:var(--color-text-muted);margin-top:-8px;margin-bottom:16px;padding-left:10px;font-size:.85rem}.pw-checklist li,.pw-checklist-org li{margin-bottom:4px;padding-left:calc(.85rem + 5px);position:relative}.pw-checklist li:before,.pw-checklist-org li:before{content:"❌";position:absolute;left:0}.pw-checklist li.met,.pw-checklist-org li.met{color:var(--color-green-dark)}.pw-checklist li.met:before,.pw-checklist-org li.met:before{content:"✅"}.pw-checklist li.unmet,.pw-checklist-org li.unmet{color:var(--color-danger)}.form-checkbox-row{align-items:center;gap:10px;margin-bottom:16px;font-size:.9rem;display:flex}.form-checkbox-row input[type=checkbox]{width:18px;height:18px;accent-color:var(--color-primary)}.form-checkbox-row a{color:var(--color-primary-dark);text-decoration:underline}.form-required-note{color:var(--color-danger);margin-bottom:24px;font-size:.85rem}.register-submit-btn{width:100%;padding:14px 28px;font-size:1.05rem}.otp-screen{text-align:center;flex-direction:column;align-items:center;display:flex}.otp-screen-icon{color:var(--color-primary);margin-bottom:16px;font-size:4rem}.otp-screen-title{color:var(--color-navy);margin-bottom:8px;font-size:1.5rem;font-weight:700}.otp-screen-desc{color:var(--color-text-muted);margin-bottom:24px;font-size:.95rem;line-height:1.5}.otp-input-row{gap:10px;margin-bottom:20px;display:flex}.otp-digit{text-align:center;border:2px solid var(--color-card-border);background:var(--color-card-alt);width:48px;height:56px;caret-color:var(--color-primary);border-radius:12px;font-size:2rem;transition:all .2s}.otp-digit:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #5cc8d84d}.otp-digit.filled{background:var(--color-primary-bg)}.resent-link.disabled{color:#999}.otp-resend-row{color:var(--color-text-muted);margin-bottom:24px;font-size:.9rem}.otp-resend-row a{color:var(--color-primary-dark);cursor:pointer;text-decoration:underline}.otp-btn-row .btn{width:100%;max-width:200px}.email-link-confirm{max-width:600px;margin:0 auto}.email-link-confirm>*{margin-top:12px}.email-link-confirm>.email-link-actions{text-align:center;justify-content:center;gap:12px;margin-top:24px;display:flex}body.modal-open{overflow:hidden}.app-download-section{padding:40px 16px}.app-download-section h2{font-size:1.25rem}.app-buttons{align-items:center;gap:20px;display:flex}.app-download-section{background:var(--color-navy);text-align:center;color:#fff;padding:60px 40px}.app-download-section h2{margin-bottom:12px;font-size:1.5rem}.app-download-section p{opacity:.8;margin-bottom:28px}.app-buttons{justify-content:center;gap:16px;display:flex}.app-btn{color:#fff;background:#ffffff1a;border:1px solid #ffffff4d;border-radius:12px;align-items:center;gap:10px;padding:14px 28px;font-size:.95rem;font-weight:500;transition:all .2s;display:inline-flex}.app-btn:hover{background:#fff3;border-color:#ffffff80}.app-btn-icon{font-size:1.5rem}.app-btn-ios,.app-btn-gplay{width:120px}.detail-modal-overlay{z-index:1000;background:#00000080;justify-content:flex-end;align-items:flex-start;display:none;position:fixed;inset:0}.detail-modal-overlay.active{display:flex}.detail-modal-panel{background:#fff;width:500px;max-width:90%;height:100vh;padding:32px;animation:.3s slideIn;overflow-y:auto}@keyframes slideIn{0%{transform:translate(100%)}to{transform:translate(0)}}.detail-modal-close{color:var(--color-text-muted);cursor:pointer;background:0 0;margin-bottom:20px;font-size:1.5rem}.detail-modal-cover{object-fit:cover;border-radius:12px;width:100%;height:220px;margin-bottom:20px}.detail-modal-panel h4{color:var(--color-navy);margin-bottom:12px;font-size:1.3rem}.detail-modal-meta{color:var(--color-text-muted);flex-direction:column;gap:6px;margin-bottom:20px;font-size:.85rem;display:flex}.detail-modal-desc{color:var(--color-text);margin-bottom:24px;font-size:.95rem;line-height:1.7}.modal-close-btn{color:#fff;cursor:pointer;background:linear-gradient(#f07058 0%,#d64e3a 100%);border:2.5px solid #b84230;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:1.1rem;font-weight:800;display:flex;box-shadow:0 3px #a33828,0 4px 8px #0003}.modal-close-btn:hover{background:linear-gradient(#ff8070,#e86040)}.modal-close-btn:active{transform:translateY(2px);box-shadow:0 1px #a33828}.post-detail-modal-overlay{-webkit-backdrop-filter:blur(6px);z-index:900;opacity:0;visibility:hidden;background:#1e2b5299;justify-content:center;align-items:center;padding:40px 24px;transition:opacity .25s,visibility .25s;display:flex;position:fixed;inset:0}.post-detail-modal-overlay.open{opacity:1;visibility:visible}.post-detail-modal-card{background:#fff;border:2.5px solid #8ce0ed;border-radius:20px;width:100%;max-width:680px;max-height:85vh;animation:.25s modalSlideIn;overflow-y:auto;box-shadow:0 16px 48px #0003}.post-detail-header{border-bottom:1px solid var(--color-card-border);z-index:5;background:#fff;justify-content:space-between;align-items:flex-start;gap:16px;padding:24px 28px 16px;display:flex;position:sticky;top:0}.post-detail-title{color:var(--color-navy);font-size:1.2rem;font-weight:700;line-height:1.4}.post-detail-body{padding:24px 28px}.post-detail-meta{flex-wrap:wrap;gap:12px;margin-bottom:20px;display:flex}.post-detail-hero{object-fit:cover;border-radius:12px;width:100%;height:220px;margin-bottom:20px}.post-detail-text h3{color:var(--color-navy);margin:20px 0 8px;font-size:1.05rem;font-weight:700}.post-detail-text p{color:var(--color-text);margin-bottom:12px;font-size:.95rem;line-height:1.8}.post-detail-login-note{color:#5aafc8;background:linear-gradient(135deg,#f0f9fc,#e8f4f8);border:1.5px solid #8ce0ed;border-radius:12px;align-items:center;gap:10px;margin-top:20px;padding:14px 20px;font-size:.9rem;font-weight:500;display:flex}.post-detail-video{aspect-ratio:16/9;cursor:pointer;background:#1a1a2e;border-radius:12px;justify-content:center;align-items:center;width:100%;margin-bottom:20px;display:flex}.post-detail-video-play{background:#fff3;border-radius:50%;justify-content:center;align-items:center;width:72px;height:72px;font-size:2rem;transition:background .2s;display:flex}.post-detail-video:hover .post-detail-video-play{background:#ffffff59}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.embed-video-content{width:640px;max-width:100%;height:320px;margin:12px auto}.embed-video-content iframe{width:100%;height:100%}.knowledge-content-image{margin:12px auto}.public-footer,.site-footer{background:var(--color-navy-dark);color:#fff;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-top:auto;padding:32px 48px;display:flex}.site-footer-left{align-items:center;gap:12px;display:flex}.site-footer-logo{height:32px}.site-footer-copy{color:#fff9;font-size:.85rem}.site-footer-links{gap:20px;display:flex}.site-footer-links a{color:#ffffffb3;font-size:.85rem;text-decoration:none}.site-footer-links a:hover{color:var(--color-primary)}@media (width>=768px){.site-footer{margin-left:var(--sidebar-width)}}.article-back-btn{color:var(--color-text-muted);align-items:center;gap:8px;margin-bottom:24px;font-size:.95rem;text-decoration:none;display:inline-flex}.article-back-btn:hover{color:var(--color-navy)}.article-header{margin-bottom:28px}.article-title{color:var(--color-text);margin:12px 0;font-size:1.8rem;font-weight:700;line-height:1.4}.article-hero-container{width:100%;height:0;margin-bottom:32px;padding-bottom:56.25%;position:relative}.article-hero{object-fit:cover;border-radius:16px;width:100%;height:100%;position:absolute;top:0;left:0}.article-body h2{color:var(--color-navy);margin:28px 0 12px;font-size:1.25rem;font-weight:700}.article-body p{color:var(--color-text);margin-bottom:16px;line-height:1.8}.article-body img{border-radius:12px;width:100%;margin:20px 0}.article-related{margin-top:40px}.article-related-title{margin-bottom:16px;font-size:1.1rem;font-weight:700}.article-related-grid{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}.related-card{background:var(--color-card-alt);color:var(--color-text);border-radius:12px;gap:12px;padding:16px;text-decoration:none;display:flex}.related-card:hover{background:var(--color-card-border)}.related-card-img{object-fit:cover;border-radius:8px;flex-shrink:0;width:80px;height:60px}.related-card-title{font-size:.9rem;font-weight:500;line-height:1.4}.quiz-section{background:var(--color-card-alt);border-radius:16px;margin-top:32px;padding:24px}.quiz-title{margin-bottom:16px;font-weight:700}.quiz-options{flex-direction:column;gap:10px;display:flex}.quiz-option{border:2px solid var(--color-card-border);cursor:pointer;background:#fff;border-radius:10px;padding:12px 16px;transition:all .2s}.quiz-option:hover{border-color:var(--color-primary);background:var(--color-primary-bg)}.quiz-option.correct{border-color:var(--color-green);background:#7cb3421a}.quiz-option.wrong{border-color:var(--color-danger);background:#e8638a1a}.video-placeholder{aspect-ratio:16/9;cursor:pointer;background:#1a1a2e;border-radius:12px;justify-content:center;align-items:center;width:100%;margin:20px 0;display:flex}.video-play-btn{background:#fff3;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;font-size:1.8rem;display:flex}.article-category-tag{color:var(--color-navy-dark);background:#5cc8d826;border-radius:20px;padding:4px 14px;font-size:.82rem;font-weight:700;display:inline-block}.article-read-time{color:var(--color-text-muted);font-size:.85rem}.article-date-badge{color:var(--color-text-muted);font-size:.82rem;display:inline-block}.message-item.clickable{cursor:pointer;transition:background .15s}.message-item.clickable:hover{background:var(--color-card-alt);border-radius:12px}.message-modal-icon{background:var(--color-card-alt);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;font-size:2rem;display:flex}.msg-reward-box{color:var(--color-secondary-dark);background:linear-gradient(135deg,#fff8e0,#fdecc8);border-radius:12px;flex-direction:column;align-items:start;gap:12px;margin-top:16px;padding:16px;font-weight:600;display:flex}.msg-reward-box h4{align-items:center;font-weight:700;display:flex}.reward-icon{margin-right:6px;font-size:1.5rem}.reward-section{text-align:center}.btn-claim{margin-left:auto;margin-right:auto}.bonus-list{width:100%}.bonus-list .bonus-item{text-align:left;display:flex}.bonus-list .bonus-item>*{margin-right:12px}.bonus-list .bonus-item>:last-child{margin-right:0}.bonus-list .bonus-item>.bonus-label{flex-grow:1}.bonus-list .bonus-item>.bonus-claimed{color:#999;background-color:#ccc;border-radius:20px;padding:4px 8px;font-size:.82rem}.bonus-label{font-weight:400}#messageModal .modal-card{text-align:left;max-width:520px}#messageModal .modal-header{gap:16px}.checkin-container{max-width:600px;margin-left:auto;margin-right:auto}.alert-message,.home-alert-message{border-radius:16px;align-items:center;gap:12px;margin-bottom:24px;padding:12px 20px;font-size:.85rem;font-weight:700;display:flex}.home-alert-message{margin:0}.home-alert-container{background-color:#fff;padding:40px 60px 0}.home-alert-container>.home-alert-message{max-width:1200px;margin:0 auto}.alert-success{border:2px solid var(--color-green);color:var(--color-green-dark);background:linear-gradient(135deg,#e6ffe1,#ecffe7)}.alert-error{border:2px solid var(--color-danger);color:var(--color-danger);background:linear-gradient(135deg,#ffe1e1,#ffede7)}.buttons-container{text-align:center}.buttons-container>button{margin:0 10px}.reset-password-section{max-width:480px;margin:0 auto}.has-iamsmart-autofill{position:relative}.has-iamsmart-autofill:after{content:"";background:url(/build/assets/icon-light-3x-bY6bjXo1.png) 0 0/100% 100% no-repeat;width:26px;height:35px;position:absolute;top:8px;right:15px}.has-iamsmart-autofill-note{padding-left:30px;line-height:35px;position:relative}.has-iamsmart-autofill-note:after{content:"";background:url(/build/assets/icon-light-3x-bY6bjXo1.png) 0 0/100% 100% no-repeat;width:26px;height:35px;position:absolute;top:0;left:0}@media screen and (width>=640px){.register-footer-container{display:flex}.register-footer-container .has-iamsmart-autofill-note{margin-left:auto}}