.lj-head{margin: 6px 0px 16px}
.lj-head .page-title{margin: 0px 0px 6px}
.lj-lead{margin: 0px;color: rgb(75, 85, 99);font-size: 15.5px;line-height: 1.6;max-width: 820px}
.lj-count{display: inline-block;margin-top: 10px;padding: 5px 12px;border-radius: 99px;background: rgb(243, 244, 246);font-size: 13.5px;color: rgb(55, 65, 81)}
.lj-count b{color: rgb(17, 24, 39)}
.jc-grid{display: grid;grid-template-columns: repeat(3, minmax(0px, 1fr));gap: 14px;margin: 6px 0px 18px}
.jc{position: relative;min-width: 0px;display: flex;flex-direction: column;padding: 12px 14px;border: 1px solid rgb(218, 220, 224);border-radius: 8px;background: rgb(255, 255, 255);font-family: Roboto, system-ui, -apple-system, "Segoe UI", sans-serif;transition: box-shadow 0.2s, border-color 0.2s}
.jc:hover{border-color: rgb(196, 199, 204);box-shadow: rgba(16, 24, 40, 0.08) 0px 4px 14px}
.jc-link{position: absolute;inset: 0px;z-index: 1;border-radius: 8px}
.jc-link:focus-visible{outline: 2px solid var(--gc-accent,#0c6878);outline-offset: 2px}
.jc-share{position: absolute;top: 10px;right: 10px;z-index: 2;width: 30px;height: 30px;padding: 0px;border: 0px;border-radius: 50%;background: none;color: rgb(32, 33, 36);cursor: pointer;display: grid;place-items: center}
.jc-share:hover{background: rgb(241, 243, 244)}
.jc-share svg{width: 20px;height: 20px;fill: currentcolor}
.jc-top{display: flex;gap: 12px;align-items: center;padding-right: 30px}
.jc-logo{flex-shrink: 0;width: 50px;height: 50px;border: 1px solid rgb(232, 234, 237);border-radius: 6px;background: rgb(255, 255, 255);display: grid;place-items: center;overflow: hidden}
.jc-logo img{width: 100%;height: 100%;object-fit: contain}
.jc-head{min-width: 0px;flex: 1 1 0%}
.jc .jc-title{margin: 0px;font-size: 17px;font-weight: 700;line-height: 1.3;color: rgb(32, 33, 36);overflow: hidden;text-overflow: ellipsis;white-space: nowrap}
.jc-org{display: block;margin-top: 3px;font-size: 15px;color: rgb(32, 33, 36);overflow: hidden;text-overflow: ellipsis;white-space: nowrap}
.jc-info{display: grid;grid-template-columns: 1fr 1fr;gap: 6px 14px;margin: 10px 0px 0px}
.jc-i{display: flex;align-items: center;gap: 7px;min-width: 0px;font-size: 13.5px;color: rgb(60, 64, 67)}
.jc-i svg{flex-shrink: 0;width: 15px;height: 15px;fill: rgb(128, 134, 139)}
.jc-i span{overflow: hidden;text-overflow: ellipsis;white-space: nowrap}
.jc-foot{display: flex;align-items: center;justify-content: space-between;gap: 10px;margin-top: auto;padding-top: 9px;border-top: 1px dashed rgb(218, 220, 224);font-size: 14px;color: rgb(60, 64, 67)}
.jc-info + .jc-foot{margin-top: 10px}
.jc-top + .jc-foot{margin-top: 12px}
.jc-last, .jc-ago{white-space: nowrap}
.jc-last b{color: rgb(197, 34, 31);font-weight: 700}
.jc-chips{display: flex;gap: 8px;overflow-x: auto;margin: 4px 0px 14px;padding-bottom: 2px;scrollbar-width: none}
.jc-chips::-webkit-scrollbar{display: none}
.jc-chips button{flex-shrink: 0;padding: 6px 14px;border: 1px solid rgb(218, 220, 224);border-radius: 99px;background: rgb(255, 255, 255);color: rgb(60, 64, 67);font: 500 14px / 1.2 Roboto, system-ui, sans-serif;cursor: pointer}
.jc-chips button.on{background: var(--gc-accent,#0c6878);border-color: var(--gc-accent,#0c6878);color: rgb(255, 255, 255)}
@media (max-width: 1024px){.jc-grid{grid-template-columns: repeat(2, minmax(0px, 1fr))}
}
@media (max-width: 640px){.jc-foot{font-size: 13px;gap: 6px}
.jc-grid{grid-template-columns: minmax(0px, 1fr);gap: 12px}
.jc .jc-title{font-size: 16px}
.jc-org{font-size: 14px}
}
.hf{max-width: var(--nb-container,1200px);margin: 46px auto 20px;padding: 0px 16px;display: grid;grid-template-columns: minmax(0px, 1fr) minmax(0px, 1.7fr);gap: 36px;align-items: start;box-sizing: border-box}
.hf-intro{position: sticky;top: 90px;padding: 28px 26px;border-radius: 18px;background: linear-gradient(160deg,color-mix(in srgb,var(--gc-accent,#0c6878) 9%,#fff),#fff);border: 1px solid color-mix(in srgb,var(--gc-accent,#0c6878) 16%,#fff)}
.hf-badge{display: inline-flex;align-items: center;gap: 6px;padding: 5px 11px;border-radius: 99px;background: var(--gc-accent,#0c6878);color: rgb(255, 255, 255);font-size: 12px;font-weight: 700;letter-spacing: 0.04em;text-transform: uppercase}
.hf-badge svg{width: 14px;height: 14px;fill: currentcolor}
.hf .hf-h2{margin: 14px 0px 10px;font-size: 28px;line-height: 1.25;font-weight: 800;color: var(--text-primary,#111827)}
.hf-sub{margin: 0px 0px 20px;color: rgb(75, 85, 99);font-size: 15px;line-height: 1.6}
.hf-help{display: flex;align-items: center;gap: 12px;padding-top: 18px;border-top: 1px dashed color-mix(in srgb,var(--gc-accent,#0c6878) 25%,#fff)}
.hf-help span{font-size: 14px;color: rgb(55, 65, 81);line-height: 1.4}
.hf-help b{display: block;color: rgb(17, 24, 39)}
.hf-btn{margin-left: auto;flex-shrink: 0;display: inline-flex;align-items: center;gap: 6px;padding: 10px 16px;border-radius: 10px;background: var(--gc-accent,#0c6878);font-size: 14px;font-weight: 700;transition: filter 0.15s, transform 0.15s;color: rgb(255, 255, 255) !important}
.hf-btn:hover{filter: brightness(1.08);transform: translateY(-1px)}
.hf-list{display: flex;flex-direction: column;gap: 12px}
.hf-item{border: 1px solid rgb(229, 231, 235);border-radius: 14px;background: rgb(255, 255, 255);transition: border-color 0.2s, box-shadow 0.2s}
.hf-item[open]{border-color: color-mix(in srgb,var(--gc-accent,#0c6878) 45%,#fff);box-shadow: rgba(16, 24, 40, 0.07) 0px 10px 26px}
.hf-item summary{list-style: none;display: flex;align-items: center;gap: 14px;padding: 16px 18px;cursor: pointer;font-size: 16px;font-weight: 700;line-height: 1.45;color: rgb(17, 24, 39)}
.hf-item summary::-webkit-details-marker{display: none}
.hf-item summary:focus-visible{outline: 2px solid var(--gc-accent,#0c6878);outline-offset: 2px;border-radius: 14px}
.hf-num{flex-shrink: 0;width: 32px;height: 32px;border-radius: 10px;display: grid;place-items: center;background: color-mix(in srgb,var(--gc-accent,#0c6878) 10%,#fff);color: var(--gc-accent,#0c6878);font-size: 13px;font-weight: 800}
.hf-item[open] .hf-num{background: var(--gc-accent,#0c6878);color: rgb(255, 255, 255)}
.hf-q{flex: 1 1 0%;min-width: 0px}
.hf-pm{position: relative;flex-shrink: 0;width: 28px;height: 28px;border-radius: 50%;background: rgb(243, 244, 246);transition: background 0.2s, transform 0.25s}
.hf-pm::before, .hf-pm::after{content: "";position: absolute;left: 50%;top: 50%;width: 12px;height: 2px;margin: -1px 0px 0px -6px;border-radius: 2px;background: rgb(55, 65, 81);transition: transform 0.25s, background 0.2s}
.hf-pm::after{transform: rotate(90deg)}
.hf-item[open] .hf-pm{background: var(--gc-accent,#0c6878);transform: rotate(180deg)}
.hf-item[open] .hf-pm::before, .hf-item[open] .hf-pm::after{background: rgb(255, 255, 255)}
.hf-item[open] .hf-pm::after{transform: rotate(0deg)}
.hf-a{padding: 0px 18px 18px 64px;color: rgb(75, 85, 99);font-size: 15px;line-height: 1.7}
.hf-a p{margin: 0px 0px 0.6em}
.hf-a p:last-child{margin: 0px}
.hf-a a{color: var(--gc-accent,#0c6878)}
@media (max-width: 900px){.hf{grid-template-columns: 1fr;gap: 20px;margin-top: 34px}
.hf-intro{position: static;padding: 22px 20px}
.hf .hf-h2{font-size: 23px}
}
@media (max-width: 520px){.hf-item summary{padding: 14px;gap: 11px;font-size: 15px}
.hf-num{width: 28px;height: 28px;font-size: 12px}
.hf-a{padding: 0px 14px 16px 53px;font-size: 14.5px}
.hf-help{flex-wrap: wrap}
.hf-btn{margin-left: 0px}
}