.qtb{
--ink:#0e1635; --muted:#6b77a6;
--bg:#f4f6ff; --card:#ffffff; --bd:#e3e8ff;
--ac:#6a7eff; --ac2:#8ea2ff; --ac3:#59d1c2; --ring:rgba(106,126,255,.22);
font-family:Inter,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
color:var(--ink);
background:var(--bg);
margin:0;
padding:0;
overflow-x:hidden;
color-scheme:light;
}
.qtb .qtb-progress{
position:sticky;
top:0;
z-index:9999;
height:3px;
background:rgba(227,232,255,.8);
backdrop-filter:saturate(130%) blur(8px);
}
.qtb .qtb-progress > span{
display:block;
height:100%;
width:0%;
background:linear-gradient(90deg,var(--ac),var(--ac3));
box-shadow:0 0 0 3px rgba(106,126,255,.08);
}
.qtb .qtb-heroBleed{
position:relative;
left:50%; right:50%;
margin-left:-50vw; margin-right:-50vw;
width:100vw;
border-bottom:1px solid rgba(227,232,255,.9);
background:
radial-gradient(1100px 360px at 12% -35%, rgba(142,162,255,.34), transparent 62%),
radial-gradient(1000px 340px at 92% -35%, rgba(89,209,194,.22), transparent 62%),
radial-gradient(850px 320px at 50% 120%, rgba(106,126,255,.10), transparent 60%),
linear-gradient(180deg, rgba(255,255,255,.92), rgba(247,249,255,.92)),
linear-gradient(90deg,#eef1ff,#f8f9ff);
box-shadow:0 16px 50px rgba(106,126,255,.10);
overflow:hidden;
}
.qtb .qtb-heroBleed:before{
content:"";
position:absolute;
inset:-2px;
pointer-events:none;
background:
radial-gradient(820px 240px at 50% 0%, rgba(255,255,255,.72), transparent 60%),
linear-gradient(135deg, rgba(106,126,255,.16), rgba(142,162,255,.10), rgba(89,209,194,.08));
filter:blur(14px);
opacity:.40;
}
.qtb .qtb-heroWrap{
width:min(1320px,94%);
margin:0 auto;
position:relative;
z-index:1;
padding:14px 0 14px;
}
.qtb .qtb-heroGrid{
display:grid;
grid-template-columns:minmax(0,1fr) 340px;
gap:14px;
align-items:center;
}
.qtb .qtb-heroLeft{ min-width:0; }
.qtb .qtb-kickerRow{
display:flex;
align-items:center;
gap:8px;
flex-wrap:wrap;
margin-bottom:8px;
}
.qtb .qtb-pill{
display:inline-flex;
align-items:center;
gap:8px;
padding:7px 10px;
border-radius:999px;
background:rgba(255,255,255,.72);
border:1px solid rgba(227,232,255,.95);
box-shadow:0 10px 22px rgba(15,23,42,.06);
color:#2a3671;
font-weight:900;
font-size:.80rem;
letter-spacing:.02em;
}
.qtb .qtb-pill i{ opacity:.95; }
.qtb .qtb-title{
margin:0;
font-size:clamp(1.45rem, 2.05vw, 2.05rem);
font-weight:950;
letter-spacing:-.02em;
line-height:1.14;
color:#161d48;
background:linear-gradient(90deg,#1b2560 0%, #3b4bd6 45%, #1b2560 100%);
-webkit-background-clip:text;
background-clip:text;
-webkit-text-fill-color:transparent;
}
.qtb .qtb-desc{
margin:6px 0 0;
color:#3b4a7a;
line-height:1.62;
font-weight:650;
font-size:1rem;
max-width:70ch;
}
.qtb .qtb-metaRow{
margin-top:8px;
display:flex;
align-items:center;
justify-content:space-between;
gap:10px;
flex-wrap:wrap;
}
.qtb .qtb-meta{
display:flex;
align-items:center;
gap:10px;
flex-wrap:wrap;
color:#405089;
font-weight:800;
font-size:.88rem;
}
.qtb .qtb-dot{
width:6px; height:6px; border-radius:99px;
background:linear-gradient(135deg,var(--ac),var(--ac2));
box-shadow:0 0 0 3px rgba(106,126,255,.10);
}
.qtb .qtb-actions{
display:flex;
gap:10px;
flex-wrap:wrap;
}
.qtb .qtb-btn{
display:inline-flex;
align-items:center;
gap:8px;
padding:9px 11px;
border-radius:14px;
border:1px solid var(--bd);
background:#fff;
font-weight:900;
color:#2a3671;
text-decoration:none;
box-shadow:0 10px 22px rgba(15,23,42,.05);
-webkit-tap-highlight-color:transparent;
user-select:none;
}
.qtb .qtb-btn:hover{ box-shadow:0 14px 28px rgba(15,23,42,.08); }
.qtb .qtb-btn:focus{ outline:none; box-shadow:0 0 0 4px var(--ring); }
.qtb .qtb-heroRight{
min-height:184px;
border-radius:22px;
border:1px solid rgba(227,232,255,.95);
background:
radial-gradient(240px 150px at 20% 20%, rgba(106,126,255,.18), transparent 60%),
radial-gradient(220px 150px at 80% 30%, rgba(89,209,194,.16), transparent 60%),
linear-gradient(180deg, rgba(255,255,255,.88), rgba(246,248,255,.88));
box-shadow:0 16px 40px rgba(15,23,42,.08);
position:relative;
overflow:hidden;
}
.qtb .qtb-heroRight:before{
content:"";
position:absolute;
inset:-40px;
background:
radial-gradient(240px 240px at 70% 40%, rgba(155,176,255,.35), transparent 62%),
radial-gradient(200px 200px at 30% 75%, rgba(89,209,194,.22), transparent 62%);
filter:blur(2px);
}
.qtb .qtb-heroQVisual{
position:absolute;
inset:0;
pointer-events:none;
isolation:isolate;
z-index:0;
}
.qtb .qtb-heroQVisual::before{
content:"";
position:absolute;
left:66%;
top:50%;
width:clamp(130px, 16vw, 200px);
height:clamp(130px, 16vw, 200px);
transform:translate(-50%,-50%);
z-index:0;
opacity:.92;
background-repeat:no-repeat;
background-position:center;
background-size:100% 100%;
background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 120'%3E%3Cdefs%3E%3ClinearGradient id='aurora' x1='0' y1='0' x2='1' y2='1'%3E%3Cstop offset='0%25' stop-color='%239BB0FF'/%3E%3Cstop offset='100%25' stop-color='%235D78FF'/%3E%3C/linearGradient%3E%3Cfilter id='soft'%3E%3CfeGaussianBlur in='SourceAlpha' stdDeviation='1.8' result='b'/%3E%3CfeColorMatrix in='b' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 .18 0'/%3E%3CfeOffset dy='1'/%3E%3CfeMerge%3E%3CfeMergeNode/%3E%3CfeMergeNode in='SourceGraphic'/%3E%3C/feMerge%3E%3C/filter%3E%3Cmask id='qInnerCut'%3E%3Crect x='0' y='0' width='120' height='120' fill='white'/%3E%3Cline x1='60' y1='60' x2='78' y2='78' stroke='black' stroke-width='13' stroke-linecap='round'/%3E%3C/mask%3E%3C/defs%3E%3Ccircle cx='60' cy='60' r='40' fill='none' stroke='url(%23aurora)' stroke-width='3.2' opacity='.75'/%3E%3Ccircle cx='60' cy='60' r='24' fill='none' stroke='url(%23aurora)' stroke-width='7.5' stroke-linecap='round' filter='url(%23soft)' mask='url(%23qInnerCut)'/%3E%3Cline x1='68' y1='68' x2='84' y2='84' stroke='url(%23aurora)' stroke-width='7' stroke-linecap='round' filter='url(%23soft)'/%3E%3C/svg%3E");
filter:
drop-shadow(0 18px 45px rgba(0,0,0,.10))
drop-shadow(0 0 16px rgba(155,176,255,.10));
animation:qtb-q-logo-breathe 4s ease-in-out infinite;
}
.qtb .qtb-heroQVisual::after{
content:"";
position:absolute;
left:66%;
top:50%;
width:clamp(130px, 16vw, 200px);
height:clamp(130px, 16vw, 200px);
transform:translate(-50%,-50%);
border-radius:999px;
z-index:1;
opacity:.85;
background:
radial-gradient(circle at 52% 12%,
rgba(155,176,255,.98) 0 5px,
rgba(255,255,255,.18) 6px,
transparent 8px),
radial-gradient(circle at 94% 50%,
rgba(155,176,255,.86) 0 5px,
rgba(255,255,255,.16) 6px,
transparent 8px),
radial-gradient(circle at 48% 92%,
rgba(155,176,255,.78) 0 5px,
rgba(255,255,255,.14) 6px,
transparent 8px),
radial-gradient(circle at 6% 44%,
rgba(155,176,255,.70) 0 5px,
rgba(255,255,255,.16) 6px,
transparent 8px);
filter:drop-shadow(0 0 14px rgba(167,186,255,.12));
transform-origin:50% 50%;
animation:qtb-q-orbit-spin 7s linear infinite;
will-change:transform;
}
@keyframes qtb-q-orbit-spin{
from{ transform:translate(-50%,-50%) rotate(0deg); }
to  { transform:translate(-50%,-50%) rotate(360deg); }
}
@keyframes qtb-q-logo-breathe{
0%,100%{ transform:translate(-50%,-50%) scale(1); opacity:1; }
50%{ transform:translate(-50%,-50%) scale(1.03); opacity:.92; }
}
.qtb .qtb-heroRightInner{
position:relative;
z-index:1;
padding:12px;
height:100%;
display:flex;
flex-direction:column;
justify-content:space-between;
gap:10px;
}
.qtb .qtb-miniCard{
border-radius:18px;
background:rgba(255,255,255,.78);
border:1px solid rgba(227,232,255,.95);
padding:11px;
box-shadow:0 10px 22px rgba(15,23,42,.06);
}
.qtb .qtb-miniHead{
display:flex;
align-items:center;
gap:10px;
margin:0 0 6px;
}
.qtb .qtb-qMini{
width:28px; height:28px;
border-radius:12px;
flex:0 0 28px;
background:
linear-gradient(180deg,#ffffff,#f5f7ff) padding-box,
linear-gradient(135deg,var(--ac),var(--ac2)) border-box;
border:2px solid transparent;
box-shadow:0 10px 22px rgba(15,23,42,.08);
background-repeat:no-repeat;
background-position:center;
background-size:100% 100%;
background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 120'%3E%3Cdefs%3E%3ClinearGradient id='aurora' x1='0' y1='0' x2='1' y2='1'%3E%3Cstop offset='0%25' stop-color='%239BB0FF'/%3E%3Cstop offset='100%25' stop-color='%235D78FF'/%3E%3C/linearGradient%3E%3Cfilter id='soft'%3E%3CfeGaussianBlur in='SourceAlpha' stdDeviation='1.8' result='b'/%3E%3CfeColorMatrix in='b' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 .18 0'/%3E%3CfeOffset dy='1'/%3E%3CfeMerge%3E%3CfeMergeNode/%3E%3CfeMergeNode in='SourceGraphic'/%3E%3C/feMerge%3E%3C/filter%3E%3Cmask id='qInnerCut'%3E%3Crect x='0' y='0' width='120' height='120' fill='white'/%3E%3Cline x1='60' y1='60' x2='78' y2='78' stroke='black' stroke-width='13' stroke-linecap='round'/%3E%3C/mask%3E%3C/defs%3E%3Ccircle cx='60' cy='60' r='40' fill='none' stroke='url(%23aurora)' stroke-width='3.2' opacity='.75'/%3E%3Ccircle cx='60' cy='60' r='24' fill='none' stroke='url(%23aurora)' stroke-width='7.5' stroke-linecap='round' filter='url(%23soft)' mask='url(%23qInnerCut)'/%3E%3Cline x1='68' y1='68' x2='84' y2='84' stroke='url(%23aurora)' stroke-width='7' stroke-linecap='round' filter='url(%23soft)'/%3E%3C/svg%3E");
}
.qtb .qtb-miniTitle{
margin:0;
font-weight:950;
color:#161d48;
letter-spacing:-.01em;
font-size:.98rem;
line-height:1.2;
}
.qtb .qtb-miniText{
margin:0;
color:#445083;
font-weight:750;
line-height:1.55;
font-size:.90rem;
}
.qtb .qtb-miniStatRow{
display:flex;
gap:10px;
flex-wrap:wrap;
}
.qtb .qtb-miniStat{
flex:1 1 120px;
border-radius:16px;
background:rgba(255,255,255,.70);
border:1px solid rgba(227,232,255,.95);
padding:10px 12px;
}
.qtb .qtb-miniStat b{
display:block;
font-size:.86rem;
color:#2a3671;
letter-spacing:.02em;
}
.qtb .qtb-miniStat span{
display:block;
margin-top:3px;
font-weight:950;
color:#151f47;
}
.qtb .qtb-miniStatLink{
display:block;
text-decoration:none;
color:inherit;
}
.qtb .qtb-miniStatLink:hover{ box-shadow:0 12px 26px rgba(15,23,42,.10); }
.qtb .qtb-miniStatLink:focus{ outline:none; box-shadow:0 0 0 4px var(--ring); }
.qtb .qtb-wrap{
width:min(1320px,94%);
margin:14px auto 0;
}
.qtb .qtb-grid{
display:grid;
grid-template-columns:minmax(0,1fr) 360px;
gap:16px;
align-items:start;
}
.qtb .qtb-main{ min-width:0; }
.qtb .qtb-side{
align-self:start;
display:grid;
gap:12px;
}
.qtb .qtb-card{
background:var(--card);
border:1px solid var(--bd);
border-radius:18px;
box-shadow:0 10px 30px rgba(15,23,42,.06);
overflow:hidden;
}
.qtb .qtb-cardHead{
padding:12px 12px 10px;
display:flex;
align-items:center;
justify-content:space-between;
gap:10px;
background:linear-gradient(180deg,#ffffff,#f7f8ff);
border-bottom:1px solid #eef1ff;
}
.qtb .qtb-cardTitle{
margin:0;
font-size:.82rem;
letter-spacing:.12em;
text-transform:uppercase;
font-weight:950;
color:#2b3a7a;
}
.qtb .qtb-cardDot{
width:10px;height:10px;border-radius:99px;
background:linear-gradient(135deg,var(--ac),var(--ac2));
box-shadow:0 0 0 3px rgba(106,126,255,.14);
flex:0 0 auto;
}
.qtb .qtb-article{
background:var(--card);
border:1px solid var(--bd);
border-radius:18px;
box-shadow:0 10px 30px rgba(15,23,42,.06);
padding:20px;
font-size:1rem;
line-height:1.72;
}
.qtb .qtb-article h1,
.qtb .qtb-article h2,
.qtb .qtb-article h3,
.qtb .qtb-article h4{
color:#152047;
font-weight:850;
letter-spacing:-.01em;
}
.qtb .qtb-article h1{ font-size:1.55rem; line-height:1.25; margin:18px 0 10px; }
.qtb .qtb-article h2{ font-size:1.32rem; line-height:1.28; margin:20px 0 10px; }
.qtb .qtb-article h3{ font-size:1.12rem; line-height:1.32; margin:16px 0 8px; }
.qtb .qtb-article h4{ font-size:1.02rem; line-height:1.35; margin:14px 0 6px; }
.qtb .qtb-article p{
color:#22305a;
line-height:1.72;
margin:10px 0;
font-size:1rem;
}
.qtb .qtb-article h2,
.qtb .qtb-article h3{ position:relative; padding-left:14px; }
.qtb .qtb-article h2:before,
.qtb .qtb-article h3:before{
content:"";
position:absolute;
left:0;
top:.50em;
width:9px;
height:3px;
border-radius:2px;
background:linear-gradient(90deg,var(--ac),var(--ac2));
}
.qtb .qtb-article ul{
list-style:none;
margin:10px 0 14px;
padding:0;
display:grid;
gap:6px;
}
.qtb .qtb-article ul li{
position:relative;
padding-left:24px;
}
.qtb .qtb-article ul li:before{
content:"";
position:absolute;
left:0;
top:6px;
width:14px;
height:14px;
border-radius:4px;
background:linear-gradient(180deg,#7b8bff,#a1adff);
box-shadow:inset 0 1px 0 #fff;
}
.qtb .qtb-article blockquote{
border-left:4px solid var(--ac2);
padding:10px 12px;
margin:14px 0;
background:#f7f8ff;
border-radius:12px;
color:#2b3552;
line-height:1.65;
}
.qtb .qtb-article pre,
.qtb .qtb-article code{
font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,"Liberation Mono",monospace;
}
.qtb .qtb-article pre{
background:#0f172a;
color:#e5e7eb;
padding:12px;
margin:12px 0;
border-radius:12px;
overflow:auto;
border:1px solid #1f2a44;
font-size:.92rem;
line-height:1.55;
}
.qtb .qtb-article code{
background:#eef1ff;
color:#111e6a;
padding:2px 5px;
border-radius:6px;
border:1px solid var(--bd);
font-size:.92em;
}
.qtb .qtb-article table{
width:100%;
border-collapse:separate;
border-spacing:0;
overflow:hidden;
border:1px solid var(--bd);
border-radius:14px;
margin:12px 0;
}
.qtb .qtb-article thead th{
background:#f4f6ff;
color:#1a2140;
padding:9px;
text-align:left;
font-size:.96rem;
}
.qtb .qtb-article tbody td{
padding:9px;
border-top:1px solid #eef1ff;
font-size:.96rem;
}
.qtb .qtb-article tbody tr:nth-child(even) td{ background:#fbfbff; }
.qtb .qtb-article img{
max-width:100%;
height:auto;
display:block;
margin:12px auto;
border-radius:12px;
box-shadow:0 8px 22px rgba(106,126,255,.12);
}
.qtb .qtb-article a{
color:#2434a2;
text-decoration:none;
border-bottom:1px dotted #aab4ff;
}
.qtb .qtb-article a:hover{ color:#0f1f8a; }
.qtb .qtb-relTop{ padding:10px 12px 0; }
.qtb .qtb-relTitle{
margin:0;
font-size:.95rem;
font-weight:950;
letter-spacing:-.02em;
color:#161d48;
}
.qtb .qtb-relSub{
margin:6px 0 0;
color:#445083;
font-size:.9rem;
line-height:1.55;
}
.qtb .qtb-rel{ padding:10px 10px 12px; }
.qtb .qtb-relList{
list-style:none;
margin:10px 0 0;
padding:0;
display:grid;
gap:8px;
}
.qtb .qtb-relItem a{
display:flex;
align-items:center;
justify-content:space-between;
gap:10px;
padding:10px 10px;
border-radius:14px;
text-decoration:none;
background:#fbfbff;
border:1px solid #eef1ff;
color:#1a2140;
box-shadow:0 6px 16px rgba(106,126,255,.06);
}
.qtb .qtb-relItem a:hover{ box-shadow:0 10px 22px rgba(106,126,255,.10); }
.qtb .qtb-relLeft{
display:flex;
align-items:center;
gap:10px;
min-width:0;
}
.qtb .qtb-relIco{
width:34px;
height:34px;
border-radius:12px;
display:grid;
place-items:center;
background:
linear-gradient(180deg,#ffffff,#f5f7ff) padding-box,
linear-gradient(135deg,var(--ac),var(--ac2)) border-box;
border:2px solid transparent;
color:#2b3a7a;
box-shadow:inset 0 1px 0 #fff;
flex:0 0 auto;
}
.qtb .qtb-relName{
font-weight:900;
font-size:.92rem;
min-width:0;
white-space:normal;
overflow:hidden;
text-overflow:ellipsis;
display:-webkit-box;
-webkit-box-orient:vertical;
-webkit-line-clamp:2;
line-height:1.25;
max-height:2.5em;
}
.qtb .qtb-relChip{
font-size:.74rem;
font-weight:900;
letter-spacing:.08em;
text-transform:uppercase;
padding:6px 10px;
border-radius:999px;
background:linear-gradient(135deg,var(--ac),var(--ac2));
color:#fff;
box-shadow:0 10px 22px rgba(106,126,255,.12);
flex:0 0 auto;
}
.qtb .qtb-relFoot{
margin-top:10px;
display:flex;
gap:10px;
flex-wrap:wrap;
padding:0 2px;
}
.qtb .qtb-relBtn{
display:inline-flex;
align-items:center;
gap:8px;
padding:10px 12px;
border-radius:14px;
border:1px solid var(--bd);
background:#fff;
font-weight:900;
color:#2a3671;
text-decoration:none;
}
.qtb .qtb-relBtn:hover{ box-shadow:0 8px 18px rgba(106,126,255,.12); }
.qtb .qtb-shareOverlay{
position:fixed;
inset:0;
z-index:99999;
display:none;
padding:10vh 0 0;
background:rgba(10,15,30,.45);
backdrop-filter:blur(6px);
}
.qtb .qtb-shareOverlay:target{ display:block; }
.qtb .qtb-shareBg{ position:absolute; inset:0; display:block; cursor:pointer; }
.qtb .qtb-shareSheet{
position:relative;
width:min(560px, 92vw);
margin:0 auto;
background:#fff;
border:1px solid var(--bd);
border-radius:18px;
box-shadow:0 18px 55px rgba(15,23,42,.18);
overflow:hidden;
z-index:1;
}
.qtb .qtb-shareHead{
display:flex;
align-items:center;
justify-content:space-between;
gap:10px;
padding:12px 14px;
background:linear-gradient(180deg,#ffffff,#f7f8ff);
border-bottom:1px solid #eef1ff;
}
.qtb .qtb-shareHead strong{
color:#2b3a7a;
letter-spacing:.12em;
text-transform:uppercase;
font-size:.82rem;
}
.qtb .qtb-shareBody{ padding:12px 14px; }
.qtb .qtb-shareGrid{
display:grid;
grid-template-columns:1fr 1fr;
gap:10px;
}
.qtb .qtb-shareGrid .qtb-btn{ justify-content:center; width:100%; }
.qtb .qtb-shareNote{
margin:12px 0 0;
color:#445083;
font-weight:750;
line-height:1.55;
font-size:.92rem;
}
@media (max-width:520px){
.qtb .qtb-shareGrid{ grid-template-columns:1fr; }
}
@media (max-width:1180px){
.qtb .qtb-grid{ grid-template-columns:minmax(0,1fr) 320px; }
.qtb .qtb-heroGrid{ grid-template-columns:minmax(0,1fr) 300px; }
}
@media (max-width:1024px){
.qtb .qtb-grid{ grid-template-columns:1fr; }
.qtb .qtb-heroGrid{ grid-template-columns:1fr; }
}
@media (max-width:640px){
.qtb .qtb-heroRight{ display:none; }
.qtb .qtb-heroWrap{ padding:14px 0 14px; }
.qtb .qtb-kickerRow{ margin-bottom:8px; }
.qtb .qtb-title{
font-size:clamp(1.35rem, 6.2vw, 1.85rem);
line-height:1.16;
}
.qtb .qtb-desc{
font-size:.98rem;
line-height:1.62;
}
.qtb .qtb-article{
padding:16px;
line-height:1.70;
}
.qtb .qtb-article h2{ font-size:1.22rem; }
.qtb .qtb-article h3{ font-size:1.08rem; }
}
@media (prefers-reduced-motion: reduce){
.qtb .qtb-btn:hover,
.qtb .qtb-relItem a:hover{ box-shadow:none; }
.qtb .qtb-heroQVisual::before,
.qtb .qtb-heroQVisual::after{ animation:none !important; }
}
@media (min-width:1025px){
.qtb .qtb-main,
.qtb .qtb-side{
position:sticky;
top:92px;
align-self:start;
}
.qtb .qtb-article{
max-height:calc(100vh - 110px);
overflow:auto;
scrollbar-gutter:stable;
overscroll-behavior:contain;
scrollbar-width:thin;
}
.qtb #qtbRelCard{
max-height:calc(100vh - 110px);
display:flex;
flex-direction:column;
}
.qtb #qtbRelCard .qtb-relTop{
flex:1 1 auto;
overflow:auto;
-webkit-overflow-scrolling:touch;
overscroll-behavior:contain;
}
.qtb .qtb-article::-webkit-scrollbar{ width:10px; }
.qtb .qtb-article::-webkit-scrollbar-track{
background:rgba(11,18,37,.06);
border-radius:12px;
}
.qtb .qtb-article::-webkit-scrollbar-thumb{
background:rgba(106,126,255,.30);
border-radius:12px;
border:2px solid rgba(255,255,255,.70);
}
.qtb .qtb-article::-webkit-scrollbar-thumb:hover{
background:rgba(106,126,255,.42);
}
}