.child-portal{display:grid;grid-template-columns:minmax(0,3fr) minmax(280px,1fr);gap:18px;width:100%;max-width:1440px;margin:8px auto 20px;color:var(--main-color,#30343b);box-sizing:border-box;container-type:inline-size}
.child-portal *{box-sizing:border-box}.child-portal a{text-decoration:none}.child-portal button,.child-portal input{font:inherit}.child-portal a:focus-visible,.child-portal button:focus-visible,.child-portal input:focus-visible{outline:3px solid #68d9ff;outline-offset:3px}
.cp-main{position:relative;min-width:0;min-height:var(--cp-height,650px);border-radius:6px;overflow:hidden;background:#716080;display:flex;flex-direction:column;justify-content:center;color:#fff}
.cp-background,.cp-background:after,.cp-background picture,.cp-background img,.cp-background-video{position:absolute;inset:0;width:100%;height:100%}.cp-background img,.cp-background-video{object-fit:cover;object-position:center}.cp-background-video{opacity:0;pointer-events:none}.cp-background-video.is-playing{opacity:1}.cp-background:after{content:"";background:rgba(28,12,41,var(--cp-overlay,.25))}
.cp-search-area{position:relative;z-index:1;text-align:center;width:80%;margin:auto;padding:80px 0 135px}.cp-search-area h2{font-size:32px;font-weight:750;letter-spacing:4px;line-height:1.5;margin:0 0 14px;text-shadow:0 2px 6px #39233d70}.cp-description{font-size:18px;line-height:1.8;letter-spacing:2px;margin:0 0 25px;text-shadow:0 1px 4px #39233d}
.cp-search{display:flex;height:60px;background:#fff;border-radius:8px;overflow:hidden;text-align:left}.cp-search input[type=search]{width:0;flex:1;min-width:0;border:0;background:#fff;color:#333;padding:0 24px;outline-offset:-4px;font-size:15px;font-weight:400;box-shadow:none;border-radius:0}.cp-search input::placeholder{color:#999;font-weight:400}.cp-search button{display:inline-flex;align-items:center;justify-content:center;gap:7px;border:0;flex:none;background:var(--theme-color,var(--cp-accent));color:#fff;margin:8px;padding:0 17px;border-radius:6px;font-size:15px;font-weight:400;cursor:pointer}.cp-search button svg{flex:none;display:block;width:18px;height:18px}.cp-search button span{font-weight:400}.cp-search button:hover{filter:brightness(1.08)}
.cp-hot{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 20px;font-size:14px;line-height:1.8;margin-top:14px;font-weight:400}.cp-hot a{color:#fff;font-weight:400}.cp-hot a:hover{color:#ffe9b8}
.cp-navigation{position:absolute;z-index:1;bottom:34px;left:25px;right:25px;display:flex;gap:20px;align-items:center}.cp-categories{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;flex:1;min-width:0}.cp-category-heading{display:flex;align-items:center;gap:8px;color:#fff;white-space:nowrap;text-shadow:0 2px 4px #352437}.cp-category-heading img{width:36px;height:36px;object-fit:contain;flex:none}.cp-category-heading strong{font-size:19px}.cp-category-heading i{font-size:25px}.cp-subcategories{display:flex;flex-wrap:wrap;gap:5px 13px;margin-top:12px}.cp-subcategories a,.cp-quick a{font-size:14px;color:#fff;text-shadow:0 1px 4px #39233d}.cp-navigation a:hover{color:#ffe55b}.cp-quick{display:grid;grid-template-columns:repeat(2,max-content);gap:20px 10px;flex:none}.cp-quick>a:first-child{color:#ffe300}
.cp-side{display:flex;flex-direction:column;gap:18px;min-width:0}.cp-guide{display:flex;flex-direction:column;justify-content:center;min-height:130px;aspect-ratio:2.22;border-radius:6px;overflow:hidden;background:#a43a87;color:#fff}.cp-guide img{display:block;width:100%;height:100%;object-fit:cover}.cp-guide strong{font-size:28px;padding:10px 20px}.cp-guide span{padding:0 20px 15px}
.cp-checkin{background:var(--main-bg-color,#fff);border-radius:6px;overflow:hidden;padding:18px 18px 0;flex:1;display:flex;flex-direction:column;min-height:400px}.cp-checkin-banner{display:flex;align-items:center;gap:10px;border:3px solid #1c1b23;border-radius:11px;background:repeating-linear-gradient(120deg,#2a3039,#2a3039 3px,#343b46 3px,#343b46 5px);color:#fff;min-height:66px;padding:10px;box-shadow:inset 0 0 15px #0003}.cp-checkin-banner>i{font-size:29px;color:#b6c7ff}.cp-checkin-banner strong{flex:1;font-size:17px;white-space:nowrap;text-shadow:2px 2px #000}.cp-checkin-go{background:#667bff;color:#fff;border:2px solid #15151c;border-radius:20px;padding:3px 12px;font-size:13px;white-space:nowrap}.cp-checkin-call{text-align:center;margin:21px 0;font-size:14px}.cp-checkin-action{color:var(--cp-accent)}.cp-checkin-action i{margin-right:5px}
.cp-tabs{display:flex;justify-content:space-around;gap:10px;align-items:center;background:var(--cp-accent);border-radius:6px;min-height:48px;padding:6px}.cp-tabs button{background:none;color:#fff;border:0;cursor:pointer;padding:6px 15px;border-radius:20px;font-size:14px}.cp-tabs button[aria-selected=true]{background:#ffffff4d;font-weight:600}.cp-ranking{flex:1;min-height:190px}.cp-ranking[hidden]{display:none!important}.cp-ranking ol{list-style:none;padding:0;margin:12px 0}.cp-ranking li{display:flex;gap:10px;align-items:center;min-height:59px}.cp-avatar{flex:none}.cp-avatar img{width:40px;height:40px;object-fit:cover;border-radius:8px}.cp-user{flex:1;min-width:0}.cp-user>a{color:var(--main-color,#333);display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px}.cp-user small{display:block;color:var(--muted-color,#a0a4ad);font-size:12px;line-height:1.7}.cp-status{font-size:12px;white-space:nowrap;color:#677cff;background:#e8f3ff;border-radius:4px;padding:2px 5px}.cp-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;min-height:220px;color:var(--muted-color,#92949c);gap:9px;padding:20px 0}.cp-empty i{font-size:32px;color:#c4c8d5}.cp-empty p{margin:0;font-size:14px}.cp-empty span{font-size:12px}.cp-ranking-footer{display:block;text-align:center;margin:0 -18px;padding:13px;border-top:1px solid var(--main-border-color,#f0f1f5);color:var(--main-color,#333);font-size:13px;font-weight:600}.cp-ranking-footer i{margin-left:6px}
.cp-no-side{grid-template-columns:1fr}.child-portal-replaces-header .header-slider-container{display:none!important}

@media(max-width:1199px){.child-portal{grid-template-columns:minmax(0,2.4fr) minmax(260px,1fr);gap:15px}.cp-main{min-height:600px}.cp-search-area{width:86%;padding-bottom:190px}.cp-navigation{bottom:24px;left:22px;right:22px;flex-direction:column;align-items:stretch}.cp-quick{grid-template-columns:repeat(4,max-content);justify-content:center;gap:18px;margin-top:5px}.cp-category-heading strong{font-size:16px}.cp-category-heading img{width:30px;height:30px}.cp-subcategories{gap:6px}.cp-subcategories a{font-size:12px}.cp-search-area h2{font-size:28px;letter-spacing:2px}.cp-description{font-size:15px}.cp-checkin{padding:14px 14px 0}.cp-ranking-footer{margin:0 -14px}.cp-checkin-banner{gap:7px}.cp-checkin-banner strong{font-size:15px}.cp-checkin-go{padding:3px 8px}}
@media(max-width:767px){.child-portal{display:flex;flex-direction:column;gap:14px;margin:12px auto 20px}.cp-main{min-height:540px}.cp-search-area{width:88%;padding:65px 0 230px}.cp-search-area h2{font-size:25px;letter-spacing:2px;line-height:1.5}.cp-description{font-size:13px;line-height:1.9;letter-spacing:1px;margin-bottom:20px}.cp-search{height:49px;border-radius:11px}.cp-search input[type=search]{padding:0 14px;font-size:13px}.cp-search button{padding:0 15px;font-size:14px;border-radius:10px}.cp-hot{gap:5px 12px;font-size:12px;margin-top:12px}.cp-navigation{left:20px;right:20px;bottom:22px;gap:18px}.cp-categories{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 15px}.cp-category-heading strong{font-size:17px}.cp-category-heading img{width:31px;height:31px}.cp-subcategories{margin-top:6px;gap:10px}.cp-subcategories a{font-size:12px}.cp-quick{gap:15px;margin-top:0}.cp-quick a{font-size:12px}.cp-side{display:grid;grid-template-columns:minmax(0,1fr);gap:14px}.cp-guide{aspect-ratio:2.22;min-height:0}.cp-checkin{min-height:400px;padding:18px 18px 0}.cp-ranking-footer{margin:0 -18px}.cp-hide-mobile-side .cp-side{display:none}}
@container(max-width:650px){.cp-navigation{flex-direction:column;align-items:stretch}.cp-categories{grid-template-columns:repeat(2,minmax(0,1fr))}.cp-quick{grid-template-columns:repeat(4,max-content);justify-content:center}.cp-search-area{padding-bottom:220px}}
@media(prefers-reduced-motion:reduce){.child-portal *{scroll-behavior:auto!important;transition:none!important}}
.child-portal-replaces-header .child-portal{margin-top:-8px}
@media(max-width:767px){.cp-search{height:53px;border-radius:8px}.cp-search button{margin:7px;padding:0 11px;border-radius:5px;font-size:13px;gap:5px}.cp-search button svg{width:16px;height:16px}}