/* roulang page: index */
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth}
:root{
  --moonblue:#2b57d6;
  --peachsun:#d97a0b;
  --cloudbg:#f5f8ff;
  --papercard:#ffffff;
  --inkdeep:#111c33;
  --inksoft:#5b6a86;
  --edgeline:#e3e9f6;
  --radsoft:16px;
  --shdsoft:0 8px 24px rgba(23,42,84,.07);
  --sepgap:clamp(46px,6vw,76px);
}
body{margin:0;background:var(--cloudbg);color:var(--inkdeep);font-family:"PingFang SC","Hiragino Sans GB","Microsoft YaHei",system-ui,-apple-system,"Segoe UI",sans-serif;font-size:15px;line-height:1.75;-webkit-font-smoothing:antialiased}
h1,h2,h3,p,ul,ol,figure{margin:0}
ul,ol{padding:0;list-style:none}
img{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
a:focus-visible,button:focus-visible{outline:3px solid rgba(43,87,214,.45);outline-offset:3px;border-radius:8px}
.hicwozk-wrap{width:100%;max-width:1160px;margin:0 auto;padding:0 18px}

/* 顶栏 */
.hicwozk-top{position:sticky;top:0;z-index:30;background:rgba(255,255,255,.94);backdrop-filter:blur(12px);border-bottom:1px solid var(--edgeline)}
.hicwozk-topin{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 20px;padding:10px 18px;min-height:66px}
.hicwozk-brand{display:flex;align-items:center;gap:10px;flex:0 0 auto;min-height:44px}
.hicwozk-mark{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;font-size:17px;font-weight:800;color:#4a2a00;background:linear-gradient(135deg,#ffcf70,#f0a02a);box-shadow:0 8px 18px rgba(224,148,30,.32)}
.hicwozk-brandtxt{font-size:16px;font-weight:700;letter-spacing:.02em}
.hicwozk-nav{display:flex;gap:4px;width:100%;order:3;overflow-x:auto;scrollbar-width:none}
.hicwozk-nav::-webkit-scrollbar{display:none}
.hicwozk-navlink{display:inline-flex;align-items:center;min-height:44px;padding:0 13px;border-radius:10px;font-size:14px;color:var(--inksoft);white-space:nowrap;transition:color .16s ease,background .16s ease}
.hicwozk-navlink:hover{color:var(--moonblue);background:#eef3ff}
.hicwozk-navlink.is-on{color:var(--moonblue);background:#e9f0ff;font-weight:600}

/* 首屏 */
.hicwozk-hero{padding:38px 0 46px;background:linear-gradient(178deg,#eaf1ff 0%,#f6f9ff 58%,var(--cloudbg) 100%)}
.hicwozk-heroin{display:grid;grid-template-columns:1fr;gap:28px;align-items:center}
.hicwozk-kicker{display:inline-flex;align-items:center;gap:8px;padding:6px 13px;border-radius:999px;background:#e4edff;color:var(--moonblue);font-size:13px;font-weight:600;letter-spacing:.06em}
.hicwozk-hero h1{margin:16px 0 14px;font-size:clamp(30px,7.2vw,52px);line-height:1.18;letter-spacing:-.015em}
.hicwozk-hero h1 em{font-style:normal;color:var(--peachsun)}
.hicwozk-lede{font-size:15px;line-height:1.95;color:var(--inksoft);max-width:600px}
.hicwozk-checks{display:grid;grid-template-columns:1fr;gap:9px;margin:22px 0 26px}
.hicwozk-checks li{position:relative;padding-left:28px;font-size:14px;color:#40506e;line-height:1.7}
.hicwozk-checks li::before{content:"✓";position:absolute;left:0;top:4px;width:19px;height:19px;border-radius:50%;background:#e6efff;color:var(--moonblue);font-size:12px;font-weight:700;display:grid;place-items:center}
.hicwozk-herobtn{display:flex;flex-wrap:wrap;gap:12px}
.hicwozk-btn{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 24px;border-radius:12px;font-size:15px;font-weight:600;border:1px solid transparent;cursor:pointer;transition:transform .18s ease,background .18s ease,box-shadow .18s ease}
.hicwozk-btn-main{background:var(--moonblue);color:#fff;box-shadow:0 10px 22px rgba(43,87,214,.26)}
.hicwozk-btn-main:hover{background:#1f45b8;transform:translateY(-2px)}
.hicwozk-btn-line{background:#fff;color:var(--moonblue);border-color:#c8d7f9}
.hicwozk-btn-line:hover{background:#eef3ff;transform:translateY(-2px)}
.hicwozk-heroart{position:relative;border-radius:22px;overflow:hidden;aspect-ratio:16/11;background:#dae4f8;box-shadow:0 22px 46px rgba(23,42,84,.16)}
.hicwozk-heroart img{width:100%;height:100%;object-fit:cover}

/* 板块通用 */
.hicwozk-sec{padding:var(--sepgap) 0;scroll-margin-top:88px}
.hicwozk-band{background:#fff;border-top:1px solid var(--edgeline);border-bottom:1px solid var(--edgeline)}
.hicwozk-head{max-width:740px;margin-bottom:28px}
.hicwozk-head h2{font-size:clamp(21px,4.2vw,30px);line-height:1.35;letter-spacing:-.01em}
.hicwozk-head h2::before{content:"";display:block;width:38px;height:4px;border-radius:3px;background:var(--peachsun);margin-bottom:14px}
.hicwozk-head p{margin-top:12px;font-size:14.5px;line-height:1.9;color:var(--inksoft)}

/* 功能亮点 */
.hicwozk-feats{display:grid;grid-template-columns:1fr;gap:16px}
.hicwozk-feat{background:#fff;border:1px solid var(--edgeline);border-radius:var(--radsoft);padding:20px 18px;box-shadow:var(--shdsoft)}
.hicwozk-featico{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:#eef3ff;color:var(--moonblue);font-weight:800;font-size:14px;margin-bottom:12px}
.hicwozk-feat h3{font-size:15.5px;margin-bottom:7px}
.hicwozk-feat p{font-size:14px;line-height:1.8;color:var(--inksoft)}

/* 场景 */
.hicwozk-scenes{display:grid;grid-template-columns:1fr;gap:16px}
.hicwozk-scene{background:#fff;border:1px solid var(--edgeline);border-left:4px solid var(--peachsun);border-radius:0 14px 14px 0;padding:18px;box-shadow:var(--shdsoft)}
.hicwozk-scene h3{font-size:15px;margin-bottom:6px}
.hicwozk-scene p{font-size:14px;line-height:1.8;color:var(--inksoft)}

/* 状态 */
.hicwozk-stages{display:grid;grid-template-columns:1fr;gap:16px}
.hicwozk-stage{background:#fff;border:1px solid var(--edgeline);border-radius:var(--radsoft);padding:20px;box-shadow:var(--shdsoft)}
.hicwozk-stage span{display:inline-block;margin-bottom:11px;padding:3px 11px;border-radius:999px;font-size:12.5px;font-weight:600}
.hicwozk-badge-live{background:#e7f0ff;color:#24479f}
.hicwozk-badge-over{background:#e6f6ee;color:#1c6b45}
.hicwozk-badge-soon{background:#fdf0dd;color:#a15a06}
.hicwozk-stage p{font-size:14px;line-height:1.8;color:var(--inksoft)}

/* 卡片墙 */
.hicwozk-cards{display:grid;grid-template-columns:1fr;gap:18px}
.hicwozk-card{background:#fff;border:1px solid var(--edgeline);border-radius:var(--radsoft);overflow:hidden;box-shadow:var(--shdsoft);transition:transform .18s ease,box-shadow .18s ease}
.hicwozk-card:hover{transform:translateY(-4px);box-shadow:0 18px 36px rgba(23,42,84,.13)}
.hicwozk-poster{position:relative;aspect-ratio:3/4;background:#dde6f8;overflow:hidden}
.hicwozk-poster img{width:100%;height:100%;object-fit:cover}
.hicwozk-tag{position:absolute;top:10px;left:10px;padding:3px 10px;border-radius:999px;background:rgba(17,28,51,.74);color:#fff;font-size:12px;letter-spacing:.02em}
.hicwozk-tag-alt{background:rgba(217,122,11,.9)}
.hicwozk-cardtxt{padding:14px 15px 16px}
.hicwozk-cardtxt h3{font-size:15.5px;line-height:1.42;margin-bottom:6px}
.hicwozk-cardtxt p{font-size:14px;line-height:1.7;color:var(--inksoft)}

/* 专题 */
.hicwozk-topics{display:grid;grid-template-columns:1fr;gap:14px}
.hicwozk-topic{display:flex;gap:15px;align-items:flex-start;background:#fff;border:1px solid var(--edgeline);border-radius:14px;padding:18px;box-shadow:var(--shdsoft)}
.hicwozk-topicno{font-size:22px;font-weight:800;line-height:1.1;color:#c9d8f7;flex:0 0 auto}
.hicwozk-topic h3{font-size:15px;margin-bottom:5px}
.hicwozk-topic p{font-size:14px;line-height:1.75;color:var(--inksoft)}

/* 口碑 */
.hicwozk-voices{display:grid;grid-template-columns:1fr;gap:16px}
.hicwozk-voice{background:#fff;border:1px solid var(--edgeline);border-radius:var(--radsoft);padding:19px;box-shadow:var(--shdsoft)}
.hicwozk-voice p{font-size:14px;line-height:1.85;color:#26334d}
.hicwozk-voice span{display:block;margin-top:12px;font-size:13px;color:var(--inksoft)}

/* 类型专区 */
.hicwozk-types{display:grid;grid-template-columns:1fr;gap:16px}
.hicwozk-type{background:#fff;border:1px solid var(--edgeline);border-radius:var(--radsoft);padding:19px;box-shadow:var(--shdsoft)}
.hicwozk-type h3{font-size:15px;margin-bottom:13px;padding-left:11px;border-left:3px solid var(--peachsun);line-height:1.3}
.hicwozk-chips{display:flex;flex-wrap:wrap;gap:8px}
.hicwozk-chips span{display:inline-flex;align-items:center;min-height:32px;padding:4px 12px;border-radius:999px;font-size:13.5px;color:#39486a;background:#f0f4ff;border:1px solid #e2e9fb}

/* 榜单 */
.hicwozk-rank{background:#fff;border:1px solid var(--edgeline);border-radius:var(--radsoft);overflow:hidden;box-shadow:var(--shdsoft)}
.hicwozk-rank li{display:flex;align-items:center;flex-wrap:wrap;gap:8px 12px;padding:13px 16px;border-bottom:1px solid #eef2fa;min-height:56px}
.hicwozk-rank li:last-child{border-bottom:0}
.hicwozk-rankno{width:30px;flex:0 0 auto;font-size:16px;font-weight:800;color:#b9c7e6}
.hicwozk-rank li:nth-child(-n+3) .hicwozk-rankno{color:var(--peachsun)}
.hicwozk-rankname{flex:1 1 150px;font-size:14.5px;line-height:1.5}
.hicwozk-rankmeta{padding:2px 10px;border-radius:999px;background:#f1f5ff;color:#4a5a7c;font-size:12.5px;white-space:nowrap}
.hicwozk-rankheat{padding:2px 10px;border-radius:999px;background:#fff4e5;color:#a15a06;font-size:12.5px;white-space:nowrap}

/* 资讯 */
.hicwozk-news{display:grid;grid-template-columns:1fr;gap:16px;margin-bottom:20px}
.hicwozk-newscard{display:grid;grid-template-columns:104px 1fr;background:#fff;border:1px solid var(--edgeline);border-radius:14px;overflow:hidden;box-shadow:var(--shdsoft)}
.hicwozk-newsthumb{overflow:hidden}
.hicwozk-newsthumb img{width:100%;height:100%;min-height:110px;object-fit:cover}
.hicwozk-newstxt{padding:12px 14px}
.hicwozk-newstxt h3{font-size:14.5px;line-height:1.45;margin-bottom:6px}
.hicwozk-newstxt p{font-size:14px;line-height:1.65;color:var(--inksoft)}
.hicwozk-newstxt em{display:inline-block;margin-top:8px;padding:2px 10px;border-radius:999px;background:#eef3ff;color:var(--moonblue);font-style:normal;font-size:12.5px}
.hicwozk-newslist li{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:14px 2px;border-bottom:1px dashed #dde5f4;font-size:14px}
.hicwozk-newslist li:last-child{border-bottom:0}
.hicwozk-newslist em{font-style:normal;font-size:13px;color:var(--inksoft);flex:0 0 auto}

/* 问答 */
.hicwozk-faq{display:grid;grid-template-columns:1fr;gap:14px}
.hicwozk-qa{background:#fff;border:1px solid var(--edgeline);border-radius:14px;padding:19px;box-shadow:var(--shdsoft)}
.hicwozk-qa h3{font-size:15px;margin-bottom:8px}
.hicwozk-qa p{font-size:14px;line-height:1.85;color:var(--inksoft)}

/* 收口 */
.hicwozk-cta{position:relative;border-radius:22px;overflow:hidden;padding:clamp(30px,5.5vw,58px) clamp(20px,4vw,48px);color:#fff;text-align:center;box-shadow:0 20px 46px rgba(16,32,70,.2)}
.hicwozk-cta img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0}
.hicwozk-ctamask{position:absolute;inset:0;z-index:1;background:linear-gradient(120deg,rgba(12,24,52,.88),rgba(24,50,116,.74))}
.hicwozk-ctain{position:relative;z-index:2;max-width:640px;margin:0 auto}
.hicwozk-cta h2{font-size:clamp(20px,4vw,28px);margin-bottom:12px;line-height:1.4}
.hicwozk-cta p{font-size:14.5px;line-height:1.9;color:#dbe4f8}
.hicwozk-cta .hicwozk-btn{margin-top:22px;background:#fff;color:#1b3880;box-shadow:0 12px 26px rgba(0,0,0,.24)}
.hicwozk-cta .hicwozk-btn:hover{background:#f1f5ff;transform:translateY(-2px)}

/* 页脚 */
.hicwozk-foot{background:#0d1730;color:#b9c5dd;padding:52px 0 0;margin-top:12px}
.hicwozk-footgrid{display:grid;grid-template-columns:1fr;gap:30px;padding-bottom:34px}
.hicwozk-footcol h3{font-size:14px;color:#fff;margin-bottom:14px;letter-spacing:.05em}
.hicwozk-footcol p{font-size:14px;line-height:1.9;color:#a4b2cd}
.hicwozk-footcol li{margin-bottom:4px}
.hicwozk-footcol a{display:inline-flex;align-items:center;min-height:44px;font-size:14px;color:#b9c5dd;transition:color .16s ease}
.hicwozk-footcol a:hover{color:#fff}
.hicwozk-foottags{display:flex;flex-wrap:wrap;gap:8px}
.hicwozk-foottags span{display:inline-flex;align-items:center;min-height:32px;padding:3px 11px;border-radius:999px;background:rgba(255,255,255,.07);font-size:13.5px;color:#b9c5dd}
.hicwozk-copy{border-top:1px solid rgba(255,255,255,.09);padding:18px 0;text-align:center;font-size:13.5px;color:#8c9bb8}

@media(min-width:520px){
  .hicwozk-cards{grid-template-columns:repeat(2,1fr)}
  .hicwozk-feats{grid-template-columns:repeat(2,1fr)}
  .hicwozk-news{grid-template-columns:repeat(2,1fr)}
}
@media(min-width:768px){
  .hicwozk-nav{width:auto;order:0;overflow:visible}
  .hicwozk-hero{padding:56px 0 64px}
  .hicwozk-heroin{grid-template-columns:1.05fr .95fr;gap:40px}
  .hicwozk-checks{grid-template-columns:1fr 1fr}
  .hicwozk-cards{grid-template-columns:repeat(3,1fr)}
  .hicwozk-scenes{grid-template-columns:repeat(2,1fr)}
  .hicwozk-stages{grid-template-columns:repeat(3,1fr)}
  .hicwozk-topics{grid-template-columns:repeat(3,1fr)}
  .hicwozk-voices{grid-template-columns:repeat(2,1fr)}
  .hicwozk-types{grid-template-columns:repeat(2,1fr)}
  .hicwozk-news{grid-template-columns:repeat(3,1fr)}
  .hicwozk-faq{grid-template-columns:repeat(2,1fr)}
  .hicwozk-footgrid{grid-template-columns:repeat(2,1fr)}
}
@media(min-width:1024px){
  .hicwozk-feats{grid-template-columns:repeat(4,1fr)}
  .hicwozk-types{grid-template-columns:repeat(4,1fr)}
  .hicwozk-footgrid{grid-template-columns:1.4fr 1fr 1fr 1.2fr;gap:36px}
  .hicwozk-head{margin-bottom:34px}
}
@media(max-width:519px){
  .hicwozk-herobtn .hicwozk-btn{flex:1 1 100%}
  .hicwozk-newscard{grid-template-columns:92px 1fr}
}