* { box-sizing: border-box; }
body { margin: 0px; min-height: 100vh; padding: 24px 14px; font-family: "PingFang SC", "Microsoft YaHei", sans-serif; background: linear-gradient(175deg, rgb(31, 13, 26), rgb(42, 19, 34) 50%, rgb(25, 11, 20)); color: rgb(45, 26, 36); }
.page { width: min(100%, 480px); margin: auto; }
.card { padding: 38px 22px 30px; border-radius: 24px; text-align: center; background: rgb(255, 250, 253); border: 1px solid rgba(240, 160, 184, 0.333); box-shadow: rgb(240, 160, 184) 0px 2px inset, rgba(18, 5, 13, 0.44) 0px 20px 50px; }
.spark { font-size: 46px; }
.card h1 { font-size: 26px; margin: 12px 0px 10px; }
.card h1 span { color: rgb(212, 120, 143); }
.desc { white-space: pre-line; color: rgb(117, 83, 99); line-height: 1.7; }
.proof { display: inline-flex; align-items: center; justify-content: center; gap: 5px; margin: 14px auto 2px; padding: 7px 16px; border-radius: 999px; background: linear-gradient(135deg, rgb(255, 241, 226), rgb(255, 227, 208)); color: rgb(163, 84, 28); font-size: 13px; font-weight: 700; box-shadow: rgba(0, 0, 0, 0.06) 0px 3px 10px; }
.proof b { font-size: 17px; color: rgb(229, 57, 53); }
.pills { margin: 16px 0px; display: flex; gap: 7px; justify-content: center; flex-wrap: wrap; }
.pill { font-size: 12px; padding: 5px 9px; border-radius: 99px; background: rgb(248, 230, 236); color: rgb(164, 81, 104); }
.links { display: grid; gap: 10px; }
.link { padding: 14px; border-radius: 13px; text-decoration: none; font-weight: 800; }
.primary { color: rgb(255, 255, 255); background: linear-gradient(135deg, rgb(212, 120, 143), rgb(173, 78, 104)); box-shadow: rgba(180, 91, 117, 0.22) 0px 7px 16px; }
.secondary { color: rgb(130, 75, 96); background: rgb(249, 232, 238); border: 1px solid rgb(237, 202, 213); }
.accent { color: rgb(96, 56, 75); background: rgb(255, 255, 255); border: 1px solid rgb(217, 185, 196); }
.divider { display: flex; align-items: center; gap: 8px; margin: 14px 0px 2px; color: rgb(189, 113, 136); font-size: 12px; font-weight: 800; }
.divider::before, .divider::after { content: ""; height: 1px; flex: 1 1 0%; background: rgb(236, 203, 213); }
.foot { margin-top: 20px; color: rgb(154, 122, 136); font-size: 11px; }
.back { display: inline-block; margin-bottom: 12px; color: rgb(243, 195, 208); text-decoration: none; font-size: 13px; }
.task-page { background: rgb(255, 255, 255); border-radius: 18px; padding: 14px; box-shadow: rgba(18, 5, 13, 0.4) 0px 18px 55px; }
.notice { white-space: pre-line; text-align: center; font-weight: 800; line-height: 1.65; color: rgb(238, 78, 87); background: rgb(255, 240, 241); border-left: 4px solid rgb(255, 82, 91); border-radius: 4px; padding: 15px 11px; margin: 0px 0px 18px; }
.step { background: rgb(255, 255, 255); border: 1px solid rgb(237, 240, 243); border-radius: 12px; padding: 16px 13px; margin: 0px 0px 16px; box-shadow: rgba(78, 98, 114, 0.043) 0px 4px 16px; }
.step h2 { font-size: 17px; margin: 0px 0px 16px; color: rgb(34, 34, 34); }
.step p { font-size: 14px; line-height: 1.75; color: rgb(68, 68, 68); }
.task-img { display: block; width: 100%; max-height: 520px; object-fit: contain; border-radius: 10px; margin: 12px auto; }
.save-box { padding: 13px; border: 1px solid rgb(255, 216, 207); border-radius: 11px; background: rgb(255, 250, 247); text-align: center; color: rgb(240, 91, 81); font-weight: 750; line-height: 1.55; }
.platform { color: rgb(240, 82, 82); font-weight: 800; }
.keyword-row { display: flex; align-items: center; justify-content: center; gap: 8px; flex-wrap: wrap; padding: 12px; border: 1px solid rgb(255, 215, 123); border-radius: 10px; background: rgb(255, 253, 243); }
.keyword { color: rgb(238, 86, 100); font-weight: 800; }
.copy, .submit { border: 0px; color: white; font-weight: 800; border-radius: 999px; background: linear-gradient(135deg, rgb(255, 121, 110), rgb(238, 79, 88)); padding: 10px 16px; }
.submit { display: block; width: max-content; max-width: 100%; margin: 18px auto 10px; text-decoration: none; background: linear-gradient(135deg, rgb(39, 139, 232), rgb(7, 92, 184)); box-shadow: rgba(23, 111, 195, 0.24) 0px 7px 18px; }
.muted { text-align: center; color: rgb(153, 153, 153); font-size: 12px; }
.gallery { display: grid; gap: 9px; }
.gallery img { width: 100%; border-radius: 9px; }
.task-foot { text-align: center; color: rgb(170, 170, 170); font-size: 12px; padding: 18px 0px 6px; }
.comment-step { background: rgb(255, 250, 245); border-color: rgb(255, 217, 194); }
.comment-step h2 { display: flex; align-items: center; gap: 9px; }
.step-num { display: inline-grid; place-items: center; flex: 0 0 23px; width: 23px; height: 23px; border-radius: 50%; background: rgb(255, 113, 21); color: rgb(255, 255, 255); font-size: 12px; }
.comment-example { margin: 0px 0px 15px; }
.comment-text { white-space: pre-line; padding: 13px; border: 1px solid rgb(255, 217, 194); border-radius: 12px; background: rgb(255, 255, 255); color: rgb(51, 40, 32); font-size: 14px; line-height: 1.55; user-select: text; }
.keyword { user-select: text; }
.keyword-hint { text-align: center !important; font-size: 15px !important; line-height: 1.6 !important; color: rgb(36, 78, 142) !important; font-weight: 900 !important; margin: 14px 0px 7px !important; }
.search-instruction { color: rgb(24, 24, 24) !important; }
.search-instruction .important-works { display: inline-block; line-height: 1.15; font-weight: 900; color: rgb(0, 0, 0) !important; font-size: 1.12em !important; }
.comment-hint .important-works { font-size: 1.16em; font-weight: 900; color: rgb(22, 22, 22) !important; }
.comment-copy { display: block; margin: 9px auto 0px; border: 0px; border-radius: 14px; padding: 11px 20px; color: rgb(255, 255, 255); background: rgb(255, 113, 21); box-shadow: rgba(255, 113, 21, 0.23) 0px 5px 12px; font-weight: 800; }
.comment-hint { font-weight: 700; white-space: pre-line; text-align: center !important; color: rgb(83, 60, 48) !important; }
.copy-toast { position: fixed; left: 50%; top: 80px; translate: -50% -14px; max-width: 88vw; padding: 13px 22px; border-radius: 999px; background: rgba(36, 21, 30, 0.933); color: rgb(255, 255, 255); font-size: 16px; font-weight: 700; line-height: 1.5; text-align: center; opacity: 0; transition: 0.2s; z-index: 20; pointer-events: none; }
.copy-toast.show { opacity: 1; translate: -50%; }
.upload-page { background: center center / cover rgb(255, 255, 255); border-radius: 20px; padding: 22px; box-shadow: rgba(18, 5, 13, 0.4) 0px 18px 55px; }
.upload-page h1 { text-align: center; font-size: 22px; margin: 6px 0px 8px; }
.upload-intro { text-align: center; color: rgb(125, 101, 113); font-size: 13px; line-height: 1.7; white-space: pre-line; }
.upload-zone { display: block; border: 2px dashed rgb(225, 183, 196); border-radius: 16px; padding: 28px 15px; text-align: center; background: rgb(255, 248, 250); color: rgb(164, 81, 104); cursor: pointer; margin-top: 18px; }
.upload-zone input { display: none; }
.preview-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; margin: 14px 0px; }
.preview-item { position: relative; aspect-ratio: 1 / 1; border-radius: 10px; overflow: hidden; background: rgb(242, 237, 240); }
.preview-item img { width: 100%; height: 100%; object-fit: cover; }
.preview-item button { position: absolute; right: 4px; top: 4px; width: 24px; height: 24px; border: 0px; border-radius: 50%; background: rgba(37, 21, 30, 0.8); color: rgb(255, 255, 255); }
.upload-submit { width: 100%; border: 0px; border-radius: 13px; padding: 14px; color: rgb(255, 255, 255); font-weight: 800; background: linear-gradient(135deg, rgb(39, 139, 232), rgb(7, 92, 184)); box-shadow: rgba(23, 111, 195, 0.24) 0px 7px 18px; }
.upload-submit:disabled { opacity: 0.45; box-shadow: none; }
.counter { text-align: right; color: rgb(167, 141, 153); font-size: 12px; margin: 7px 2px; }
.upload-rules { white-space: pre-line; margin: 15px 0px; padding: 14px; border-radius: 14px; background: rgb(255, 241, 239); border: 1px solid rgb(255, 201, 193); color: rgb(178, 62, 53); font-size: 13px; font-weight: 700; line-height: 1.9; }
.privacy { text-align: center; color: rgb(155, 135, 144); font-size: 11px; line-height: 1.6; }
.result { display: none; text-align: center; padding: 20px 6px; }
.result.show { display: block; }
.result-icon { font-size: 52px; }
.resource { display: block; width: fit-content; margin: 16px auto 0px; padding: 13px 28px; border-radius: 12px; background: rgb(248, 230, 236); color: rgb(161, 79, 103); text-decoration: none; font-weight: 800; text-align: center; }
body { background: linear-gradient(155deg, rgb(59, 23, 43) 0%, rgb(36, 16, 29) 50%, rgb(22, 11, 18) 100%); padding: 18px 12px 32px; }
.page { max-width: 500px; }
.task-page { padding: 16px; background: linear-gradient(rgb(255, 255, 255), rgb(255, 251, 253)); border: 1px solid rgba(255, 255, 255, 0.5); box-shadow: rgba(9, 3, 8, 0.44) 0px 22px 65px; }
.notice { font-size: 16px; line-height: 1.8; color: rgb(201, 47, 67); background: linear-gradient(135deg, rgb(255, 240, 243), rgb(255, 248, 242)); border-width: 1px 1px 1px 6px; border-style: solid; border-color: rgb(255, 201, 208) rgb(255, 201, 208) rgb(255, 201, 208) rgb(237, 64, 82); border-image: none; border-radius: 13px; padding: 17px 14px; box-shadow: rgba(232, 72, 92, 0.11) 0px 9px 24px; }
.step { border-radius: 16px; padding: 18px 15px; margin-bottom: 17px; box-shadow: rgba(64, 48, 58, 0.05) 0px 8px 24px; }
.task-page > .step:nth-of-type(1) { background: linear-gradient(145deg, rgb(250, 252, 255), rgb(243, 247, 255)); border-color: rgb(217, 228, 255); }
.task-page > .step:nth-of-type(2) { background: linear-gradient(145deg, rgb(255, 253, 249), rgb(255, 248, 239)); border-color: rgb(255, 221, 183); }
.step h2 { font-size: 18px; line-height: 1.5; color: rgb(33, 26, 30); margin-bottom: 15px; }
.task-page > .step:nth-of-type(1) h2 { color: rgb(37, 78, 141); }
.comment-step h2 { color: rgb(167, 71, 38); }
.platform { font-size: 15px !important; color: rgb(220, 78, 85) !important; }
.keyword-row { background: rgb(255, 255, 255); border-color: rgb(191, 211, 255); box-shadow: rgba(49, 92, 163, 0.082) 0px 5px 16px; }
.keyword { font-size: 15px; color: rgb(36, 86, 162); }
.comment-text { font-size: 15px; line-height: 1.7; border-color: rgb(255, 210, 167); box-shadow: rgba(198, 120, 36, 0.08) 0px 5px 15px; }
.comment-hint { background: rgb(255, 241, 231); border-radius: 12px; font-size: 15px !important; line-height: 1.8 !important; color: rgb(177, 63, 46) !important; padding: 12px !important; }
.step p { font-size: 14px; line-height: 1.8; }
.muted { font-size: 12px !important; color: rgb(156, 144, 150) !important; }
.copy, .comment-copy { min-height: 42px; box-shadow: rgba(233, 85, 73, 0.19) 0px 7px 18px; }
.submit { padding: 13px 22px; border-radius: 14px; }
.task-img { border: 1px solid rgb(234, 223, 228); box-shadow: rgba(55, 34, 44, 0.086) 0px 8px 24px; }
.task-foot { font-size: 11px; color: rgb(177, 163, 170); }
.upload-page { border: 1px solid rgba(255, 255, 255, 0.565); box-shadow: rgba(9, 3, 8, 0.44) 0px 22px 65px; }
.channel-home { position: fixed; inset: 0px; z-index: 100; display: grid; place-items: center; padding: 0px 18px; background: rgb(241, 243, 247); color: rgb(33, 50, 71); overflow: auto; }
.channel-home.is-hidden { display: none; }
.channel-panel { width: min(380px, 100%); margin: auto; padding: 46px 20px 56px; border-radius: 38px; background: rgb(255, 255, 255); box-shadow: rgba(39, 57, 79, 0.11) 0px 22px 55px; text-align: center; }
.channel-spark { width: 65px; height: 58px; margin: 0px auto 12px; font-size: 50px; line-height: 58px; }
.channel-panel h1 { margin: 0px 0px 28px; font-size: 27px; line-height: 1.25; font-weight: 900; letter-spacing: -1px; color: rgb(33, 50, 71); }
.channel-tip { display: flex; align-items: center; justify-content: center; gap: 6px; margin: 0px 0px 26px; padding: 8px 12px; border-radius: 999px; background: rgb(247, 248, 251); color: rgb(129, 145, 173); font-size: 14px; }
.channel-tip b { color: rgb(241, 189, 0); font-size: 18px; }
.channel-card { padding: 28px 20px 30px; border: 1px solid rgb(232, 237, 244); border-radius: 28px; background: rgb(255, 255, 255); box-shadow: rgba(34, 53, 74, 0.06) 0px 12px 30px; }
.channel-card + .channel-card { margin-top: 27px; }
.channel-card h2 { margin: 0px 0px 8px; color: rgb(16, 40, 68); font-size: 23px; font-weight: 900; }
.channel-card p { margin: 0px 0px 25px; color: rgb(131, 145, 170); font-size: 13px; line-height: 1.6; }
.channel-button { width: 100%; min-height: 54px; border-radius: 999px; border: 1px solid rgb(210, 223, 244); background: rgb(237, 244, 255); color: rgb(18, 113, 237); font-size: 17px; font-weight: 800; }
.channel-button:active { transform: scale(0.98); }
.channel-button.vip { border-color: rgb(236, 215, 185); background: rgb(248, 236, 220); color: rgb(216, 93, 32); }
.channel-return { position: fixed; z-index: 90; top: 12px; left: 12px; display: none; border: 1px solid rgba(255, 255, 255, 0.333); border-radius: 999px; padding: 9px 13px; background: rgba(255, 255, 255, 0.93); color: rgb(84, 53, 74); font-size: 13px; font-weight: 800; box-shadow: rgba(0, 0, 0, 0.2) 0px 5px 18px; }
.channel-return.show { display: block; }
.channel-toast { position: fixed; z-index: 101; left: 50%; bottom: 26px; translate: -50% 16px; padding: 11px 18px; border-radius: 999px; background: rgb(33, 50, 71); color: rgb(255, 255, 255); font-size: 13px; opacity: 0; pointer-events: none; transition: 0.2s; white-space: nowrap; }
.channel-toast.show { opacity: 1; translate: -50%; }
.vip-page { width: min(100%, 480px); margin: auto; padding: 22px; border-radius: 24px; background: rgb(255, 255, 255); color: rgb(37, 55, 76); box-shadow: rgba(9, 3, 8, 0.44) 0px 22px 65px; }
.vip-back { display: inline-block; margin-bottom: 15px; border: 0px; background: none; color: rgb(139, 110, 74); font-size: 14px; }
.vip-page h1 { text-align: center; margin: 4px 0px 12px; font-size: 24px; }
.vip-intro { white-space: pre-line; text-align: center; color: rgb(116, 132, 155); font-size: 14px; line-height: 1.8; }
.vip-guide { display: block; width: 100%; max-height: 520px; object-fit: contain; margin: 10px auto 22px; border-radius: 16px; border: 1px solid rgb(238, 227, 211); }
.vip-guide-text { white-space: pre-line; margin: 18px 0px 10px; padding: 15px 16px; border-radius: 12px; background: rgb(255, 248, 238); color: rgb(143, 79, 40); font-size: 16px; font-weight: 750; line-height: 1.8; }
.vip-upload { display: block; margin: 18px 0px 10px; padding: 28px 14px; border: 2px dashed rgb(231, 205, 168); border-radius: 16px; background: rgb(255, 249, 240); color: rgb(182, 106, 47); text-align: center; font-weight: 750; cursor: pointer; }
.vip-upload input { display: none; }
.vip-file { text-align: center; min-height: 22px; color: rgb(141, 153, 170); font-size: 12px; }
.vip-submit, .vip-resource { display: block; width: 100%; margin-top: 12px; padding: 14px; border: 0px; border-radius: 14px; background: linear-gradient(135deg, rgb(238, 151, 75), rgb(214, 90, 34)); color: rgb(255, 255, 255); text-align: center; text-decoration: none; font-weight: 850; }
.vip-submit:disabled { opacity: 0.45; }
.vip-result { text-align: center; padding: 28px 4px; }
.vip-result-icon { font-size: 52px; }
.upload-zone { position: relative; overflow: hidden; }
.upload-zone input[type="file"] { display: block; position: static; width: 100%; height: auto; margin: 14px 0px 0px; opacity: 1; color: rgb(125, 101, 113); font-size: 16px; cursor: pointer; }
.upload-zone input[type="file"]::file-selector-button { min-height: 44px; margin-right: 10px; padding: 10px 16px; border: 0px; border-radius: 10px; background: rgb(23, 111, 195); color: rgb(255, 255, 255); font-size: 15px; font-weight: 700; cursor: pointer; }
.upload-picker-help { margin: 8px 2px; color: rgb(139, 105, 120); font-size: 12px; line-height: 1.5; }
.channel-home { padding: 86px 18px 18px; }
.channel-home::before { content: "📢  本站所有资源均来自网络公开内容，如有侵权请联系客服删除"; position: fixed; z-index: 102; top: 10px; left: 50%; transform: translateX(-50%); display: flex; align-items: center; justify-content: center; width: min(676px, 100% - 24px); min-height: 64px; padding: 12px 18px; border: 1px solid rgb(237, 200, 117); border-radius: 15px; background: rgb(255, 248, 233); color: rgb(149, 101, 34); font-size: 14px; line-height: 1.5; text-align: center; }
body.home-mode { margin: 0px; padding: 0px; background: rgb(247, 248, 250); color: rgb(23, 23, 23); }
.home-mode > .page { width: min(100%, 500px); padding: 0px 10px 36px; }
.store-home { min-height: 100vh; }
.store-top { height: 40px; display: flex; align-items: center; justify-content: flex-end; font-size: 15px; font-weight: 800; }
.store-hero { height: 190px; padding: 22px; border-radius: 15px; display: flex; align-items: flex-end; position: relative; overflow: hidden; color: rgb(255, 255, 255); background: linear-gradient(135deg, rgb(33, 124, 128), rgb(117, 193, 185)); }
.store-hero::before, .store-hero::after { content: ""; position: absolute; right: -30px; width: 230px; height: 76px; border-radius: 28px; transform: rotate(-15deg); background: rgba(255, 255, 255, 0.11); }
.store-hero::before { top: 24px; }
.store-hero::after { bottom: -12px; right: 35px; }
.store-hero-in { position: relative; z-index: 1; }
.store-label { display: inline-block; padding: 3px 9px; border-radius: 6px; background: rgba(255, 255, 255, 0.19); font-size: 10px; }
.store-hero h1 { margin: 7px 0px 2px; font-size: 20px; }
.store-hero p { margin: 0px 0px 12px; color: rgba(255, 255, 255, 0.816); font-size: 11px; }
.store-hero a { display: inline-block; padding: 8px 17px; border-radius: 8px; background: rgb(255, 255, 255); color: rgb(7, 151, 138); text-decoration: none; font-size: 12px; font-weight: 800; }
.store-tabs { display: flex; gap: 10px; overflow-x: auto; padding: 17px 0px 8px; scrollbar-color: rgb(153, 153, 153) transparent; }
.store-tabs button { flex: 0 0 auto; padding: 7px 14px; border: 1px solid rgb(229, 229, 229); border-radius: 9px; background: rgb(255, 255, 255); color: rgb(119, 119, 119); }
.store-tabs button.on { background: rgb(34, 34, 34); color: rgb(255, 255, 255); border-color: rgb(34, 34, 34); }
.store-sec { margin: 5px 3px 11px; font-size: 16px; font-weight: 800; }
.store-sec small { margin-left: 8px; color: rgb(170, 170, 170); font-size: 10px; font-weight: 400; }
.store-list { display: grid; gap: 10px; }
.store-game { min-height: 72px; padding: 12px 14px; border: 1px solid rgb(238, 238, 238); border-radius: 14px; background: rgb(255, 255, 255); display: flex; align-items: center; gap: 12px; }
.store-icon { width: 44px; height: 44px; flex: 0 0 auto; border: 1px dashed rgb(216, 219, 224); border-radius: 11px; background: rgb(243, 244, 246); }
.store-info { flex: 1 1 0%; min-width: 0px; }
.store-name { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 14px; font-weight: 750; }
.store-meta { margin-top: 4px; color: rgb(170, 170, 170); font-size: 10px; }
.store-tag { margin-right: 5px; padding: 1px 5px; border-radius: 3px; background: rgb(233, 250, 247); color: rgb(6, 159, 143); }
.store-stars { color: rgb(225, 144, 0); }
.store-get { flex: 0 0 auto; padding: 8px 17px; border-radius: 9px; background: rgb(7, 159, 145); color: rgb(255, 255, 255); text-decoration: none; font-size: 12px; font-weight: 750; }
.store-foot { text-align: center; padding: 28px; color: rgb(199, 199, 199); font-size: 11px; }
.store-search { position: relative; margin: 16px 0px 0px; }
.store-search::before { content: "⌕"; position: absolute; left: 15px; top: 50%; transform: translateY(-50%); color: rgb(111, 129, 153); font-size: 22px; line-height: 1; pointer-events: none; }
.store-search input { width: 100%; height: 44px; padding: 0px 16px 0px 42px; border: 1px solid rgb(224, 229, 236); border-radius: 14px; background: rgb(255, 255, 255); color: rgb(32, 43, 58); font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-language-override: inherit; font-size: 13px; outline: none; box-shadow: rgba(55, 77, 104, 0.08) 0px 8px 24px; }
.store-search input:focus { border-color: rgb(143, 183, 221); box-shadow: rgba(74, 144, 208, 0.12) 0px 0px 0px 3px; }
.store-search input::placeholder { color: rgb(127, 139, 156); }
.store-icon { display: grid; place-items: center; overflow: hidden; }
.store-icon img { width: 100%; height: 100%; display: block; object-fit: cover; }
.store-hero.has-image { background-size: cover; background-position: center center; }
.store-hero.has-image::before, .store-hero.has-image::after { display: none; }
.task-page > .step { background: rgb(255, 255, 255) !important; border-color: rgb(233, 228, 220) !important; box-shadow: rgba(47, 35, 23, 0.06) 0px 6px 18px !important; }
.step h2, .task-page > .step:nth-of-type(1) h2, .comment-step h2, .step h2 span[style] { color: rgb(17, 17, 17) !important; }
.keyword-row, .comment-text, .comment-hint { background: rgb(255, 255, 255) !important; border-color: rgb(236, 230, 222) !important; }
.copy, .comment-copy, .submit { background: rgb(255, 107, 0) !important; color: rgb(255, 255, 255) !important; box-shadow: rgba(255, 107, 0, 0.22) 0px 6px 14px !important; }
.keyword { color: rgb(17, 17, 17) !important; }
.keyword-hint { font-size: 15px !important; line-height: 1.8 !important; color: rgb(177, 63, 46) !important; white-space: pre-line !important; }
.keyword-hint .keyword-hint-fourth { color: rgb(0, 0, 0) !important; }
.task-page { background: rgb(247, 241, 233) !important; }
@media (max-width: 520px) {
  .notice { font-size: clamp(12px, 4vw, 15px) !important; }
  .notice > strong { white-space: nowrap; font-size: clamp(15px, 4.7vw, 18px) !important; }
}
.task-page > .step { background: rgb(255, 255, 255) !important; margin-bottom: 22px !important; box-shadow: rgba(69, 47, 23, 0.12) 0px 10px 24px !important; }
.claim-toast { position: fixed; z-index: 9999; top: calc(12px + env(safe-area-inset-top)); left: 50%; transform: translate(-50%, -18px); padding: 10px 18px; border-radius: 999px; background: rgba(33, 50, 71, 0.94); color: rgb(255, 255, 255); font-size: 13px; white-space: nowrap; box-shadow: rgba(0, 0, 0, 0.2) 0px 8px 24px; opacity: 0; pointer-events: none; transition: 0.25s; }
.claim-toast.show { opacity: 1; transform: translate(-50%, 0px); }
.result .resource { align-items: center; justify-content: center; min-height: 54px; box-sizing: border-box; line-height: 1.4; text-align: center; text-decoration: none; box-shadow: rgba(190, 79, 112, 0.12) 0px 7px 18px; transition: 0.18s; display: flex !important; width: min(100%, 320px) !important; margin: 12px auto 0px !important; padding: 12px 20px !important; border: 1px solid rgb(242, 200, 212) !important; border-radius: 16px !important; background: linear-gradient(135deg, rgb(255, 241, 245), rgb(249, 227, 234)) !important; color: rgb(189, 79, 112) !important; font-size: 16px !important; font-weight: 800 !important; }
.result .resource:active { transform: scale(0.98); }
.store-search { display: block !important; margin: 18px 0px 12px !important; padding: 11px 12px 12px !important; border: 2px solid rgb(8, 168, 154) !important; border-radius: 18px !important; background: linear-gradient(135deg, rgb(234, 255, 252), rgb(247, 255, 254)) !important; box-shadow: rgba(8, 168, 154, 0.18) 0px 8px 22px !important; }
.store-search-title { display: block; margin: 0px 0px 8px 3px; color: rgb(8, 126, 116); font-size: 14px; font-weight: 900; }
.store-search::before { content: "⌕" !important; left: 27px !important; top: 53px !important; color: rgb(7, 159, 145) !important; font-size: 25px !important; }
.store-search input { height: 48px !important; padding-left: 44px !important; border: 1px solid rgb(155, 222, 216) !important; border-radius: 13px !important; background: rgb(255, 255, 255) !important; color: rgb(23, 43, 42) !important; font-size: 14px !important; box-shadow: rgba(25, 90, 84, 0.05) 0px 1px 2px inset !important; }
.store-search input::placeholder { color: rgb(112, 136, 134) !important; }
.store-search input:focus { border-color: rgb(7, 159, 145) !important; box-shadow: rgba(7, 159, 145, 0.15) 0px 0px 0px 4px !important; }
.home-mode > .page { width: min(100%, 1040px); max-width: 1040px; }
.store-hero { height: 380px; align-items: stretch; gap: 24px; padding: 24px; }
.store-hero-in { flex: 1 1 0%; display: flex; flex-direction: column; align-items: flex-start; justify-content: center; min-width: 0px; }
.store-hot { position: relative; z-index: 1; flex: 0 0 41%; align-self: stretch; padding: 16px 18px; border: 1px solid rgb(255, 91, 84); border-radius: 14px; background: rgba(5, 19, 24, 0.78); backdrop-filter: blur(5px); }
.store-hot h2 { margin: 0px 0px 12px; font-size: 24px; }
.store-hot-list { display: grid; gap: 10px; }
.store-hot-item { align-items: center; gap: 12px; min-height: 74px; padding: 8px 12px; border: 1px solid rgba(255, 117, 76, 0.4); border-radius: 12px; background: rgba(45, 25, 22, 0.7); color: rgb(255, 255, 255); text-decoration: none; display: flex !important; }
.store-hot-icon { overflow: hidden; border: 1px solid rgba(255, 255, 255, 0.4); border-radius: 11px; background: rgb(20, 52, 58); display: block !important; width: 54px !important; height: 54px !important; min-width: 54px !important; flex: 0 0 54px !important; }
.store-hot-icon img { display: block !important; width: 54px !important; height: 54px !important; max-width: 54px !important; object-fit: cover !important; }
.store-hot-name { flex: 1 1 0%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: 800; }
.store-hot-tag { flex: 0 0 auto; padding: 7px 11px; border-radius: 999px; background: rgb(116, 43, 37); color: rgb(255, 106, 92); font-size: 12px; font-weight: 800; }
@media (max-width: 700px) {
  .home-mode > .page { max-width: 500px; }
  .store-hero { height: auto; min-height: 380px; display: block; padding: 20px; }
  .store-hero-in { min-height: 175px; }
  .store-hot { margin-top: 10px; padding: 13px; }
  .store-hot h2 { font-size: 20px; }
  .store-hot-item { min-height: 62px; }
  .store-hot-icon { width: 44px; height: 44px; }
  .store-hot-tag { padding: 6px 9px; font-size: 11px; }
}
@media (max-width: 700px) {
  .store-hero { min-height: 0px !important; padding: 16px !important; background-position: center top !important; overflow: hidden !important; }
  .store-hero-in { min-height: 150px !important; }
  .store-hot { box-sizing: border-box !important; width: 100% !important; max-width: 100% !important; margin: 8px 0px 0px !important; padding: 12px !important; overflow: hidden !important; }
  .store-hot h2 { margin-bottom: 9px !important; font-size: 19px !important; }
  .store-hot-list { gap: 8px !important; }
  .store-hot-item { box-sizing: border-box !important; width: 100% !important; min-width: 0px !important; min-height: 58px !important; padding: 6px 8px !important; gap: 8px !important; }
  .store-hot-icon { width: 44px !important; height: 44px !important; min-width: 44px !important; flex-basis: 44px !important; }
  .store-hot-icon img { width: 44px !important; height: 44px !important; max-width: 44px !important; }
  .store-hot-name { min-width: 0px !important; font-size: 13px !important; }
  .store-hot-tag { padding: 5px 7px !important; font-size: 10px !important; }
  .home-mode .feedback-entry { bottom: 16px !important; }
}
.store-hero { height: auto !important; aspect-ratio: 1031 / 392; }
@media (max-width: 700px) {
  .store-hero { display: flex !important; align-items: stretch !important; gap: 7px !important; min-height: 0px !important; padding: 7px !important; }
  .store-hero-in { flex: 1 1 59% !important; min-width: 0px !important; min-height: 0px !important; }
  .store-label { padding: 1px 4px !important; border-radius: 3px !important; font-size: 5px !important; }
  .store-hero h1 { margin: 3px 0px 1px !important; font-size: 10px !important; }
  .store-hero p { margin: 0px 0px 5px !important; font-size: 5px !important; }
  .store-hero-in > a { padding: 4px 8px !important; border-radius: 4px !important; font-size: 6px !important; }
  .store-hot { flex: 0 0 41% !important; align-self: stretch !important; width: auto !important; max-width: 41% !important; margin: 0px !important; padding: 5px !important; border-radius: 6px !important; }
  .store-hot h2 { margin: 0px 0px 3px !important; font-size: 9px !important; line-height: 1.2 !important; }
  .store-hot-list { gap: 3px !important; }
  .store-hot-item { min-height: 0px !important; height: 30px !important; padding: 3px 4px !important; gap: 4px !important; border-radius: 5px !important; }
  .store-hot-icon { width: 24px !important; height: 24px !important; min-width: 24px !important; flex-basis: 24px !important; border-radius: 5px !important; }
  .store-hot-icon img { width: 24px !important; height: 24px !important; max-width: 24px !important; }
  .store-hot-name { font-size: 6px !important; }
  .store-hot-tag { padding: 3px 4px !important; font-size: 5px !important; }
}
.store-hero { height: auto !important; aspect-ratio: 16 / 9 !important; background-size: cover !important; background-position: center center !important; }
.store-hero h1 { font-size: clamp(18px, 4.65vw, 48px) !important; line-height: 1.1 !important; }
.store-hero-in > p { font-size: clamp(10px, 2.45vw, 25px) !important; }
.store-hero-in > a { font-size: clamp(11px, 2.3vw, 24px) !important; }
@media (max-width: 700px) {
  .store-hero { display: flex !important; align-items: stretch !important; gap: 8px !important; min-height: 0px !important; padding: 9px !important; }
  .store-hero-in { flex: 1 1 59% !important; min-width: 0px !important; min-height: 0px !important; }
  .store-label { padding: 2px 5px !important; font-size: 7px !important; }
  .store-hero h1 { margin: 5px 0px 3px !important; }
  .store-hero-in > p { margin: 0px 0px 8px !important; white-space: nowrap !important; }
  .store-hero-in > a { padding: 6px 11px !important; border-radius: 5px !important; }
  .store-hot { flex: 0 0 41% !important; align-self: stretch !important; width: auto !important; max-width: 41% !important; margin: 0px !important; padding: 7px !important; border-radius: 7px !important; }
  .store-hot h2 { margin: 0px 0px 5px !important; font-size: 13px !important; line-height: 1.2 !important; }
  .store-hot-list { gap: 5px !important; }
  .store-hot-item { min-height: 0px !important; height: 40px !important; padding: 3px 5px !important; gap: 5px !important; border-radius: 6px !important; }
  .store-hot-icon { width: 32px !important; height: 32px !important; min-width: 32px !important; flex-basis: 32px !important; border-radius: 6px !important; }
  .store-hot-icon img { width: 32px !important; height: 32px !important; max-width: 32px !important; }
  .store-hot-name { font-size: 8px !important; }
  .store-hot-tag { padding: 3px 4px !important; font-size: 6px !important; }
}
.store-hot { display: flex !important; flex-direction: column !important; justify-content: center !important; border: 1px solid rgba(255, 80, 74, 0.72) !important; background: linear-gradient(145deg, rgba(3, 21, 26, 0.9), rgba(15, 18, 21, 0.82)) !important; box-shadow: rgba(0, 174, 174, 0.06) 0px 0px 28px inset, rgba(0, 0, 0, 0.18) 0px 12px 34px !important; }
.store-hot::before { content: ""; position: absolute; left: -18px; top: 0px; bottom: 0px; width: 2px; border-radius: 2px; background: linear-gradient(transparent, rgb(3, 214, 206) 12%, rgb(3, 214, 206) 88%, transparent); opacity: 0.9; }
.store-hot h2 { color: rgb(255, 255, 255) !important; text-shadow: rgba(0, 0, 0, 0.42) 0px 2px 10px; }
.store-hot-item { border: 1px solid rgba(255, 111, 78, 0.24) !important; background: linear-gradient(100deg, rgba(14, 27, 29, 0.88), rgba(47, 25, 24, 0.72)) !important; color: rgb(255, 255, 255) !important; box-shadow: rgba(255, 255, 255, 0.035) 0px 1px inset, rgba(0, 0, 0, 0.17) 0px 5px 16px !important; transition: transform 0.18s, border-color 0.18s, background 0.18s !important; }
.store-hot-item:hover { transform: translateY(-1px); border-color: rgba(255, 100, 75, 0.55) !important; background: linear-gradient(100deg, rgba(14, 35, 37, 0.94), rgba(60, 28, 25, 0.82)) !important; }
.store-hot-icon { border: 1px solid rgba(255, 255, 255, 0.42) !important; box-shadow: rgba(255, 94, 79, 0.28) 0px 0px 12px !important; }
.store-hot-name { color: rgb(255, 255, 255) !important; text-shadow: rgba(0, 0, 0, 0.45) 0px 1px 5px; }
.store-hot-tag { border: 1px solid rgba(255, 101, 84, 0.2) !important; background: rgba(105, 34, 29, 0.68) !important; color: rgb(255, 101, 88) !important; }
@media (max-width: 700px) {
  .store-hot::before { left: -6px; width: 1px; }
  .store-hot { box-shadow: rgba(0, 174, 174, 0.06) 0px 0px 10px inset, rgba(0, 0, 0, 0.14) 0px 4px 10px !important; }
  .store-hot-item { box-shadow: rgba(255, 255, 255, 0.03) 0px 1px inset, rgba(0, 0, 0, 0.14) 0px 2px 6px !important; }
  .store-hot-icon { box-shadow: rgba(255, 94, 79, 0.24) 0px 0px 5px !important; }
}
.store-hero-in { padding-left: 4.5% !important; }
.store-hero h1 { font-size: clamp(20px, 5.4vw, 56px) !important; white-space: nowrap !important; }
.store-hero-in > p { font-size: clamp(11px, 2.7vw, 28px) !important; }
.store-hero-in > a { font-size: clamp(12px, 2.5vw, 26px) !important; }
@media (max-width: 700px) {
  .store-hero-in { padding-left: 4.5% !important; }
  .store-hero h1 { margin-top: 6px !important; }
}
@media (max-width: 700px) {
  html, body { width: 100% !important; max-width: 100% !important; overflow-x: hidden !important; }
  .home-mode > .page, .store-home, .store-list, .store-game { box-sizing: border-box !important; width: 100% !important; max-width: 100% !important; min-width: 0px !important; }
  .store-tabs { overscroll-behavior-inline: contain; width: 100% !important; max-width: 100% !important; }
  .store-game { height: 96px !important; min-height: 96px !important; padding: 12px !important; gap: 10px !important; overflow: hidden !important; }
  .store-icon { width: 52px !important; height: 52px !important; min-width: 52px !important; flex-basis: 52px !important; }
  .store-info { min-width: 0px !important; overflow: hidden !important; }
  .store-name { display: -webkit-box !important; overflow: hidden !important; white-space: normal !important; overflow-wrap: anywhere !important; -webkit-box-orient: vertical !important; -webkit-line-clamp: 2 !important; line-height: 1.35 !important; max-height: 2.7em !important; }
  .store-meta { display: block !important; overflow: hidden !important; max-width: 100% !important; max-height: 38px !important; white-space: normal !important; overflow-wrap: anywhere !important; line-height: 1.5 !important; }
  .store-get { flex: 0 0 auto !important; }
  .home-mode .feedback-entry { right: 14px !important; bottom: calc(18px + env(safe-area-inset-bottom)) !important; width: auto !important; min-width: 132px !important; min-height: 48px !important; padding: 11px 17px !important; border-radius: 999px !important; display: flex !important; grid-template-columns: none !important; align-items: center !important; justify-content: center !important; gap: 8px !important; background: linear-gradient(135deg, rgb(85, 114, 242), rgb(49, 94, 232)) !important; box-shadow: rgba(49, 94, 232, 0.35) 0px 10px 28px !important; }
  .home-mode .feedback-entry span { font-size: 16px !important; line-height: 1 !important; writing-mode: horizontal-tb !important; letter-spacing: 0px !important; }
  .home-mode .feedback-entry b { font-size: 20px !important; line-height: 1 !important; }
}
#visitorChatForm .chat-image-pick, #visitorChatPreview { display: none !important; }
.claim-choice[hidden] { display: none; }
.claim-choice { position: fixed; z-index: 10020; inset: 0px; display: grid; place-items: center; padding: 22px; background: rgba(13, 22, 28, 0.64); backdrop-filter: blur(7px); }
.claim-choice-card { width: min(100%, 410px); padding: 30px 24px 24px; border-radius: 30px; background: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.3) 0px 24px 70px; text-align: center; animation: 0.18s ease-out 0s 1 normal none running claim-choice-in; }
.claim-choice-icon { display: grid; place-items: center; width: 92px; height: 92px; margin: 0px auto 14px; overflow: hidden; border-radius: 22px; background: linear-gradient(145deg, rgb(232, 248, 245), rgb(205, 236, 231)); color: rgb(8, 126, 116); font-size: 38px; font-weight: 900; box-shadow: rgba(8, 126, 116, 0.16) 0px 8px 22px; }
.claim-choice-icon img { display: block; width: 100%; height: 100%; object-fit: cover; }
.claim-choice-name { margin: 0px; color: rgb(16, 36, 31); font-size: 26px; line-height: 1.3; font-weight: 900; }
.claim-choice-meta { margin: 8px 0px 22px; color: rgb(139, 150, 155); font-size: 14px; }
.claim-choice-actions { display: grid; gap: 12px; }
.claim-choice-btn { display: flex; min-height: 76px; width: 100%; flex-direction: column; align-items: center; justify-content: center; border: 0px; border-radius: 18px; padding: 11px 16px; font-style: inherit; font-variant: inherit; font-stretch: inherit; font-size: inherit; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-language-override: inherit; font-weight: 900; cursor: pointer; }
.claim-choice-btn strong { font-size: 20px; line-height: 1.25; }
.claim-choice-btn small { margin-top: 5px; font-size: 13px; line-height: 1.3; font-weight: 500; }
.claim-choice-free { background: linear-gradient(135deg, rgb(255, 152, 45), rgb(255, 104, 22)); color: rgb(255, 255, 255); box-shadow: rgba(255, 105, 22, 0.25) 0px 10px 22px; }
.claim-choice-vip { background: linear-gradient(135deg, rgb(255, 244, 223), rgb(255, 228, 184)); color: rgb(157, 85, 30); border: 1px solid rgb(242, 206, 146); }
.claim-choice-cancel { min-height: 56px; background: rgb(244, 246, 248); color: rgb(104, 115, 123); border: 1px solid rgb(227, 231, 234); }
.claim-choice-btn:active { transform: scale(0.985); }
@keyframes claim-choice-in { 
  0% { opacity: 0; transform: translateY(12px) scale(0.98); }
  100% { opacity: 1; transform: none; }
}
@media (max-width: 520px) {
  .claim-choice { padding: 18px; }
  .claim-choice-card { padding: 25px 18px 18px; border-radius: 26px; }
  .claim-choice-icon { width: 82px; height: 82px; }
  .claim-choice-name { font-size: 23px; }
  .claim-choice-btn { min-height: 70px; }
  .claim-choice-cancel { min-height: 52px; }
}
.upload-page { max-width: 480px; margin: auto; }
.result { padding: 18px 2px 8px; }
.claim-success-icon { display: grid; place-items: center; width: 58px; height: 58px; margin: 0px auto 12px; border-radius: 50%; background: linear-gradient(145deg, rgb(223, 248, 234), rgb(188, 239, 212)); color: rgb(22, 133, 83); font-size: 31px; font-weight: 900; box-shadow: rgba(43, 157, 107, 0.14) 0px 8px 22px; }
.result h1 { margin: 0px 0px 7px; }
.claim-success-main { margin: 0px; text-align: center; color: rgb(41, 36, 42); font-size: 18px; font-weight: 900; }
.claim-success-sub { margin: 7px 0px 20px; text-align: center; color: rgb(117, 108, 115); font-size: 14px; }
.claim-resource-card { position: relative; display: flex; flex-direction: column; width: 100%; box-sizing: border-box; text-align: left; text-decoration: none; color: rgb(41, 36, 42); transition: transform 0.2s, background 0.2s, box-shadow 0.2s; }
.claim-resource-card:active { transform: scale(0.98); }
.claim-eyebrow { margin-bottom: 9px; color: rgb(216, 79, 120); font-size: 13px; font-weight: 900; }
.claim-countdown { margin-left: 5px; color: rgb(227, 74, 96); font-variant-numeric: tabular-nums; }
.claim-resource-name { padding-right: 58px; font-size: 15px; font-weight: 850; line-height: 1.45; }
.claim-resource-card small { margin-top: 6px; color: rgb(142, 133, 141); font-size: 12px; }
.claim-resource-action { margin-top: 13px; color: rgb(216, 79, 120); font-size: 13px; font-weight: 850; }
.claim-primary { padding: 18px; border: 2px solid rgb(237, 113, 150); border-radius: 18px; background: linear-gradient(145deg, rgb(255, 255, 255), rgb(255, 241, 245)); box-shadow: rgba(184, 61, 102, 0.19) 0px 10px 28px; }
.claim-primary .claim-resource-name { padding: 0px; font-size: 18px; }
.claim-primary .claim-resource-action { display: flex; align-items: center; justify-content: center; min-height: 48px; margin-top: 15px; border-radius: 13px; background: linear-gradient(135deg, rgb(232, 103, 140), rgb(201, 69, 109)); color: rgb(255, 255, 255); font-size: 16px; font-weight: 900; box-shadow: rgba(201, 69, 109, 0.24) 0px 7px 18px; }
.claim-boost { margin-top: 0px; padding: 15px 17px; border: 1px solid rgb(235, 231, 233); border-radius: 16px; background: rgb(255, 255, 255); }
.claim-boost .claim-resource-action { position: absolute; right: 16px; bottom: 15px; margin: 0px; }
.claim-resource-section { margin-top: 22px; text-align: left; }
.claim-resource-section h2 { margin: 0px 0px 10px; font-size: 15px; color: rgb(55, 49, 56); }
.claim-like-grid, .claim-more-list { display: grid; gap: 9px; }
.claim-like-grid { grid-template-columns: repeat(2, minmax(0px, 1fr)); }
.claim-compact { min-height: 112px; padding: 14px; border: 1px solid rgb(236, 233, 235); border-radius: 15px; background: rgb(250, 249, 250); }
.claim-compact .claim-resource-name { padding: 0px; font-size: 13px; }
.claim-compact .claim-resource-action { margin-top: auto; }
.claim-more { display: grid; grid-template-columns: 1fr auto; align-items: center; padding: 14px 15px; border: 1px solid rgb(236, 233, 235); border-radius: 14px; background: rgb(255, 255, 255); }
.claim-more .claim-resource-name { padding: 0px; font-size: 13px; }
.claim-more .claim-resource-action { margin: 0px 0px 0px 10px; transition: transform 0.2s; }
.claim-more:hover .claim-resource-action { transform: translateX(3px); }
@media (hover: hover) {
  .claim-resource-card:hover { transform: translateY(-2px); background: rgb(255, 255, 255); box-shadow: rgba(54, 33, 42, 0.08) 0px 8px 20px; }
}
@media (max-width: 390px) {
  .claim-like-grid { grid-template-columns: 1fr; }
  .claim-compact { min-height: 0px; }
  .upload-page { padding: 18px 15px; }
}
.entry-notice { position: fixed; inset: 0px; z-index: 1000; display: grid; place-items: center; padding: 18px; background: rgba(10, 6, 9, 0.72); backdrop-filter: blur(4px); }
.entry-notice.is-hidden { display: none; }
.entry-notice-card { width: min(100%, 480px); max-height: 88vh; overflow: auto; padding: 25px 22px 20px; border-radius: 20px; background: rgb(255, 255, 255); color: rgb(51, 36, 43); box-shadow: rgba(0, 0, 0, 0.533) 0px 24px 80px; }
.entry-notice-card h2 { margin: 0px 0px 16px; text-align: center; font-size: 23px; color: rgb(201, 79, 112); }
.entry-notice-card p { margin: 0px; white-space: pre-line; font-size: 15px; line-height: 1.85; }
.entry-notice-card button { display: block; width: 100%; margin-top: 20px; padding: 13px; border: 0px; border-radius: 12px; background: linear-gradient(135deg, rgb(231, 118, 150), rgb(201, 79, 112)); color: rgb(255, 255, 255); font-size: 16px; font-weight: 800; }
.channel-tip { margin-bottom: 12px !important; }
.channel-panel .proof { display: flex; width: max-content; margin: 0px auto 12px; }
.chat-scroll-region { flex: 1 1 0%; min-height: 0px; overflow: auto; background: rgb(245, 246, 248); }
.chat-scroll-region .visitor-chat-messages { min-height: 100%; height: auto !important; overflow: visible !important; }
.chat-service-intro { display: grid; grid-template-columns: 58px 1fr; gap: 12px; padding: 16px 14px 10px; background: rgb(238, 243, 255); }
.chat-service-avatar { width: 56px; height: 56px; border: 3px solid rgb(91, 141, 232); border-radius: 50%; display: grid; place-items: center; background: rgb(255, 255, 255); font-size: 30px; box-shadow: rgba(49, 92, 163, 0.19) 0px 3px 10px; }
.chat-service-bubble { overflow: hidden; border-radius: 15px; background: rgb(255, 255, 255); box-shadow: rgba(38, 57, 87, 0.094) 0px 4px 16px; }
.chat-service-text { margin: 0px; padding: 16px 17px; color: rgb(34, 34, 34); font-size: 15px; line-height: 1.85; white-space: pre-line; }
.chat-service-bubble .chat-quick { display: grid; gap: 9px; padding: 13px; border-top: 1px solid rgb(229, 231, 235); background: rgb(255, 255, 255); }
.chat-service-bubble .chat-quick button { width: 100%; border: 0px; border-radius: 9px; padding: 11px 10px; background: rgb(241, 243, 246); color: rgb(80, 98, 119); font-size: 14px; font-weight: 700; text-align: center; }
.chat-service-bubble .chat-quick button::before { content: "✔ "; color: rgb(84, 123, 146); }
.visitor-chat-messages .chat-welcome { display: none; }
@media (max-width: 420px) {
  .chat-service-intro { grid-template-columns: 48px 1fr; gap: 9px; padding: 12px 10px 8px; }
  .chat-service-avatar { width: 46px; height: 46px; font-size: 25px; }
  .chat-service-text { padding: 13px; font-size: 14px; }
}
.feedback-entry #chatUnread { z-index: 2; right: -7px; top: -7px; min-width: 22px; height: 22px; padding: 0px 6px; border: 2px solid rgb(255, 255, 255); border-radius: 13px; box-shadow: rgba(0, 0, 0, 0.267) 0px 2px 7px; font: 800 12px / 18px sans-serif; text-align: center; }
.keyword-row .keyword { flex: 0 0 100%; text-align: center; }
.keyword-row .copy { flex: 1 1 0%; min-width: 0px; padding: 9px 8px; font-size: 12px; white-space: nowrap; }
.comment-hint .task-key { color: rgb(0, 0, 0) !important; font-weight: 900; }
.feedback-entry { position: fixed; right: 16px; bottom: 18px; z-index: 80; border: 0px; border-radius: 999px; padding: 11px 16px; background: rgb(34, 34, 34); color: rgb(255, 255, 255); font-weight: 800; box-shadow: rgba(0, 0, 0, 0.267) 0px 8px 24px; }
.feedback-mask { position: fixed; inset: 0px; z-index: 200; display: none; place-items: center; padding: 18px; background: rgba(0, 0, 0, 0.533); }
.feedback-mask.show { display: grid; }
.feedback-box { width: min(100%, 460px); max-height: 92vh; overflow: auto; padding: 22px; border-radius: 18px; background: rgb(255, 255, 255); color: rgb(34, 34, 34); box-shadow: rgba(0, 0, 0, 0.333) 0px 20px 60px; }
.feedback-head { display: flex; align-items: center; justify-content: space-between; margin-bottom: 16px; }
.feedback-head h2 { margin: 0px; font-size: 21px; }
.feedback-close { border: 0px; background: none; font-size: 26px; color: rgb(119, 119, 119); }
.feedback-box label { display: block; margin: 12px 0px 5px; font-size: 13px; font-weight: 800; }
.feedback-box input, .feedback-box select, .feedback-box textarea { width: 100%; padding: 11px 12px; border: 1px solid rgb(221, 221, 221); border-radius: 10px; background: rgb(255, 255, 255); color: rgb(34, 34, 34); font: inherit; }
.feedback-box textarea { min-height: 130px; resize: vertical; }
.feedback-actions { display: flex; gap: 10px; margin-top: 17px; }
.feedback-actions button { flex: 1 1 0%; padding: 12px; border: 0px; border-radius: 10px; font-weight: 800; }
.feedback-reset { background: rgb(238, 238, 238); color: rgb(85, 85, 85); }
.feedback-submit { background: rgb(255, 107, 0); color: rgb(255, 255, 255); }
.feedback-submit:disabled { opacity: 0.55; }
.feedback-note { margin: 14px 0px 0px; text-align: center; color: rgb(153, 153, 153); font-size: 12px; }
.chat-image-pick { position: relative; flex: 0 0 52px; height: 48px; display: flex; align-items: center; justify-content: center; gap: 2px; align-self: center; border: 1px solid rgb(199, 213, 255); border-radius: 12px; background: rgb(238, 243, 255); color: rgb(49, 93, 204); cursor: pointer; box-shadow: rgba(65, 105, 225, 0.133) 0px 2px 7px; -webkit-tap-highlight-color: transparent; touch-action: manipulation; }
.chat-image-plus { display: grid; place-items: center; width: 23px; height: 23px; border-radius: 50%; background: rgb(65, 105, 225); color: rgb(255, 255, 255); font: bold 21px / 21px sans-serif; }
.chat-image-pick small { font-size: 10px; font-weight: 700; }
.visitor-chat-form textarea { height: 48px; min-height: 48px; padding: 12px 10px; box-sizing: border-box; font-size: 13px; line-height: 22px; white-space: nowrap; overflow: hidden; }
.visitor-chat-preview { display: none; gap: 8px; overflow-x: auto; padding: 8px 14px; background: rgb(255, 255, 255); border-top: 1px solid rgb(238, 238, 238); }
.visitor-chat-preview.show { display: flex; }
.visitor-chat-preview span { position: relative; flex: 0 0 58px; }
.visitor-chat-preview img { width: 58px; height: 58px; object-fit: cover; border-radius: 8px; }
.visitor-chat-preview button { position: absolute; right: -5px; top: -5px; width: 19px; height: 19px; padding: 0px; border: 0px; border-radius: 50%; background: rgb(239, 68, 68); color: rgb(255, 255, 255); }
.visitor-msg span a { display: inline-block; margin: 7px 6px 0px 0px; }
.visitor-msg span img { display: block; max-width: 180px; max-height: 180px; border-radius: 8px; }
.visitor-chat-messages > .chat-quick { margin: -14px -14px 12px; position: static; }
.upload-zone { position: relative; display: flex; min-height: 150px; padding: 24px 15px; box-sizing: border-box; flex-direction: column; align-items: center; justify-content: center; gap: 7px; touch-action: manipulation; -webkit-tap-highlight-color: transparent; }
.upload-zone-plus { display: grid; place-items: center; width: 46px; height: 46px; border-radius: 50%; background: rgb(247, 220, 229); color: rgb(156, 73, 99); font: bold 36px / 42px sans-serif; }
.upload-zone small { display: block; }
.upload-zone input[type="file"] { z-index: 3; cursor: pointer; font-size: 100px; display: block !important; position: absolute !important; inset: 0px !important; width: 100% !important; height: 100% !important; margin: 0px !important; padding: 0px !important; opacity: 0.001 !important; }
.upload-zone > span, .upload-zone > small { pointer-events: none; }
@media (max-width: 360px) {
  .visitor-chat-form { gap: 6px; padding-left: 8px; padding-right: 8px; }
  .chat-image-pick { flex-basis: 47px; }
  .visitor-chat-form button { flex-basis: 56px; }
  .visitor-chat-form textarea { font-size: 12px; padding-left: 8px; padding-right: 8px; }
}
.feedback-entry { right: 0px; bottom: 35%; width: 50px; border-radius: 12px 0px 0px 12px; padding: 12px 9px; background: rgb(65, 105, 225); display: none; gap: 7px; justify-items: center; }
.channel-mode .feedback-entry { display: grid; z-index: 120; }
.feedback-entry span { font-size: 17px; line-height: 1.35; writing-mode: vertical-rl; letter-spacing: 3px; }
.feedback-entry b { font-size: 20px; }
.feedback-entry i { display: none; position: absolute; right: 3px; top: 3px; min-width: 18px; height: 18px; padding: 1px 5px; border-radius: 12px; background: rgb(255, 34, 51); color: rgb(255, 255, 255); font: 700 11px / 16px sans-serif; }
.feedback-entry i.show { display: block; }
.chat-box { width: min(100%, 480px); padding: 0px; overflow: hidden; display: flex; flex-direction: column; max-height: calc(100dvh - 20px); }
.feedback-head { flex: 0 0 auto; padding: 17px 18px; margin: 0px; border-bottom: 1px solid rgb(238, 238, 238); }
.feedback-head small { color: rgb(153, 153, 153); }
.feedback-head .online { color: rgb(22, 163, 74); }
.feedback-head .offline { color: rgb(153, 153, 153); }
.chat-quick { flex: 0 0 auto; display: flex; gap: 7px; padding: 10px 14px; overflow: auto; background: rgb(247, 248, 250); }
.chat-quick button { white-space: nowrap; border: 1px solid rgb(219, 228, 255); border-radius: 18px; padding: 7px 10px; background: rgb(255, 255, 255); color: rgb(65, 105, 225); }
.visitor-chat-messages { height: 360px; min-height: 0px; overflow: auto; padding: 14px; background: rgb(245, 246, 248); }
.chat-welcome { text-align: center; color: rgb(136, 136, 136); font-size: 13px; }
.visitor-msg { display: flex; flex-direction: column; align-items: flex-end; margin: 9px 0px; }
.visitor-msg span { max-width: 78%; padding: 9px 12px; border-radius: 13px; background: rgb(65, 105, 225); color: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.067) 0px 1px 3px; white-space: pre-wrap; }
.visitor-msg.admin { align-items: flex-start; }
.visitor-msg.admin span { background: rgb(255, 255, 255); color: rgb(34, 34, 34); }
.visitor-msg.auto span b { font-size: 11px; color: rgb(65, 105, 225); }
.visitor-msg time { margin: 3px 5px; color: rgb(170, 170, 170); font-size: 10px; }
.visitor-chat-form { position: sticky; bottom: 0px; z-index: 2; flex: 0 0 auto; display: flex; gap: 9px; padding: 12px calc(12px + env(safe-area-inset-right)) calc(12px + env(safe-area-inset-bottom)); background: rgb(255, 255, 255); }
.visitor-chat-form textarea { flex: 1 1 0%; min-width: 0px; min-height: 48px; max-height: 90px; resize: none; }
.visitor-chat-form button { flex: 0 0 72px; border: 0px; border-radius: 10px; background: rgb(65, 105, 225); color: rgb(255, 255, 255); font-weight: 800; }
@media (max-width: 520px) {
  .feedback-entry { bottom: 26%; }
  .feedback-mask { padding: 10px; align-items: end; }
  .chat-box { width: 100%; height: calc(100dvh - 20px); }
  .visitor-chat-messages { flex: 1 1 0%; height: auto; }
}
.visitor-chat-messages > * { position: static !important; }
.visitor-chat-messages > .chat-quick { display: none !important; }
.chat-service-bubble > .chat-quick { display: grid !important; position: static !important; }
.chat-image-pick { flex-basis: 48px; gap: 0px; }
.chat-image-pick small { display: none; }
.chat-image-plus { width: 30px; height: 30px; font-size: 27px; line-height: 30px; }
@media (max-width: 700px) {
  .channel-home { place-items: start center; padding: 56px 10px 10px; }
  .channel-home::before { top: 6px; width: calc(100% - 20px); min-height: 42px; padding: 7px 12px; border-radius: 11px; font-size: 11px; line-height: 1.35; }
  .channel-panel { width: min(360px, 100%); margin: 0px auto; padding: 15px 14px 17px; border-radius: 24px; }
  .channel-spark { width: 40px; height: 34px; margin-bottom: 4px; font-size: 31px; line-height: 34px; }
  .channel-panel h1 { margin-bottom: 9px; font-size: 21px; }
  .channel-tip { margin-bottom: 8px; padding: 5px 8px; font-size: 12px; }
  .channel-tip b { font-size: 14px; }
  .channel-panel > .proof { margin: 5px auto 9px; padding: 5px 12px; font-size: 11px; }
  .channel-panel > .proof b { font-size: 14px; }
  .channel-card { padding: 13px 14px 14px; border-radius: 19px; }
  .channel-card + .channel-card { margin-top: 10px; }
  .channel-card h2 { margin-bottom: 3px; font-size: 19px; }
  .channel-card p { margin-bottom: 9px; font-size: 11px; line-height: 1.4; }
  .channel-button { min-height: 42px; font-size: 15px; }
}
.upload-zone input[type="file"] { display: block !important; position: static !important; inset: auto !important; width: 100% !important; height: auto !important; margin: 12px 0px 0px !important; padding: 10px !important; opacity: 1 !important; font-size: 16px !important; color: rgb(125, 101, 113) !important; background: rgb(255, 255, 255) !important; border: 1px solid rgb(238, 221, 228) !important; border-radius: 10px !important; }
.upload-picker-button { display: flex; min-height: 96px; width: 100%; box-sizing: border-box; flex-direction: column; align-items: center; justify-content: center; gap: 8px; cursor: pointer; }
.upload-zone > small { pointer-events: auto !important; }
.feedback-entry{display:grid!important}.claim-choice-icon{display:none}
.feedback-entry{position:fixed!important;right:0!important;bottom:35%!important;width:50px!important;height:auto!important;border-radius:12px 0 0 12px!important;padding:12px 9px!important;gap:7px!important;background:#4169e1!important}.feedback-entry span{writing-mode:vertical-rl!important;letter-spacing:3px!important;font-size:17px!important}.feedback-entry b{font-size:20px!important}@media(max-width:520px){.feedback-entry{bottom:26%!important}}