/* Shared by React service pages and the server-rendered order lookup. */
.site-main.service-main{max-width:none;padding:0;margin:0;background:#fffaf6}
.kamao-service-surface{position:relative;isolation:isolate;overflow:hidden;flex:1;min-height:calc(100svh - 76px);padding:48px 24px 40px;color:#25292f;background:radial-gradient(ellipse at 95% 8%,#f47a441a,transparent 37%),radial-gradient(ellipse at 4% 90%,#f47a4412,transparent 38%),#fffaf6}
.kamao-service-surface>.kamao-service-content{position:relative;z-index:1;width:100%;max-width:1040px;margin:0 auto;padding:0;min-width:0}
.kamao-service-content>.recharge-center,.kamao-service-content>.gift-page,.kamao-service-content>.agents-page,.kamao-service-content>.support-page,.kamao-service-content>.orders-page{padding:0;margin:0;max-width:none;min-height:0;background:none;animation:none}
.kamao-service-content .kamao-service-heading{display:block;text-align:center;margin:0 0 28px;padding:0}
.kamao-service-content .kamao-service-heading h1{font-family:'Noto Serif SC','Songti SC',SimSun,serif;font-size:clamp(34px,4.3vw,55px);font-weight:700;letter-spacing:.03em;line-height:1.4;color:#25292f;margin:0}
.kamao-service-content .kamao-service-heading p{font-size:17px;font-weight:400;line-height:1.8;color:#707680;margin:12px auto 0;max-width:650px}
.kamao-service-content .gift-empty,.kamao-service-content .gift-redeem-panel,.kamao-service-content .gift-steps>div,.kamao-service-content .gift-landing>.gift-redeem-confirm,.kamao-service-content .support-guide,.kamao-service-content .orders-page>.empty{background:#fff;border:1px solid #eee4db;border-radius:18px}
.kamao-service-content .support-grid{margin-top:0}
.kamao-service-content .support-guide{padding:30px}
.kamao-service-content .support-guide li{color:#6c574b}
.kamao-service-content .support-channels a,.kamao-service-content .support-channels button{color:#a24827;background:#fffaf6;border-color:#eee4db}
.kamao-service-content .agent-error,.kamao-service-content .agent-empty{background:#fff;border-radius:14px}
.kamao-service-background{--service-cat:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 154 98' fill='%23f47a4409' stroke='%23f47a44' stroke-width='1' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M16 70V29Q16 14 22 7Q26 2 32 7L53 27H80L100 7Q106 2 110 10Q116 23 116 44C104 53 105 69 109 76C123 73 134 61 127 53C124 50 120 51 116 56C106 63 102 50 108 44C120 30 141 37 143 52C148 74 127 89 107 89H36Q16 89 16 70Z'/%3E%3Cellipse cx='47' cy='54' rx='3' ry='5' fill='%23f47a44'/%3E%3Cellipse cx='81' cy='54' rx='3' ry='5' fill='%23f47a44'/%3E%3Cpath d='M56 66Q64 76 73 66'/%3E%3C/svg%3E");--service-paw:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23f47a44' stroke-width='1.1'%3E%3Ccircle cx='11' cy='4' r='2'/%3E%3Ccircle cx='18' cy='8' r='2'/%3E%3Ccircle cx='20' cy='16' r='2'/%3E%3Cpath d='M9 10a5 5 0 0 1 5 5v3.5a3.5 3.5 0 0 1-6.84 1.05 3 3 0 0 0-1.71-1.71A3.5 3.5 0 0 1 6.5 11H9Z'/%3E%3C/svg%3E");--service-card:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 160 112' fill='none' stroke='%23f47a44' stroke-width='2'%3E%3Crect x='9' y='9' width='142' height='94' rx='13'/%3E%3Cpath d='M9 36h142M26 80h27'/%3E%3Ccircle cx='110' cy='58' r='4'/%3E%3Ccircle cx='124' cy='66' r='4'/%3E%3Cpath d='M105 73q8-7 15 3q7 11-4 13q-7 1-12-6q-4-5 1-10Z'/%3E%3C/svg%3E");position:absolute;inset:0;z-index:0;pointer-events:none;user-select:none;overflow:hidden}
.kamao-service-background:before{content:'';position:absolute;inset:0;background-image:radial-gradient(#e7a47828 .8px,transparent .8px);background-size:28px 28px;mask-image:linear-gradient(90deg,#000,transparent 24%,transparent 76%,#000);opacity:.5}
.kamao-service-background>span{position:absolute;display:block;background-repeat:no-repeat;background-position:center;background-size:contain}
.kamao-service-background .service-cat{width:252px;height:160px;top:40px;right:-14px;background-image:var(--service-cat);opacity:.3;--service-turn:12deg;animation:kamao-service-float 14s ease-in-out infinite}
.kamao-service-background .service-card{width:156px;height:112px;background-image:var(--service-card);opacity:.2;animation:kamao-service-float 16s ease-in-out infinite}
.service-card-left{top:117px;left:3.5%;--service-turn:-19deg}
.service-card-right{right:4%;bottom:43px;--service-turn:17deg;animation-delay:-8s!important}
.kamao-service-background .service-paws{bottom:23px;left:2%;width:250px;height:230px;background-image:var(--service-paw),var(--service-paw),var(--service-paw),var(--service-paw),var(--service-paw);background-position:0 198px,31px 149px,101px 120px,128px 59px,197px 25px;background-size:32px 32px;opacity:.23;transform:rotate(-12deg);animation:kamao-service-paws 10s ease-in-out infinite}
.kamao-service-background .service-heading-paw{top:54px;left:calc(50% - 270px);width:33px;height:33px;background-image:var(--service-paw);opacity:.35;transform:rotate(-24deg)}
@keyframes kamao-service-float{0%,100%{transform:translateY(0) rotate(var(--service-turn))}50%{transform:translateY(-9px) rotate(calc(var(--service-turn) - 3deg))}}
@keyframes kamao-service-paws{0%,100%{opacity:.12}40%,60%{opacity:.23}}
.kamao-service-surface[data-motion=off] .kamao-service-background>span{animation-play-state:paused}
@media(min-width:761px) and (max-height:800px){.kamao-service-surface{padding-top:28px}.kamao-service-content .kamao-service-heading{margin-bottom:24px}.kamao-service-content .kamao-service-heading h1{font-size:43px}.kamao-service-content .kamao-service-heading p{font-size:15px;margin-top:8px}}
@media(max-width:760px){.kamao-service-surface{padding:30px 16px;min-height:calc(100svh - 108px)}.kamao-service-content .kamao-service-heading{margin-bottom:24px}.kamao-service-content .kamao-service-heading h1{font-size:32px}.kamao-service-content .kamao-service-heading p{font-size:14px;max-width:310px;margin-top:10px}.kamao-service-content .support-guide{padding:24px}.kamao-service-background .service-cat{width:130px;height:83px;right:-34px;top:24px;opacity:.23}.kamao-service-background .service-card-left{width:94px;height:72px;left:-27px;top:71px;opacity:.18}.kamao-service-background .service-card-right{width:100px;height:77px;bottom:9px;right:-24px;opacity:.2}.kamao-service-background .service-heading-paw{width:20px;height:20px;top:21px;left:22px;opacity:.24}.kamao-service-background .service-paws{bottom:7px;left:-28px;transform:scale(.55) rotate(-12deg);transform-origin:bottom left}.kamao-service-background:before{background-size:24px 24px;opacity:.25}}
@media(max-width:380px){.kamao-service-content .rc-tabs a{padding:11px 10px;gap:5px;font-size:12px}.kamao-service-content .rc-tabs svg{width:15px}}
@media(prefers-reduced-motion:reduce){.kamao-service-background>span{animation:none!important}}
