.c168-code-reference{position:relative;isolation:isolate;container-type:inline-size;width:100%;height:100%;min-height:100dvh;overflow-y:auto;overflow-x:hidden;background:#a30612 var(--code-bg-mobile) center top/100% 100% no-repeat;font:14px Arial,sans-serif;color:#fff;padding-bottom:32px;box-sizing:border-box}
.c168-code-reference *{box-sizing:border-box}.c168-code-back{position:absolute;z-index:60;top:12px;left:12px;display:grid;place-items:center;width:32px;height:32px;border:1px solid #ffd700;border-radius:50%;color:#ffd700;background:#6d000c99;cursor:pointer}
.c168-code-header{display:none;position:relative;z-index:2;flex-direction:column;align-items:center;gap:8px;padding:16px 16px 0}.c168-code-logo{width:192px;height:auto;filter:drop-shadow(0 12px 18px #0005)}.c168-code-title{max-width:100%;height:auto}
.c168-code-content{position:relative;z-index:2;display:grid;grid-template-columns:1fr;gap:24px;padding:0 16px;margin:224px auto 0;width:100%;align-items:start}.c168-code-main{grid-row:1;display:flex;flex-direction:column;align-items:center;width:100%;min-width:0}.c168-code-board{grid-row:2;position:relative;width:100%;max-width:320px;margin:auto}.c168-code-board>img{display:block;width:100%;height:auto;filter:drop-shadow(0 12px 18px #0005)}.c168-code-board-list{position:absolute;top:15%;bottom:5%;left:3%;right:3%;padding:24px 8px 0;overflow:auto;text-align:center;font-size:12px;color:#424242}.c168-code-envelopes{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;width:100%;max-width:280px;margin:0 0 16px}.c168-code-envelopes button{position:relative;border:0;background:none;border-radius:8px;padding:0;cursor:pointer;transition:transform .3s;animation:c168-code-enter .5s both}.c168-code-envelopes button:hover{transform:translateY(-8px) scale(1.05)}.c168-code-envelopes button:active{transform:scale(.95)}.c168-code-envelopes button:focus-visible{outline:2px solid #fde047;outline-offset:3px}.c168-code-envelopes img{display:block;width:100%;height:auto;filter:drop-shadow(0 5px 8px #0004)}
.c168-code-form{position:relative;width:100%;max-width:260px;height:36px;margin:0 auto;border:2px solid #ffd700;border-radius:32px;background:linear-gradient(#ff6b35,#ff4500,#dc143c);box-shadow:0 4px 12px #0004,0 0 12px #ffd70033;overflow:hidden}.c168-code-form input{width:100%;height:100%;border:0;outline:none;background:transparent;color:#fff;font:700 12px Arial,sans-serif;text-align:center;letter-spacing:.5px;padding:0 40px 0 12px}.c168-code-form input::placeholder{color:#ffffffe6}.c168-code-form:focus-within{box-shadow:0 0 0 3px #ffe6a380,0 4px 12px #0004}.c168-code-form button{position:absolute;right:8px;top:50%;transform:translateY(-50%);width:24px;height:24px;display:grid;place-items:center;border:2px solid #ffd700;border-radius:50%;background:linear-gradient(135deg,#ff8c42,#ff6b35);color:#dc143c;cursor:pointer;box-shadow:0 2px 8px #0005}.c168-code-form button svg{width:12px;height:12px}.c168-code-reference button:disabled{cursor:wait;opacity:.7}.c168-code-result{min-height:30px;padding:8px 0;text-align:center;color:#fff3bf;font-size:13px;max-width:350px}.c168-code-result.error{color:#fff;background:#7c0c13bd;border-radius:8px;padding:8px 12px;margin-top:8px}.c168-code-support{position:absolute;top:12px;right:12px;z-index:60;border:1px solid gold;border-radius:20px;background:#6d000c99;color:gold;padding:6px 12px;cursor:pointer}.c168-code-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.c168-code-spacer{display:none}
.c168-code-particles,.c168-code-rain{position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:1}.c168-code-particles i{position:absolute;width:4px;height:4px;border-radius:50%;background:radial-gradient(circle,#ffd70099,transparent);animation:c168-code-particle 15s ease-in-out infinite}.c168-code-rain img{position:absolute;top:-80px;width:40px;height:auto;filter:drop-shadow(0 4px 20px #ffd70099);animation:c168-code-rain 8s linear infinite}
@container (min-width:535px){.c168-code-header{display:flex}.c168-code-content{margin-top:32px;padding-top:16px}.c168-code-envelopes{max-width:400px;gap:12px;margin-bottom:24px}.c168-code-form{max-width:320px;height:40px}.c168-code-form input{font-size:14px;padding-right:48px}.c168-code-form button{width:28px;height:28px}.c168-code-form button svg{width:14px;height:14px}}
@media(min-width:535px){.c168-code-reference:has(.c168-code-header){background-image:var(--code-bg-mobile)}}
@container(min-width:1024px){.c168-code-content{grid-template-columns:3fr 6fr 3fr;padding:48px 48px 0;margin-top:0;gap:32px}.c168-code-board{grid-row:auto;max-width:300px}.c168-code-main{grid-row:auto}.c168-code-spacer{display:block}.c168-code-envelopes{max-width:580px;gap:20px}.c168-code-form{max-width:340px;height:56px}.c168-code-form input{font-size:18px}.c168-code-form button{width:32px;height:32px}.c168-code-logo{width:288px}}
@keyframes c168-code-enter{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes c168-code-rain{from{transform:translateY(-80px) rotate(0);opacity:0}15%{opacity:1}to{transform:translateY(100dvh) rotate(330deg);opacity:0}}@keyframes c168-code-particle{0%,100%{transform:translateY(0);opacity:.2}50%{transform:translateY(-40px);opacity:1}}
@media(prefers-reduced-motion:reduce){.c168-code-reference *{animation:none!important;transition:none!important}.c168-code-rain{display:none}}
.c168-home-notice-label{color:#fff!important;font-size:12px!important;font-weight:600;white-space:nowrap}.right-icon:has(.c168-home-notice-image)>div{display:flex!important;align-items:center;gap:4px}.right-icon .c168-home-notice-image{width:24px!important;height:24px!important}.left-content .rfm-marquee,.left-content .rfm-child,.c168-home-announcement-text,.c168-home-announcement-text *{color:#444!important}
.c168-code-open{max-width:350px;width:100%;border:2px solid gold;border-radius:32px;background:linear-gradient(#ff6b35,#ff4500,#dc143c);color:#fff;font-weight:700;padding:10px 16px;cursor:pointer}.c168-code-modal-shade{position:fixed;inset:0;z-index:20000;background:#0009;display:flex;justify-content:center;align-items:center;padding:16px}.c168-code-modal{position:relative;width:100%;max-width:360px;max-height:90dvh;overflow:auto;background:linear-gradient(#fff5de,#fff);border:2px solid #ffc74d;border-radius:18px;padding:28px 20px;color:#652017;box-shadow:0 10px 40px #0005}.c168-code-modal h2{text-align:center;font:700 22px Arial;margin:0 0 20px}.c168-code-modal-close{position:absolute;right:10px;top:5px;background:transparent;border:0;font-size:28px;color:#802015;cursor:pointer}.c168-code-modal .c168-code-form{height:auto;max-width:none;overflow:visible;background:none;border:0;border-radius:0;box-shadow:none}.c168-code-modal .c168-code-form input{height:46px;border:1px solid #e7ac50;border-radius:10px;color:#652017;background:white;padding:0 12px;font-size:14px;letter-spacing:1px}.c168-code-modal .c168-code-form input::placeholder{color:#b9845b}.c168-code-modal .c168-code-form button{position:static;transform:none;width:100%;height:44px;margin-top:14px;border-radius:24px;color:white;font-size:15px;background:linear-gradient(#ff6b35,#dc143c)}.c168-code-modal .c168-code-result{color:#855314}.c168-code-modal .c168-code-result.error{color:#fff}.c168-code-winner{padding:8px 2px;border-bottom:1px solid #ffdbad99;font-size:11px;text-align:left}.c168-code-winner>div{display:flex;justify-content:space-between;gap:5px;margin-bottom:5px}.c168-code-board-list:has(.c168-code-winners){padding-top:4px}