html body.hai-page[class][class] #sidebar,html body.hai-page[class][class] .sideber{display:none!important}
html body.hai-page[class][class] #main-contents,html body.hai-page[class][class] #main-contents.a,html body.hai-page[class][class] #main-contents.main-contents{float:none!important;width:100%!important;max-width:none!important;margin-left:0!important;margin-right:0!important}
body.hai-page #contents{display:block!important}
body.hai-page .cps-post-thumb{display:none!important}

.hai{--navy:#14213d;--cu:#B87333;--blue:#1E80D8;--red:#D32B22;--green:#00874F;--orange:#C06E00;--purple:#6B45BE;--ink:#17202e;--sub:#5a6474;--line:#dfe5ee;--bg:#f4f6fa;max-width:1280px;margin:0 auto 40px;color:var(--ink);font-size:15px;line-height:1.7}
.hai *{box-sizing:border-box}
.hai button{font-family:inherit;cursor:pointer}
.hai-boot{padding:40px;text-align:center;color:#5a6474}

.hai-hero{position:relative;background:var(--navy);background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);background-size:40px 40px;border-radius:18px;overflow:hidden;color:#fff;box-shadow:0 10px 30px rgba(20,33,61,.25)}
.hai-hero:before{content:"";position:absolute;left:0;top:0;bottom:0;width:14px;background:var(--cu)}
.hai-hero__in{padding:34px 34px 30px 48px}
.hai-eb{display:inline-block;font-size:12px;font-weight:800;letter-spacing:.14em;color:#fff;background:var(--cu);padding:3px 10px;border-radius:4px}
.hai-h{font-size:34px;font-weight:900;line-height:1.3;margin:12px 0 8px;letter-spacing:.02em}
.hai-lead{color:#d9dfeb;font-size:15px;max-width:52em}
.hai-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:22px}
.hai-stat{border-radius:14px;padding:14px 16px;color:#fff;box-shadow:0 6px 16px rgba(0,0,0,.25)}
.hai-stat.s1{background:#1E80D8}.hai-stat.s2{background:#00874F}.hai-stat.s3{background:#C06E00}.hai-stat.s4{background:#D32B22}
.hai-stat__v{font-size:36px;font-weight:900;line-height:1.1;font-feature-settings:"tnum"}
.hai-stat__v small{font-size:15px;margin-left:3px;font-weight:800}
.hai-stat__l{font-size:13px;font-weight:700;opacity:.95;margin-top:4px}

.hai-bar{position:sticky;top:0;z-index:30;background:#fff;border:2px solid var(--navy);border-radius:14px;margin:18px 0 14px;padding:10px 12px;box-shadow:0 6px 18px rgba(20,33,61,.12)}
.hai-tabs{display:flex;gap:8px}
.hai-tab{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:10px;padding:10px 12px;background:#e8edf5;color:var(--navy);font-size:16px;font-weight:900}
.hai-tab span{background:#fff;color:var(--navy);border-radius:99px;font-size:12px;padding:1px 9px;font-weight:800}
.hai-tab.on{background:var(--navy);color:#fff;box-shadow:inset 0 -4px 0 var(--cu)}
.hai-tools{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:10px}
.hai-q{flex:1 1 280px;display:flex;align-items:center;gap:8px;border:2px solid #c8d2e1;border-radius:10px;padding:0 10px;background:#fff;margin:0}
.hai-q:focus-within{border-color:var(--blue)}
.hai-q svg{width:18px;height:18px;color:var(--navy);flex:none}
.hai-q input{flex:1;border:0!important;outline:0;box-shadow:none!important;font-size:15px;padding:9px 0!important;background:transparent;min-width:0;margin:0!important}
.hai select{border:2px solid #c8d2e1;border-radius:10px;padding:8px 10px;font-size:14px;background:#fff;color:var(--ink);max-width:100%;height:auto;margin:0}
.hai-seg{display:flex;border:2px solid var(--navy);border-radius:10px;overflow:hidden}
.hai-seg button{border:0;background:#fff;color:var(--navy);font-size:13px;font-weight:800;padding:8px 12px}
.hai-seg button+button{border-left:2px solid var(--navy)}
.hai-seg button.on{background:var(--navy);color:#fff}
.hai-count{margin-left:auto;font-size:14px;color:var(--sub);white-space:nowrap}
.hai-count b{font-size:22px;color:var(--navy);margin-right:2px}

.hai-head{display:grid;grid-template-columns:1fr 190px 84px 96px;gap:12px;padding:6px 16px;font-size:12px;font-weight:800;color:var(--sub)}
.hai-row{display:grid;grid-template-columns:1fr 190px 84px 96px;gap:12px;align-items:center;background:#fff;border:1px solid var(--line);border-left:6px solid var(--cc,#1E80D8);border-radius:12px;padding:12px 14px 12px 14px;margin-bottom:8px;box-shadow:0 2px 6px rgba(20,33,61,.05)}
.hai-row.open{border-color:var(--navy);border-left-color:var(--cc);box-shadow:0 8px 22px rgba(20,33,61,.14)}
.hai-row__meta{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin-bottom:3px}
.hai-cat{background:var(--cc,#1E80D8);color:#fff;font-size:11.5px;font-weight:800;border-radius:5px;padding:1px 8px;line-height:1.7}
.hai-id{font-size:11.5px;color:var(--sub);font-feature-settings:"tnum"}
.hai-sv{font-size:11.5px;font-weight:800;color:#fff;background:var(--orange);border-radius:5px;padding:1px 8px}
.hai-sv.muted{background:#8a94a6}
.hai-row__t{display:block;color:var(--ink)!important;font-weight:800;font-size:15.5px;line-height:1.5;text-decoration:none!important}
.hai-row__t:hover{color:var(--blue)!important;text-decoration:underline!important}
.hai-row__dates{font-size:13px;font-feature-settings:"tnum";color:var(--ink)}
.hai-row__dates b{display:inline-block;width:3em;font-size:11px;color:var(--sub);font-weight:800}
.hai-row__dates i{font-style:normal;color:#9aa3b2}
.hai-rc{display:inline-flex;align-items:baseline;justify-content:center;min-width:58px;border-radius:10px;padding:4px 8px;font-size:20px;font-weight:900;color:#fff;font-feature-settings:"tnum"}
.hai-rc small{font-size:11px;margin-left:2px}
.hai-rc.r0{background:#e4e8ef;color:#7b8596}.hai-rc.r1{background:#1E80D8}.hai-rc.r2{background:#00874F}.hai-rc.r3{background:#C06E00}.hai-rc.r4{background:#D32B22}
.hai-hbtn{display:inline-flex;align-items:center;gap:6px;border:2px solid var(--navy);background:#fff;color:var(--navy);border-radius:99px;padding:6px 14px;font-size:13.5px;font-weight:900}
.hai-hbtn svg{width:12px;height:12px;transition:transform .2s}
.hai-hbtn[aria-expanded=true]{background:var(--navy);color:#fff}
.hai-hbtn[aria-expanded=true] svg{transform:rotate(180deg)}
.hai-row__act{text-align:right}
.hai-detail{grid-column:1/-1;border-top:2px dashed var(--line);padding-top:12px;margin-top:4px}
.hai-dload{padding:14px;text-align:center;color:var(--sub);font-size:14px}
.hai-dload.err{color:var(--red);font-weight:700}

.hai-spark{background:var(--bg);border-radius:12px;padding:10px 14px 8px;margin-bottom:12px}
.hai-spark__h{font-size:12.5px;font-weight:900;color:var(--navy);margin-bottom:6px}
.hai-spark svg{display:block;width:100%;height:70px}
.hai-spark__ax{display:flex;justify-content:space-between;font-size:11.5px;color:var(--sub);font-feature-settings:"tnum"}
.hai-chs{list-style:none!important;margin:0!important;padding:0!important}
.hai-chs li{list-style:none!important;margin:0 0 8px!important;padding:10px 12px 10px 16px!important;border-radius:10px;background:#fff;border:1px solid var(--line);position:relative}
.hai-chs li:before{content:none!important}
.hai-ch:after{content:"";position:absolute;left:0;top:8px;bottom:8px;width:5px;border-radius:3px;background:#9aa3b2}
.hai-ch.k3:after{background:var(--red)}.hai-ch.k2:after{background:var(--orange)}.hai-ch.k1:after{background:#9aa3b2}.hai-ch.k0:after{background:var(--navy)}
.hai-ch__top{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.hai-ch__d{font-weight:900;font-size:15px;font-feature-settings:"tnum"}
.hai-ch__k{font-size:12px;font-weight:900;color:#fff;border-radius:5px;padding:1px 9px;background:#8a94a6}
.hai-ch.k3 .hai-ch__k{background:var(--red)}.hai-ch.k2 .hai-ch__k{background:var(--orange)}.hai-ch.k0 .hai-ch__k{background:var(--navy)}
.hai-ch__n{font-size:12px;color:var(--sub)}
.hai-rv{margin-left:auto;font-size:12px;font-weight:800;color:var(--blue)!important}
.hai-ch__m{display:flex;flex-wrap:wrap;gap:6px 14px;margin-top:6px;font-size:13.5px;font-feature-settings:"tnum"}
.hai-ch__m .m i{font-style:normal;font-size:11.5px;color:var(--sub);margin-right:5px;font-weight:700}
.hai-ch__m em{font-style:normal;font-weight:900;margin-left:5px;border-radius:4px;padding:0 5px;font-size:12.5px}
.hai-ch__m em.up{background:#dff3e8;color:#00703f}
.hai-ch__m em.dn{background:#fde4e2;color:#b3231b}
.hai-tchg{margin-top:6px;font-size:13px;background:#fff6e6;border-radius:8px;padding:6px 10px}
.hai-tchg b{color:var(--orange);margin-right:8px}
.hai-tchg s{color:#8a94a6;margin-right:6px}
.hai-dnote{font-size:12px;color:var(--sub);margin-top:4px}

.hai-more{display:flex;gap:10px;justify-content:center;margin:16px 0}
.hai-more button,.hai-mnav button,.hai-reset{border:0;background:var(--navy);color:#fff;font-weight:900;font-size:14px;border-radius:99px;padding:10px 22px}
.hai-more button.ghost{background:#fff;color:var(--navy);border:2px solid var(--navy)}
.hai-empty{background:#fff;border:2px dashed #c8d2e1;border-radius:12px;padding:30px;text-align:center;color:var(--sub)}
.hai-reset{margin-left:10px;padding:6px 16px}

.hai-logtop{background:#fff;border:1px solid var(--line);border-radius:14px;padding:14px 16px;margin-bottom:14px}
.hai-logtop__h{font-weight:900;color:var(--navy);font-size:14px;margin-bottom:8px}
.hai-mchart{display:grid;grid-template-columns:repeat(12,1fr);gap:6px;height:150px;align-items:end}
.hai-mbar{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;border:0;background:transparent;padding:0}
.hai-mbar .b{width:70%;max-width:44px;background:#9fc3ea;border-radius:6px 6px 0 0;transition:background .15s}
.hai-mbar .v{font-size:12px;font-weight:900;color:var(--navy);font-feature-settings:"tnum"}
.hai-mbar .l{font-size:11.5px;color:var(--sub);margin-top:4px;font-weight:700}
.hai-mbar:hover .b{background:var(--blue)}
.hai-mbar.on .b{background:var(--cu)}
.hai-mbar.on .l{color:var(--cu);font-weight:900}
.hai-months{display:flex;gap:6px;overflow-x:auto;padding:12px 0 2px;scrollbar-width:thin}
.hai-months button{flex:none;border:2px solid #c8d2e1;background:#fff;color:var(--ink);border-radius:99px;padding:4px 12px;font-size:13px;font-weight:800}
.hai-months button span{margin-left:6px;font-size:11px;color:var(--sub)}
.hai-months button.on{background:var(--cu);border-color:var(--cu);color:#fff}
.hai-months button.on span{color:#fff}
.hai-logsum{font-size:14px;color:var(--sub);margin:4px 2px 10px}
.hai-logsum b{color:var(--navy);font-size:18px}
.hai-day{margin-bottom:18px}
.hai-day__h{display:flex;align-items:center;gap:10px;background:var(--navy);color:#fff;border-radius:10px;padding:7px 14px;margin-bottom:8px;position:relative;overflow:hidden}
.hai-day__h:before{content:"";position:absolute;left:0;top:0;bottom:0;width:6px;background:var(--cu)}
.hai-day__d{font-weight:900;font-size:17px;font-feature-settings:"tnum"}
.hai-day__d small{font-size:12px;margin-left:2px;opacity:.85}
.hai-day__n{margin-left:auto;background:var(--cu);border-radius:99px;padding:1px 12px;font-size:12.5px;font-weight:900}
.hai-mnav{display:flex;justify-content:space-between;margin:14px 0}
.hai-foot{font-size:12px;color:var(--sub);margin-top:20px;padding:10px 14px;background:var(--bg);border-radius:10px}

@media (max-width:900px){
  .hai-stats{grid-template-columns:repeat(2,1fr)}
  .hai-head{display:none}
  .hai-bar{position:relative}
  .hai-row{grid-template-columns:1fr auto;grid-template-areas:"main main" "dates rev" "act act";gap:8px 10px}
  .hai-row__main{grid-area:main}
  .hai-row__dates{grid-area:dates;display:flex;flex-wrap:wrap;gap:0 14px}
  .hai-row__rev{grid-area:rev;text-align:right}
  .hai-row__act{grid-area:act;text-align:left}
  .hai-hbtn{width:100%;justify-content:center}
  .hai-detail{grid-column:1/-1}
}
@media (max-width:640px){
  .hai{font-size:14.5px}
  .hai-hero{border-radius:14px}
  .hai-hero:before{width:8px}
  .hai-hero__in{padding:22px 16px 18px 24px}
  .hai-h{font-size:25px}
  .hai-lead{font-size:13.5px}
  .hai-stats{gap:8px}
  .hai-stat{padding:10px 12px}
  .hai-stat__v{font-size:27px}
  .hai-stat__l{font-size:11.5px}
  .hai-bar{padding:8px;border-radius:12px}
  .hai-tab{font-size:14.5px;padding:8px}
  .hai-tools{gap:6px}
  .hai-q{flex-basis:100%}
  .hai-tools select{flex:1 1 45%;font-size:13px}
  .hai-seg{flex:1 1 auto}
  .hai-seg button{flex:1;padding:7px 6px;font-size:12.5px}
  .hai-count{margin-left:auto}
  .hai-row{padding:10px 10px 10px 12px}
  .hai-row__t{font-size:14.5px}
  .hai-mchart{height:120px;gap:3px}
  .hai-mbar .v{font-size:10.5px}
  .hai-mbar .l{font-size:10px}
  .hai-rv{margin-left:0}
}
.hai-mbar.none .b{background:#e4e8ef}.hai-mbar.none .v{color:#9aa3b2}
