/* roulang page: index */
:root{
  --c-primary:#1F4E9C;
  --c-primary-600:#2E6BD6;
  --c-green:#4FA65B;
  --c-green-soft:#7CC26A;
  --c-orange:#E8892B;
  --c-bg:#F6F8FB;
  --c-bg-alt:#EEF3FA;
  --c-card:#FFFFFF;
  --c-text:#0F1B2D;
  --c-text-2:#55667C;
  --c-text-3:#8A99AC;
  --c-line:#E4EAF2;
  --radius-card:16px;
  --shadow-card:0 4px 20px rgba(21,51,102,0.08);
  --shadow-hover:0 10px 28px rgba(21,51,102,0.14);
}
*,*::before,*::after{box-sizing:border-box;}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;}
body{
  margin:0;
  font-family:system-ui,-apple-system,"PingFang SC","Microsoft YaHei","Noto Sans SC",sans-serif;
  background:var(--c-bg);
  color:var(--c-text);
  line-height:1.7;
  -webkit-font-smoothing:antialiased;
}
img{max-width:100%;display:block;}
a{color:inherit;text-decoration:none;}
button,input,select,textarea{font:inherit;color:inherit;}
.tabular{font-variant-numeric:tabular-nums;}
.bar{transform-origin:left center;animation:barGrow .9s cubic-bezier(.22,.61,.36,1) both;}
@keyframes barGrow{from{transform:scaleX(0);}to{transform:scaleX(1);}}
.faq-panel{max-height:0;overflow:hidden;transition:max-height .32s ease;}
.faq-panel.open{max-height:420px;}
::-webkit-scrollbar{width:10px;height:10px;}
::-webkit-scrollbar-track{background:#EEF3FA;}
::-webkit-scrollbar-thumb{background:#C6D3E5;border-radius:8px;}
::-webkit-scrollbar-thumb:hover{background:#A9BAD2;}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--c-primary);outline-offset:2px;}
@media (max-width:1023px){
  .mobile-bottom-bar{display:flex;}
}

/* roulang page: category1 */
:root{
 --c-primary:#1F4E9C;
 --c-primary-600:#2E6BD6;
 --c-green:#4FA65B;
 --c-green-soft:#7CC26A;
 --c-orange:#E8892B;
 --c-bg:#F6F8FB;
 --c-bg-alt:#EEF3FA;
 --c-card:#FFFFFF;
 --c-text:#0F1B2D;
 --c-text-2:#55667C;
 --c-text-3:#8A99AC;
 --c-line:#E4EAF2;
 --radius-card:16px;
 --shadow-card:0 4px 20px rgba(21,51,102,0.08);
 --shadow-hover:0 10px 28px rgba(21,51,102,0.14);
}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;}
body{
 margin:0;
 font-family:system-ui,-apple-system,"PingFang SC","Microsoft YaHei","Noto Sans SC",sans-serif;
 background:var(--c-bg);
 color:var(--c-text);
 line-height:1.7;
 -webkit-font-smoothing:antialiased;
}
img{max-width:100%;display:block;}
a{color:inherit;text-decoration:none;}
h1,h2,h3,h4{margin:0;line-height:1.35;}
p{margin:0;}
ul,ol{margin:0;padding:0;list-style:none;}
button,input,select,textarea{font:inherit;color:inherit;}
.tabular{font-variant-numeric:tabular-nums;}
.faq-panel{max-height:0;overflow:hidden;transition:max-height .32s ease;}
.faq-panel.open{max-height:520px;}
.score-track{height:8px;border-radius:999px;background:#E9EFF8;overflow:hidden;}
.score-fill{height:100%;border-radius:999px;background:linear-gradient(90deg,#2E6BD6 0%,#1F4E9C 62%,#4FA65B 100%);}
.chip{
 display:inline-flex;align-items:center;gap:6px;
 padding:7px 15px;border-radius:999px;border:1px solid var(--c-line);
 background:#FFFFFF;color:var(--c-text-2);font-size:13px;font-weight:600;
 cursor:pointer;transition:all .18s ease;white-space:nowrap;
}
.chip:hover{border-color:rgba(31,78,156,.35);color:var(--c-primary);background:#EEF3FA;}
.chip.active{background:var(--c-primary);border-color:var(--c-primary);color:#FFFFFF;}
.chip:focus-visible{outline:2px solid var(--c-primary);outline-offset:2px;}
.rank-badge{
 display:inline-flex;align-items:center;justify-content:center;
 width:34px;height:34px;border-radius:10px;font-weight:700;font-size:15px;
 font-variant-numeric:tabular-nums;flex:0 0 auto;
}
.rb-1{background:#E7F4E9;color:#2F7C3C;border:1px solid #BFE3C5;}
.rb-2{background:#FDF0E1;color:#B96A16;border:1px solid #F5D3AC;}
.rb-3{background:#E7EFFB;color:#1F4E9C;border:1px solid #C3D6F2;}
.rb-n{background:#F1F4F9;color:#55667C;border:1px solid var(--c-line);}
.hero-mask{
 background-image:linear-gradient(rgba(31,78,156,.06),rgba(31,78,156,.06)),url('/assets/images/backpic/back-2.jpg');
 background-size:cover;background-position:center;
}
.alt-item:nth-child(even) .alt-media{order:2;}
.alt-item:nth-child(even) .alt-body{order:1;}
@media (max-width:1023px){
 .alt-item:nth-child(even) .alt-media{order:1;}
 .alt-item:nth-child(even) .alt-body{order:2;}
 body{padding-bottom:70px;}
}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{
 outline:2px solid var(--c-primary);outline-offset:2px;
}
select{appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M6 9l6 6 6-6' stroke='%2355667C' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
 background-repeat:no-repeat;background-position:right 12px center;padding-right:34px;}