:root{--p:#C2399A;--pd:#8E1F6E;--pl:#F6E3F0;--bg:#FBFAFC;--sf:#fff;--ink:#24202A;--mu:#6E6874;--ln:#E4DEE7;--gold:#B8892F;--ok:#2e7d32;--bad:#c62828;--serif:"Noto Serif",Georgia,"Times New Roman",serif;--sans:"Be Vietnam Pro",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;--han:"Noto Serif TC","Songti TC",STSong,"Noto Serif CJK TC",PMingLiU,MingLiU,serif}
*{box-sizing:border-box}body{margin:0;font:15px/1.6 var(--sans);color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased}a{color:var(--pd);text-decoration:none}a:hover{color:var(--p)}img{max-width:100%;height:auto}:focus-visible{outline:2px solid var(--p);outline-offset:2px}
.wrap{max-width:1200px;margin:0 auto;padding:0 16px}.muted{color:var(--mu)}
.top{background:var(--sf);border-bottom:1px solid var(--ln);position:sticky;top:0;z-index:20}.hd{display:flex;align-items:center;gap:16px;padding:10px 16px}.brand{display:flex;align-items:center;gap:10px;color:var(--ink)}.brand img{width:36px;height:36px;object-fit:contain}.brand b{display:block;font-family:var(--serif);font-size:20px;font-weight:600;line-height:1.25;color:var(--pd)}.brand small{display:block;color:var(--mu);font-size:12px;line-height:1.3}
.srch{flex:1}.srch input{width:100%;padding:8px 16px;border:1px solid var(--ln);border-radius:999px;font:inherit;font-size:14px;background:var(--bg)}.srch input:focus{border-color:var(--p);outline:2px solid rgba(194,57,154,.2)}.nv{display:flex;gap:16px;align-items:center;white-space:nowrap;font-size:14px}.nv>a{color:var(--mu);font-weight:500}.nv>a:hover,.nv>a.on{color:var(--p)}.acts{display:flex;gap:8px;align-items:center;white-space:nowrap;font-size:14px}.pill{color:var(--p);border:1px solid var(--p);border-radius:999px;padding:5px 14px}.pill:hover{background:var(--pl)}.pill.f{background:var(--p);color:#fff}.pill.f:hover{background:var(--pd);color:#fff}
.cats{display:flex;gap:4px;overflow-x:auto;padding:0 16px;font-size:14.5px;scrollbar-width:none}.cats::-webkit-scrollbar{display:none}.cats a,.ktabs a{color:var(--mu);font-weight:500;white-space:nowrap;padding:8px 11px;border-bottom:3px solid transparent}.cats a:hover,.ktabs a:hover{color:var(--p)}.cats a.on,.ktabs a.on{color:var(--p);font-weight:600;border-bottom-color:var(--p)}
main{min-height:60vh;padding-top:22px;padding-bottom:30px}h1,h2,h3{font-family:var(--serif)}h1{font-weight:600;color:var(--ink);font-size:clamp(26px,3.2vw,36px);line-height:1.2;letter-spacing:.01em}.sec{font-family:var(--serif);font-weight:600;color:var(--ink);font-size:1.45rem;margin:0}.sech{display:flex;justify-content:space-between;align-items:baseline;gap:10px;border-bottom:1px solid var(--ln);padding-bottom:8px;margin:34px 0 16px}.sech a{color:var(--p);font-weight:600;border-bottom:1px dashed var(--p);font-size:.92rem}
.hero{background:linear-gradient(120deg,var(--pd),var(--p));color:#fff;border-radius:18px;padding:42px 34px;margin-bottom:10px}.hero h1{color:#fff;margin:0 0 8px;font-size:2.2rem}.hero p{max-width:640px;opacity:.95}
.btn{display:inline-block;background:var(--p);color:#fff!important;border:1px solid var(--p);border-radius:999px;padding:8px 18px;font:inherit;font-weight:600;font-size:.95rem;cursor:pointer;text-align:center}.btn:hover{background:var(--pd);border-color:var(--pd)}.btn.o{background:rgba(255,255,255,.88);color:var(--p)!important;border-color:var(--p)}.btn.o:hover{background:var(--p);color:#fff!important}.hero .btn.o{background:transparent;color:#fff!important;border-color:#fff}.btn.big{padding:12px 28px;font-size:1.05rem}.btn.sm{padding:4px 12px;font-size:.85rem}.btn[disabled]{opacity:.45;cursor:not-allowed}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px}.pc{background:var(--sf);border:1px solid var(--ln);border-radius:12px;overflow:hidden;color:var(--ink);transition:box-shadow .2s,transform .2s,border-color .2s}.pc:hover{border-color:#e7b8d6;box-shadow:0 10px 26px rgba(142,31,110,.10);transform:translateY(-2px)}
.pimg{position:relative;aspect-ratio:1/1;background:var(--pl);display:flex;align-items:center;justify-content:center}.pimg img{width:100%;height:100%;object-fit:cover}.ph{font-size:3rem;display:flex;align-items:center;justify-content:center;width:100%;height:100%;background:var(--pl)}.ph.big{font-size:6rem;aspect-ratio:1/1;border-radius:14px}
.sale{position:absolute;top:8px;left:8px;background:var(--bad);color:#fff;font-style:normal;font-size:.8rem;font-weight:700;padding:2px 8px;border-radius:999px}.pb{padding:10px 12px}.pb b{display:block;margin:2px 0 6px;font-weight:600}.kd{font-size:.75rem;color:var(--p);font-weight:700;text-transform:uppercase;letter-spacing:.4px}
.pr s{color:var(--mu);font-size:.85rem}.pr span{color:var(--pd);font-weight:800}.pr.big span{font-size:1.6rem}.oos{color:var(--bad);font-style:normal;font-size:.85rem}
.lh{display:flex;justify-content:space-between;align-items:center;gap:10px}.lh select{padding:7px 10px;border:1px solid var(--ln);border-radius:8px;font:inherit}.pgn{display:flex;gap:6px;justify-content:center;margin:20px 0}.pgn a{padding:6px 12px;border:1px solid var(--ln);border-radius:8px;background:#fff}.pgn a.on{background:var(--p);color:#fff;border-color:var(--p)}
.bcr{font-size:.88rem;color:var(--mu);margin-bottom:10px}.pd{display:grid;grid-template-columns:1fr 1fr;gap:28px}.gal img.m{width:100%;border-radius:14px}.gal img.t{width:23%;margin:6px 2% 0 0;border-radius:8px}.pi h1{margin:6px 0}.buy{display:flex;gap:10px;margin-top:16px;flex-wrap:wrap}.buy input{width:80px;padding:10px;border:1px solid var(--ln);border-radius:10px;font:inherit}
.desc{background:#fff;border:1px solid var(--ln);border-radius:14px;padding:16px 20px;margin-top:24px}
.blist{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px}.bc{background:#fff;border:1px solid var(--ln);border-radius:14px;overflow:hidden;color:var(--ink);display:flex;flex-direction:column}.bc img,.bc .ph{width:100%;aspect-ratio:16/9;object-fit:cover;font-size:2.4rem}.bc>div{padding:10px 14px}.bc b{display:block;margin:4px 0;font-family:"Noto Serif",Georgia,serif;color:var(--pd)}.bc p{margin:0;color:var(--mu);font-size:.92rem}.bc small{color:var(--p)}
.chips{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:14px}.chips a{border:1px solid var(--ln);background:#fff;border-radius:999px;padding:4px 12px}
.art{max-width:820px;margin:0 auto;background:#fff;border:1px solid var(--ln);border-radius:16px;padding:22px 28px}.art .cover{width:100%;border-radius:12px;margin:10px 0}.ct{font-size:1.05rem}.ct img{border-radius:10px}
.cart table,.tb{width:100%;border-collapse:collapse;background:#fff;border:1px solid var(--ln);border-radius:12px;overflow:hidden}.tb th,.tb td,.cart th,.cart td{padding:10px 12px;border-bottom:1px solid var(--ln);text-align:left;vertical-align:middle}.tb th,.cart th{background:var(--pl);color:var(--pd)}.tot td{font-weight:800;color:var(--pd);font-size:1.1rem}
.cart .ci{display:flex;gap:10px;align-items:center}.cart .ci img,.cart .ci .ph{width:56px;height:56px;border-radius:8px;object-fit:cover;font-size:1.6rem}.cart input.q{width:64px;padding:6px;border:1px solid var(--ln);border-radius:8px}.cart .sumbox{display:flex;justify-content:flex-end;gap:20px;align-items:flex-start;flex-wrap:wrap;margin-top:14px}.cart .cpn{display:flex;gap:6px}.cart .cpn input{padding:8px;border:1px solid var(--ln);border-radius:8px}
.co{display:grid;grid-template-columns:1.2fr 1fr;gap:22px}.cof,.cos{background:#fff;border:1px solid var(--ln);border-radius:14px;padding:16px 20px}.cof label{display:block;margin:8px 0;font-weight:500}.cof input,.cof textarea{display:block;width:100%;margin-top:4px;padding:10px;border:1px solid var(--ln);border-radius:10px;font:inherit}.pm{display:flex!important;gap:8px;align-items:flex-start;border:1px solid var(--ln);border-radius:10px;padding:10px;flex-wrap:wrap}.pm input{width:auto!important;margin:4px 0 0!important}.pm small{flex-basis:100%;color:var(--mu);font-weight:400;padding-left:24px}
.err{color:var(--bad);font-weight:600}.ok{background:#edf7ed;color:var(--ok);border-radius:10px;padding:10px 14px;font-weight:700;display:inline-block}.ok.sm{padding:3px 8px;font-size:.8rem}.bad{background:#fdecec;color:var(--bad);border-radius:10px;padding:10px 14px}.info{background:#eef5fd;border-radius:10px;padding:10px 14px}
.qr{display:flex;gap:18px;align-items:center;background:#fff;border:2px dashed var(--p);border-radius:14px;padding:14px;margin:10px 0 18px;flex-wrap:wrap}.qr img{width:220px;border-radius:8px;background:#f3f3f3;min-height:220px}
.auth{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px}.af{background:#fff;border:1px solid var(--ln);border-radius:14px;padding:16px 20px}.af input{display:block;width:100%;margin:8px 0;padding:10px;border:1px solid var(--ln);border-radius:10px;font:inherit}
.demo{max-width:620px;margin:20px auto;background:#fff;border:2px solid #f0a000;border-radius:16px;padding:24px;text-align:center}.nf{text-align:center;padding:60px 0}
.ft{background:var(--sf);color:var(--mu);border-top:1px solid var(--ln);margin-top:48px;font-size:14px}.ft a{color:var(--pd)}.fg{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;padding:28px 16px}.ft b{color:var(--pd);font-family:var(--serif);font-weight:600;font-size:1.05rem}.ft .fb{display:flex;align-items:center;gap:8px;font-size:1.2rem}.ft p{margin:6px 0}.cp{border-top:1px solid var(--ln);padding:12px 16px;font-size:.85rem;color:var(--mu)}.ftsw a{font-weight:600;border-bottom:1px dashed var(--p);color:var(--p)}
.zalo{position:fixed;right:16px;bottom:16px;background:#0068ff;color:#fff!important;font-weight:800;border-radius:999px;padding:12px 16px;box-shadow:0 8px 20px rgba(0,0,0,.25)}
.toast{position:fixed;left:50%;bottom:24px;transform:translateX(-50%);background:var(--ok);color:#fff;padding:10px 20px;border-radius:999px;font-weight:700;z-index:99;animation:tb .4s ease-in-out 3 alternate}@keyframes tb{to{opacity:.5}}
@media(max-width:800px){.hd{flex-wrap:wrap}.srch{order:3;flex-basis:100%}.nv{gap:10px;font-size:.92rem}.pd,.co{grid-template-columns:1fr}.hero{padding:28px 20px}.hero h1{font-size:1.6rem}}
/* Khí Vận 1.0 — bổ sung */
.slider{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;border-radius:14px;scrollbar-width:none}.slider::-webkit-scrollbar{display:none}.slide{flex:0 0 100%;scroll-snap-align:start;min-height:260px;display:flex;align-items:center;padding:40px 34px;color:#fff;background:linear-gradient(120deg,var(--pd),var(--p));background-size:cover;background-position:center}.slide h1{color:#fff;margin:0 0 8px;font-size:2.1rem}.slide p{max-width:620px;opacity:.95}
.dots{display:flex;gap:8px;justify-content:center;margin:10px 0}.dots i{width:10px;height:10px;border-radius:50%;background:var(--ln);cursor:pointer}.dots i.on{background:var(--p)}
.ctiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;margin:16px 0}.ctiles a{background:#fff;border:1px solid var(--ln);border-radius:12px;padding:12px 14px;color:var(--ink)}.ctiles a:hover{border-color:var(--p)}.ctiles b{display:block;color:var(--pd)}.ctiles small{color:var(--mu)}
.flt{display:flex;gap:8px;flex-wrap:wrap;align-items:center;background:#fff;border:1px solid var(--ln);border-radius:12px;padding:10px;margin-bottom:14px}.flt select,.flt input[type=number]{padding:7px 10px;border:1px solid var(--ln);border-radius:8px;font:inherit;max-width:150px}
.stars{color:#f0a000;letter-spacing:1px;font-size:.95rem}.stars small{color:var(--mu);margin-left:4px;letter-spacing:0}
.gal .th{display:flex;gap:8px;margin-top:8px;flex-wrap:wrap}.gal .th img{width:72px;height:72px;object-fit:cover;border-radius:8px;cursor:pointer;border:1px solid var(--ln)}
.vars{margin:12px 0}.vars>div{display:flex;gap:8px;flex-wrap:wrap;margin-top:6px}.vb{border:1.5px solid var(--ln);background:#fff;border-radius:10px;padding:8px 14px;font:inherit;cursor:pointer}.vb.on{border-color:var(--p);background:var(--pl);color:var(--pd);font-weight:700}.vb[disabled]{opacity:.4;text-decoration:line-through}.shake{animation:sh .5s}@keyframes sh{25%{transform:translateX(-6px)}75%{transform:translateX(6px)}}
.fav{font-size:1.2rem;padding:8px 14px!important}.fav.on{background:var(--pl)!important;color:var(--bad)!important}
.rv{border-bottom:1px solid var(--ln);padding:10px 0}.rv p{margin:4px 0 0}.rvf{margin-top:14px;display:grid;gap:8px;max-width:560px}.rvf input,.rvf textarea{padding:10px;border:1px solid var(--ln);border-radius:10px;font:inherit}
.rate{display:flex;flex-direction:row-reverse;justify-content:flex-end;gap:2px}.rate input{display:none}.rate label{font-size:1.8rem;color:#ddd;cursor:pointer}.rate input:checked~label,.rate label:hover,.rate label:hover~label{color:#f0a000}
.steps{display:flex;gap:6px;margin:12px 0 16px}.steps div{flex:1;text-align:center;font-size:.85rem;color:var(--mu);position:relative}.steps i{display:block;width:30px;height:30px;line-height:30px;margin:0 auto 4px;border-radius:50%;background:var(--ln);color:#fff;font-style:normal;font-weight:700}.steps div.on{color:var(--pd);font-weight:600}.steps div.on i{background:var(--p)}
.nl{display:flex;gap:6px;flex-wrap:wrap}.nl input{flex:1;min-width:160px;padding:8px 12px;border-radius:999px;border:1px solid var(--ln);background:var(--bg);color:var(--ink);font:inherit}.nl .msg{flex-basis:100%;margin:4px 0 0}
.msg.okt{color:var(--ok);font-weight:600}.msg.err{color:var(--bad)}.ft .msg.okt{color:var(--ok)}
.chips a.on{background:var(--p);color:#fff;border-color:var(--p)}.af2{background:#fff;border:1px solid var(--ln);border-radius:14px;padding:16px 20px}.af2 input{display:block;width:100%;margin:8px 0;padding:10px;border:1px solid var(--ln);border-radius:10px;font:inherit}
.cof label.ck{display:flex;gap:8px;align-items:center;font-weight:400}.cof label.ck input{width:auto;margin:0}.cof select{display:block;width:100%;margin-top:4px;padding:10px;border:1px solid var(--ln);border-radius:10px;font:inherit}
.tt{color:var(--pd)}.share{margin-top:18px;color:var(--mu)}.toast.e{background:var(--bad)}
@media(max-width:800px){.slide{padding:26px 20px;min-height:200px}.slide h1{font-size:1.5rem}.steps{font-size:.75rem}}
/* Khí Vận 1.2 — giao diện theo phần mềm Vũ Giới Hợp Luận */
.intro{max-width:920px}.intro h1{font-size:clamp(30px,4.2vw,46px);line-height:1.1;margin:0 0 8px}.lede{color:var(--mu);margin:0 0 6px}.lede p{margin:0 0 6px;line-height:1.6}.lede b{color:var(--mu)}.lede a,.lnk{color:var(--p);font-weight:600;border-bottom:1px dashed var(--p)}.lede a:hover,.lnk:hover{color:var(--pd)}
.ktabs{display:flex;gap:4px;flex-wrap:wrap;border-bottom:1px solid var(--ln);margin:26px 0 14px;font-size:14.5px}
.khero{position:relative;flex:0 0 100%;scroll-snap-align:start;border:1px solid var(--ln);border-radius:14px;overflow:hidden;min-height:460px;background:#fff url(/assets/hero-bg.jpg) center 58%/cover no-repeat}
.khero::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,0) 40%,var(--bg) 100%);pointer-events:none}
.khi{position:relative;z-index:1;display:grid;grid-template-columns:1fr auto;align-items:start;gap:0 18px;padding:28px clamp(16px,4vw,56px) 72px;min-height:460px}
.khl{display:flex;flex-direction:column}.khlogo{width:min(340px,70vw);height:auto;display:block;margin-bottom:22px}
.khero h2{margin:0;font-size:clamp(2rem,5vw,3.4rem);line-height:1.15;letter-spacing:-.01em;max-width:16ch;font-weight:700;color:#2a1f2c}
.khero p{margin:.6em 0 0;color:#3c3540;font-size:1.05rem;line-height:1.6;max-width:44ch}
.khan{writing-mode:vertical-rl;font-family:var(--han);font-weight:900;font-size:clamp(3rem,8vw,6.5rem);line-height:1;color:rgba(36,32,42,.78);letter-spacing:.08em;margin-top:6px}
.kacts{position:absolute;bottom:18px;left:clamp(16px,4vw,56px);z-index:3;display:flex;gap:8px;flex-wrap:wrap}.kacts .btn{font-size:.9rem;padding:6px 16px;backdrop-filter:blur(4px)}
.slider .khero{border-radius:0;border:0}.slider{border:1px solid var(--ln)}
.subhero{position:relative;margin:4px 0 16px;border-left:4px solid var(--p);border-radius:8px 12px 12px 8px;overflow:hidden;background:#fff url(/assets/hero-bg.jpg) center 55%/cover no-repeat}
.subhero::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,255,255,.93),rgba(255,255,255,.62) 65%,rgba(255,255,255,.3))}
.shi{position:relative;display:flex;align-items:center;gap:14px;padding:14px 18px;min-height:64px}.subhero h1,.subhero h2{margin:0;font-size:1.5rem;color:var(--pd)}.shp{color:var(--mu);font-size:.92rem}
.shan{margin-left:auto;font-family:var(--han);font-weight:700;font-size:1.6rem;letter-spacing:.18em;color:#57525c;opacity:.85}
.kfeat{position:relative;margin:30px 0 0;border:1px solid var(--ln);border-left:4px solid var(--p);border-radius:8px 14px 14px 8px;overflow:hidden;background:#fff url(/assets/hero-bg.jpg) center 40%/cover no-repeat}
.kfeat::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,255,255,.95),rgba(255,255,255,.75) 60%,rgba(255,255,255,.35))}
.kfi{position:relative;display:flex;align-items:center;gap:18px;padding:20px 24px}.kfi b{font-family:var(--serif);font-size:1.35rem;color:var(--pd)}.kfi p{margin:6px 0 12px;color:var(--mu);max-width:62ch}.kfb{display:flex;gap:8px;flex-wrap:wrap}.kfi .shan{font-size:clamp(1.8rem,4vw,3rem);writing-mode:vertical-rl}
.pb b{font-size:.98rem}.kd{font-size:.72rem}.chips a{color:var(--mu)}.chips a:hover{color:var(--p);border-color:var(--p)}
.art,.desc,.af,.af2,.cof,.cos{border-radius:12px}.art h1{color:var(--ink)}
.dots i{width:24px;height:4px;border-radius:4px}
.intro{margin-top:8px}
@media(max-width:1100px){.hd{flex-wrap:wrap;row-gap:6px}.nv{order:2;margin-left:auto}.acts{order:3}.srch{order:4;flex:1 1 240px}}
@media(max-width:800px){.nv{order:2;flex-basis:100%;margin-left:0;gap:14px;font-size:13.5px;overflow-x:auto;scrollbar-width:none;padding-bottom:2px}.nv::-webkit-scrollbar{display:none}.acts{order:1;margin-left:auto;font-size:13px}.pill{padding:4px 12px}.nv{order:3}.srch{flex-basis:100%}.brand small{display:none}.hd{padding:8px 16px}}
@media(max-width:640px){.khero,.khi{min-height:320px}.khi{padding-bottom:64px}.khan{font-size:2.6rem}.shp{display:none}.shan{font-size:1.1rem}.kfi{flex-direction:column;align-items:flex-start}.kfi .shan{display:none}.ktabs{flex-wrap:nowrap;overflow-x:auto}}
/* Khí Vận 1.4 — menu xổ xuống cấp 2, cấp 3; cây danh mục */
.dd{position:relative}.dd>a small{font-size:10px}.dd::after{content:"";position:absolute;left:0;right:0;top:100%;height:12px}
.ddm{display:none;position:absolute;top:calc(100% + 10px);left:50%;transform:translateX(-50%);width:min(780px,92vw);background:var(--sf);border:1px solid var(--ln);border-radius:12px;box-shadow:0 18px 40px -18px rgba(80,20,60,.35);padding:16px 20px;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px 22px;z-index:60;white-space:normal}
.dd:hover .ddm,.dd:focus-within .ddm{display:grid}.ddc{display:flex;flex-direction:column;gap:3px}.ddc a{color:var(--mu);font-size:13.5px}.ddc a:hover,.dda:hover{color:var(--p)}.ddc a.dd2{font-family:var(--serif);font-weight:600;font-size:15px;color:var(--pd);margin-bottom:2px}.dda{grid-column:1/-1;border-top:1px solid var(--ln);padding-top:10px;color:var(--p)!important;font-weight:600;font-size:13.5px}
.ctree{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px;margin:0 0 18px}.ctree>div{background:var(--sf);border:1px solid var(--ln);border-radius:12px;padding:12px 14px}.ctree b a{font-family:var(--serif);font-size:1.08rem;color:var(--pd)}.ctree b small{color:var(--mu);font-weight:400;font-family:var(--sans);font-size:.8rem;margin-left:6px}.ctree p{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0 0}.ctree p a{border:1px solid var(--ln);border-radius:999px;padding:2px 10px;font-size:.85rem;color:var(--mu)}.ctree p a:hover{color:var(--p);border-color:var(--p)}
.chips a small{color:var(--mu);margin-left:4px}.chips a.on small{color:#fff}
@media(max-width:800px){.ddm{display:none!important}.dd::after{display:none}}
/* Khí Vận 1.5 — bố cục thoáng, nhẹ: bớt khung viền, tăng khoảng trắng */
body{font-size:15.5px;line-height:1.7}.wrap{max-width:1180px;padding-left:24px;padding-right:24px}
main{padding-top:32px;padding-bottom:56px}
.top{border-bottom-color:#EFEAF1}.hd{padding:14px 24px;gap:28px}.brand small{display:none}.brand b{font-size:21px}
.nv{gap:22px}.nv>a,.dd>a{font-weight:400}.acts{gap:10px}
@media(min-width:1101px){.nv{order:2;margin-left:auto}.srch{order:3;flex:0 1 210px}.acts{order:4}.srch input{padding:7px 14px}}
.cats{padding:0 24px 2px;gap:10px}.cats a,.ktabs a{font-weight:400;border-bottom-width:2px}
h1{font-weight:600}.intro{max-width:760px;margin:12px 0 8px}.intro h1{font-size:clamp(30px,4vw,44px);margin-bottom:12px}.lede{font-size:1.02rem}
.ktabs{gap:14px;margin:36px 0 22px;border-bottom-color:#EFEAF1}
.khero,.khi{min-height:380px}.khi{padding:36px clamp(20px,5vw,64px) 80px}.khlogo{width:min(280px,60vw);margin-bottom:26px}
.khero h2{font-size:clamp(1.8rem,4vw,2.8rem);font-weight:600}.khero p{font-size:1rem;color:#4a4350}.khan{font-size:clamp(2.6rem,6vw,5rem);color:rgba(36,32,42,.45);font-weight:700}
.slider{border-color:#EFEAF1}.khero::before{background:linear-gradient(180deg,rgba(255,255,255,.15) 30%,var(--bg) 100%)}
.sech{border-bottom:0;padding-bottom:0;margin:64px 0 22px}.sec{font-size:1.6rem}
.grid{gap:34px 26px;grid-template-columns:repeat(auto-fill,minmax(230px,1fr))}
.pc{background:transparent;border:0;border-radius:0;overflow:visible}.pc:hover{box-shadow:none;transform:none}.pc:hover b{color:var(--p)}
.pimg{border-radius:14px;overflow:hidden;background:#F7F1F5}.pc:hover .pimg img{transform:scale(1.03)}.pimg img{transition:transform .4s}
.ph{background:#F7F1F5;font-size:2.4rem;opacity:.55}.pb{padding:12px 2px 0}.pb b{font-weight:500;font-size:1rem;line-height:1.45;margin:4px 0 6px}
.kd{font-weight:500;text-transform:none;letter-spacing:0;font-size:.8rem;color:var(--mu)}.pr span{font-weight:600}.sale{font-weight:600;background:#d9475a;font-size:.75rem}
.blist{gap:30px}.bc{background:transparent;border:0;border-radius:0}.bc img,.bc .ph{border-radius:14px}.bc>div{padding:12px 2px 0}.bc b{font-weight:600}
.kfeat{margin-top:64px;border:0;border-radius:14px}.kfi{padding:30px 34px}.kfeat::before{background:linear-gradient(90deg,rgba(255,255,255,.96),rgba(255,255,255,.8) 60%,rgba(255,255,255,.45))}
.subhero{margin:0 0 26px;border-left-width:3px;border-radius:6px 12px 12px 6px}.subhero::before{background:linear-gradient(90deg,rgba(255,255,255,.96),rgba(255,255,255,.78) 65%,rgba(255,255,255,.5))}.shi{padding:18px 22px}.shan{opacity:.55}
.ctree{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:26px 34px;margin:6px 0 34px}.ctree>div{background:transparent;border:0;border-top:1px solid #EFEAF1;border-radius:0;padding:14px 0 0}
.ctree p{gap:2px 0;margin:8px 0 0;display:block;line-height:1.9}.ctree p a{border:0;padding:0;font-size:.92rem}.ctree p a:not(:last-child)::after{content:" · ";color:#cfc6d3}
.chips{gap:8px;margin-bottom:24px}.chips a{border-color:#EFEAF1;background:transparent;padding:4px 14px}
.flt{background:transparent;border:0;padding:0;margin-bottom:28px;gap:10px}.flt select,.flt input[type=number]{border-color:#EFEAF1;background:#fff;border-radius:999px;padding:6px 14px}
.bcr{margin-bottom:16px}.desc,.art{border-color:#EFEAF1}.art{padding:34px 40px}.desc{padding:24px 30px}
.ft{margin-top:72px;border-top-color:#EFEAF1}.fg{padding:44px 24px;gap:34px}.cp{padding:16px 24px;border-top-color:#EFEAF1}
.dots{margin:16px 0}
@media(max-width:800px){.wrap{padding-left:16px;padding-right:16px}.hd{padding:10px 16px;gap:12px}.grid{gap:24px 14px;grid-template-columns:repeat(2,minmax(0,1fr))}.khero,.khi{min-height:300px}.sech{margin-top:44px}.art{padding:22px 18px}.kfi{padding:22px}}
.ktabs{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;gap:8px}.ktabs::-webkit-scrollbar{display:none}
.cats a i,.ktabs a i{font-style:normal;margin-right:6px}
.pr .ask{color:var(--p);font-weight:500}.buy [hidden]{display:none!important}

/* Khí Vận 1.7 — trình bày nội dung theo mẫu tài liệu Phong Thuỷ Liên Hoa (hướng dẫn plugin): DejaVu Sans 11pt, tiêu đề có chân 22pt sen đậm */
@font-face{font-family:"DejaVu Sans";font-style:normal;font-weight:400;font-display:swap;src:url(https://cdn.jsdelivr.net/npm/@fontsource/dejavu-sans@5.2.5/files/dejavu-sans-latin-400-normal.woff2) format("woff2")}
@font-face{font-family:"DejaVu Sans";font-style:normal;font-weight:700;font-display:swap;src:url(https://cdn.jsdelivr.net/npm/@fontsource/dejavu-sans@5.2.5/files/dejavu-sans-latin-700-normal.woff2) format("woff2")}
@font-face{font-family:"DejaVu Sans";font-style:italic;font-weight:400;font-display:swap;src:url(https://cdn.jsdelivr.net/npm/@fontsource/dejavu-sans@5.2.5/files/dejavu-sans-latin-400-italic.woff2) format("woff2")}
@font-face{font-family:"DejaVu Sans";font-style:italic;font-weight:700;font-display:swap;src:url(https://cdn.jsdelivr.net/npm/@fontsource/dejavu-sans@5.2.5/files/dejavu-sans-latin-700-italic.woff2) format("woff2")}
@font-face{font-family:"DejaVu Sans Mono";font-style:normal;font-weight:400;font-display:swap;src:url(https://cdn.jsdelivr.net/npm/dejavu-fonts-ttf@2.37.3/ttf/DejaVuSansMono.ttf) format("truetype")}
.doc{max-width:760px;margin:30px auto 0;background:#fff;border:1px solid #EFEAF1;border-radius:6px;padding:48px 56px 36px;font:400 14.67px/1.6 "DejaVu Sans","Verdana",sans-serif;color:#24202A;-webkit-font-smoothing:auto}
.doc-hd{display:flex;align-items:center;gap:18px;padding-bottom:20px;border-bottom:3px solid #C2399A;margin-bottom:22px}.doc-hd img{width:64px;height:64px;object-fit:contain;flex:none}
.doc .doc-tt{font:700 29.33px/1.2 "Liberation Serif","Times New Roman",Times,serif;color:#8E1F6E;margin:0 0 6px;letter-spacing:0}
.doc-sub{margin:0;color:#6E6874;font-size:14.67px;line-height:1.6}.doc-sub b{color:#6E6874;font-weight:700}
.doc-ct>:first-child{margin-top:0}.doc-ct p{margin:0 0 12px}.doc-ct b,.doc-ct strong{font-weight:700;color:#24202A}
.doc-ct h2{font:700 18.67px/1.35 "DejaVu Sans","Verdana",sans-serif;color:#8E1F6E;margin:26px 0 14px;padding-bottom:8px;border-bottom:2px solid #F0D3E5;letter-spacing:0}
.doc-ct h2 b,.doc-ct h2 strong,.doc-ct h3 b,.doc-ct h3 strong,.doc-ct h4 b,.doc-ct h4 strong{color:inherit}
.doc-ct h3{font:700 16px/1.4 "DejaVu Sans","Verdana",sans-serif;color:#8E1F6E;margin:22px 0 10px}.doc-ct h4{font:700 14.67px/1.5 "DejaVu Sans","Verdana",sans-serif;color:#8E1F6E;margin:18px 0 8px}
.doc-ct ul,.doc-ct ol{margin:0 0 14px;padding-left:28px}.doc-ct li{margin:3px 0}.doc-ct li::marker{color:#24202A}
.doc-ct table{width:100%;border-collapse:collapse;margin:14px 0 18px;font-size:14.67px}.doc-ct th,.doc-ct td{border:1px solid #E4DEE7;padding:6px 8px;text-align:left;vertical-align:top}
.doc-ct th,.doc-ct thead td,.doc-ct tr:first-child th{background:#F6E3F0;color:#8E1F6E;font-weight:700}
.doc-ct blockquote{margin:14px 0 18px;padding:9px 14px;background:#FBF2F8;border:1px solid #ECD3E2;border-left:5px solid #C2399A;border-radius:8px}.doc-ct blockquote p:last-child{margin-bottom:0}
.doc-ct kbd,.doc-ct .chip{display:inline-block;background:#8E1F6E;color:#fff;border-radius:4px;padding:0 7px;font:400 12.67px/1.7 "DejaVu Sans","Verdana",sans-serif}
.doc-ct code,.doc-ct pre{font-family:"DejaVu Sans Mono",Menlo,Consolas,monospace;font-size:12.67px;color:#24202A}
.doc-ct img{max-width:100%;height:auto;display:block;margin:10px auto;border-radius:6px}.doc-ct img.cover{margin:0 0 18px;width:100%}
.doc-ct a{color:#8E1F6E;text-decoration:underline;text-decoration-color:#F0D3E5;text-underline-offset:2px}
.doc-ft{margin-top:26px;padding-top:10px;border-top:1px solid #E4DEE7;color:#6E6874;font-size:12px;line-height:1.6}
.doc-share{max-width:760px;margin:14px auto 0;color:#6E6874;font-size:13px}
@media(max-width:800px){.doc{padding:26px 18px 22px;margin-top:18px}.doc-hd{gap:12px}.doc-hd img{width:48px;height:48px}.doc .doc-tt{font-size:24px}}