.qb-wrap{max-width:780px;margin:0 auto;padding:104px 16px 80px}.qb-crumb{color:var(--muted);margin-bottom:20px;font-size:13px}.qb-crumb a{color:var(--muted);text-decoration:none}.qb-crumb a:hover{color:#fff}.qb-article h1{margin-bottom:14px;font-size:clamp(1.8rem,4.2vw,2.6rem);font-weight:900;line-height:1.2}.qb-meta{color:var(--muted);margin-bottom:28px;font-size:13px}.qb-article h2{margin:48px 0 14px;scroll-margin-top:80px;font-size:clamp(1.35rem,3vw,1.7rem);font-weight:800;line-height:1.3}.qb-article h3{margin:28px 0 10px;font-size:1.15rem;font-weight:700}.qb-article p,.qb-article li{color:#ffffffd1;font-size:17px;line-height:1.75}.qb-article p{margin-bottom:16px}.qb-article ul,.qb-article ol{margin-bottom:18px;padding-left:22px}.qb-article li{margin-bottom:8px}.qb-article strong{color:#fff}.qb-article a{color:#fb923c}.qb-article table{border-collapse:collapse;width:100%;margin:8px 0 24px;font-size:15px;display:block;overflow-x:auto}.qb-article th,.qb-article td{border:1px solid var(--border);text-align:left;vertical-align:top;color:#ffffffd9;padding:10px 12px}.qb-article th{background:var(--bg2);color:#fff}.qb-answer{background:#ea580c14;border:1px solid #ea580c40;border-radius:16px;margin:0 0 28px;padding:18px 20px}.qb-answer b{color:#fb923c;text-transform:uppercase;letter-spacing:.06em;margin-bottom:6px;font-size:13px;display:block}.qb-answer p:last-child{margin-bottom:0}.qb-toc{background:var(--bg2);border:1px solid var(--border);border-radius:16px;margin-bottom:32px;padding:16px 20px}.qb-toc b{font-size:14px}.qb-toc ol{margin:8px 0 0;padding-left:20px}.qb-toc li{margin-bottom:4px;font-size:15px}.qb-toc a{color:#fffc;text-decoration:none}.qb-toc a:hover{color:#fb923c}.qb-tip{background:var(--bg2);color:#ffffffd9;border-left:3px solid #fb923c;border-radius:0 12px 12px 0;margin:20px 0;padding:14px 18px;font-size:16px;line-height:1.65}.qb-demo{margin:28px 0}.qb-demo .qn-demo{margin:0 auto}.qb-demo-note{text-align:center;margin-top:10px;color:var(--muted)!important;font-size:14px!important}.qb-screen{text-align:center;max-width:320px;margin:28px auto}.qb-screen img{border:1px solid var(--border);border-radius:24px;width:100%;box-shadow:0 20px 60px #00000073}.qb-screen figcaption{color:var(--muted);margin-top:10px;font-size:13px}.qb-flow{background:var(--bg2);border:1px solid var(--border);border-radius:20px;margin:28px 0;padding:20px}.qb-flow figcaption{margin-bottom:16px;font-size:15px;font-weight:700}.qb-flow ol{grid-template-columns:repeat(var(--n), minmax(0, 1fr));gap:10px;margin:0;padding:0;list-style:none;display:grid;position:relative}.qb-flow li{background:var(--bg3);border:1px solid var(--border);text-align:center;animation:qb-step calc(var(--n) * 1.4s) infinite;animation-delay:calc(var(--i) * 1.4s);border-radius:14px;margin:0;padding:14px 10px;position:relative}.qb-flow li:not(:last-child):after{content:"→";color:#fb923c;z-index:1;font-weight:800;position:absolute;top:50%;right:-10px;transform:translate(50%,-50%)}.qb-flow-ic{margin-bottom:6px;font-size:26px;display:block}.qb-flow b{font-size:14px;line-height:1.35;display:block}.qb-flow small{color:var(--muted);margin-top:4px;font-size:12px;line-height:1.4;display:block}@keyframes qb-step{0%,to{border-color:var(--border);box-shadow:none;transform:none}6%,20%{border-color:#ea580c;transform:translateY(-3px);box-shadow:0 0 0 3px #ea580c40}30%{border-color:var(--border);box-shadow:none;transform:none}}@media (max-width:640px){.qb-flow ol{grid-template-columns:1fr}.qb-flow li{text-align:left;grid-template-columns:36px 1fr;align-items:center;column-gap:10px;display:grid}.qb-flow-ic{grid-row:span 2;margin:0}.qb-flow li:not(:last-child):after{content:"↓";top:auto;bottom:-10px;right:50%;transform:translate(50%,50%)}}.qb-ba{border:1px solid var(--border);border-radius:16px;margin:28px 0;overflow:hidden}.qb-ba-row{grid-template-columns:1fr 1.2fr 1.4fr;display:grid}.qb-ba-row span{border-top:1px solid var(--border);color:#ffffffd9;padding:12px 14px;font-size:15px;line-height:1.5}.qb-ba-head span{background:var(--bg2);color:#fff;border-top:0;font-size:14px;font-weight:700}.qb-ba-row:not(.qb-ba-head){animation:.6s both qb-in;animation-delay:calc(var(--i) * .12s)}.qb-ba-before{color:#ffa0a0d9!important}.qb-ba-after{color:#86efac!important}@keyframes qb-in{0%{opacity:0;transform:translate(-12px)}to{opacity:1;transform:none}}@media (max-width:640px){.qb-ba-head{display:none}.qb-ba-row{border-top:1px solid var(--border);grid-template-columns:1fr}.qb-ba-row span{border-top:0;padding:6px 14px}.qb-ba-row span:first-child{color:#fff;padding-top:12px;font-weight:700}.qb-ba-before:before{content:"Trước: "}.qb-ba-after:before{content:"Quán Nhỏ: "}.qb-ba-row span:last-child{padding-bottom:12px}}.qb-facts{background:var(--bg2);border:1px solid var(--border);border-radius:16px;margin:40px 0 8px;padding:18px 20px}.qb-facts>b{margin-bottom:10px;font-size:15px;display:block}.qb-facts dl{margin:0}.qb-facts dl>div{border-top:1px solid var(--border);grid-template-columns:130px 1fr;gap:12px;padding:7px 0;font-size:14px;line-height:1.5;display:grid}.qb-facts dt{color:var(--muted)}.qb-facts dd{color:#ffffffe0;margin:0}@media (max-width:640px){.qb-facts dl>div{grid-template-columns:1fr;gap:2px}}.qb-faq details{background:var(--bg2);border:1px solid var(--border);border-radius:14px;margin-bottom:10px}.qb-faq summary{cursor:pointer;padding:14px 18px;font-size:16px;font-weight:700;list-style:none}.qb-faq summary::-webkit-details-marker{display:none}.qb-faq summary:after{content:"+";float:right;color:#fb923c}.qb-faq details[open] summary:after{content:"−"}.qb-faq details p{margin:0;padding:0 18px 14px}.qb-cta{text-align:center;background:#ea580c0f;border:1px solid #ea580c2e;border-radius:24px;margin:48px 0 24px;padding:32px 20px}.qb-cta h3{margin:0 0 8px;font-size:1.4rem;font-weight:800}.qb-cta p{margin-bottom:18px!important}.qb-cta-btns{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.qb-btn-ghost{border:1px solid #fff3;border-radius:999px;padding:10px 18px;font-size:14px;font-weight:600;text-decoration:none;display:inline-block;color:#fff!important}.qb-btn-ghost:hover{border-color:#fb923c}.qb-related{margin-top:40px}.qb-related h2{margin-top:0}.qb-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px;display:grid}.qb-card{background:var(--bg2);border:1px solid var(--border);color:#fff;border-radius:20px;flex-direction:column;text-decoration:none;transition:transform .2s,border-color .2s;display:flex;overflow:hidden}.qb-card:hover{border-color:#ea580c80;transform:translateY(-4px)}.qb-card img{aspect-ratio:16/9;object-fit:cover;object-position:top;background:var(--bg3);width:100%}.qb-card-body{flex-direction:column;flex:1;gap:8px;padding:16px 18px 20px;display:flex}.qb-card-tag{color:#fb923c;text-transform:uppercase;letter-spacing:.05em;font-size:12px;font-weight:700}.qb-card h3{margin:0;font-size:17px;font-weight:800;line-height:1.35}.qb-card p{color:var(--muted);margin:0;font-size:14px;line-height:1.55}@media (prefers-reduced-motion:reduce){.qb-flow li,.qb-ba-row{animation:none!important}}.qb-cats{flex-wrap:wrap;gap:8px;margin:0 0 32px;display:flex}.qb-chip{border:1px solid var(--border);background:var(--bg2);color:#ffffffd9;border-radius:999px;align-items:center;gap:6px;padding:8px 14px;font-size:14px;font-weight:600;text-decoration:none;display:inline-flex}.qb-chip small{color:var(--muted);font-size:12px;font-weight:500}.qb-chip:hover{color:#fff;border-color:#ea580c80}.qb-chip.on{color:#fff;background:#ea580c26;border-color:#ea580c}.qb-cat-sec{margin-bottom:48px;scroll-margin-top:80px}.qb-cat-head{margin-bottom:16px}.qb-cat-head h2{margin:0 0 6px;font-size:clamp(1.3rem,2.6vw,1.6rem);font-weight:800}.qb-cat-head h2 a{color:#fff;text-decoration:none}.qb-cat-head h2 a:hover{color:#fb923c}.qb-cat-head p{color:var(--muted);margin:0;font-size:15px}@media (max-width:640px){.qb-cats{flex-wrap:nowrap;padding-bottom:6px;overflow-x:auto}.qb-chip{white-space:nowrap}}