@import"https://fonts.googleapis.com/css2?family=Be+Vietnam+Pro:ital,wght@0,400;0,500;0,600;0,700;0,800;1,400&display=swap";[data-xq-theme=site]{--app: #f6f1ea;--panel: #fffdf9;--phead: #efe7db;--side: #f1eae0;--field: #ffffff;--ink: #2a2318;--muted: #6a5f50;--line: rgba(42, 35, 24, .15);--rule: rgba(42, 35, 24, .36);--selrow: #f5e7cd;--sideact: #f2e3c6;--chip: #ece3d5;--accent: #c8913a;--accent-dark: #a97724;--accent-soft: #f2e3c6;--oninv: #2a2318;--pos: #14743c;--neg: #3a4fa8;--run: #1f8a4c;--ready: #6a5f50;--err: #9c2b16;--ben-do-thong-ke: #9c2b16;--wood: #d4a46c;--wood-2: #dcb078;--font: "Be Vietnam Pro", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--mono: ui-monospace, "SF Mono", Menlo, monospace;--tx: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='140' height='140' filter='url(%23n)' opacity='0.055'/%3E%3C/svg%3E")}html,body{margin:0;padding:0}.xq-page{background:var(--app);color:var(--ink);font-family:var(--font);font-size:13px;line-height:1.4;font-variant-numeric:tabular-nums;-webkit-font-smoothing:antialiased}.xq-page *,.xq-page *:before,.xq-page *:after{box-sizing:border-box;border-radius:0}:where(.xq-page) button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer}.sh-acct{position:relative;display:flex;align-items:center}.sh-acct-login,.sh-acct-btn{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 10px;font-size:13px;font-weight:700;color:var(--ink);text-decoration:none;white-space:nowrap}.sh-acct-login{box-shadow:inset 0 -2px 0 var(--accent)}.sh-acct-ico{flex:none;display:block;color:var(--muted)}.sh-acct-login:hover .sh-acct-ico{color:var(--ink)}.sh-acct-btn{justify-content:center;width:44px;padding:0}.sh-acct-login:hover,.sh-acct-btn:hover{background:var(--accent-soft)!important}.sh-acct-login:focus-visible,.sh-acct-btn:focus-visible,.sh-acct-out:focus-visible{outline:2px solid var(--accent-dark);outline-offset:-2px}.sh-acct .sh-acct-ava{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;flex:none;overflow:hidden;border-radius:50%!important;background:var(--accent);color:var(--oninv, #fff);font-size:15px;font-weight:800;line-height:1}.sh-acct .sh-acct-ava img{display:block;width:100%;height:100%;object-fit:cover;border-radius:50%!important}.sh-acct-name{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.sh-acct-menu{position:absolute;right:0;top:100%;min-width:200px;background:var(--panel);border:1px solid var(--rule);box-shadow:0 6px 18px #2a23182e;z-index:400}.sh-acct-who{padding:10px 12px;font-size:12px;color:var(--muted);border-bottom:1px solid var(--line);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sh-acct-link{display:flex;align-items:center;min-height:44px;padding:0 12px;font-size:13px;font-weight:700;color:var(--ink);text-decoration:none;border-bottom:1px solid var(--line)}.sh-acct-link:hover,.sh-acct-link[aria-current=page]{background:var(--accent-soft)}.sh-acct-link:focus-visible{outline:2px solid var(--accent-dark);outline-offset:-2px}.sh-acct-out{display:block;width:100%;min-height:44px;padding:0 12px;text-align:left;font-size:13px;font-weight:700;color:var(--err)!important;padding:0 12px!important}.sh-acct-out:hover{background:var(--accent-soft)!important}[data-xq-theme=site]{--sh-header-h: 48px}.sh-header,.sh-header *,.sh-header *:before,.sh-header *:after{box-sizing:border-box;border-radius:0}:where(.sh-header) button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer}.sh-header{font-family:var(--font);font-size:13px;line-height:1.4;color:var(--ink);display:flex;align-items:center;gap:22px;padding:0 14px;height:var(--sh-header-h);flex:none;border-bottom:2px solid var(--rule);background:var(--app);background-image:var(--tx);position:relative;z-index:300}.sh-brand{display:flex;align-items:center;flex:none}.sh-brand img{display:block}.sh-head-title{display:flex;flex-direction:column;min-width:0;flex:1}.sh-head-name{font-size:14px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sh-head-sub{font-size:10.5px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sh-nav{display:flex;gap:2px;align-self:stretch;min-width:0;overflow:hidden}.sh-nav-link{display:flex;align-items:center;padding:0 10px;font-size:13px;white-space:nowrap;text-decoration:none;color:var(--muted)}.sh-nav-on{font-weight:800;color:var(--ink);box-shadow:inset 0 -2px 0 var(--accent)}.sh-right{margin-left:auto;display:flex;align-items:center;gap:8px;flex:none}.sh-gopy{flex:none;display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 12px;border:1px solid var(--line);background:var(--panel);color:var(--ink);font-size:12.5px;font-weight:700;white-space:nowrap;cursor:pointer}.sh-gopy:hover{background:var(--chip)}.sh-gopy svg{flex:none}.sh-gopy:focus-visible{outline:2px solid var(--accent-dark);outline-offset:-2px}.sh-burger{flex:none;display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;color:var(--ink);cursor:pointer}.sh-burger:hover{background:var(--accent-soft)}@media (max-width: 1099px){.sh-nav{display:none}}@media (max-width: 767px){[data-xq-theme=site]{--sh-header-h: 52px}.sh-header{padding:0 12px;gap:10px}.sh-brand img{width:28px;height:28px}.sh-gopy{min-height:44px;min-width:44px;padding:0 8px}.sh-right{gap:2px}}@media (max-width: 399px){.sh-gopy{min-width:44px;min-height:44px;padding:0;justify-content:center}.sh-gopy .sh-gopy-chu{display:none}}@media (max-width: 399px){.sh-header .sh-acct-login{gap:6px;padding:0 6px}}@media (max-width: 339px){.sh-header .sh-acct-login{min-width:44px;justify-content:center}.sh-header .sh-acct-login>span{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}}[data-feedback-box]{--fb-header-h: 48px}@media (max-width: 767px){[data-feedback-box]{--fb-header-h: 52px}}[data-feedback-box],[data-feedback-box] *{box-sizing:border-box;border-radius:0}[data-feedback-box] button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer}[data-feedback-box] button:disabled{opacity:.4;cursor:not-allowed}[data-feedback-box] input,[data-feedback-box] select,[data-feedback-box] textarea{font:inherit;color:inherit}:is(#phan-tich-feedback,[data-feedback-box]) .feedback-modal-backdrop{position:fixed;inset:var(--pt-header-h, var(--fb-header-h)) 0 0 0;z-index:200;display:flex;align-items:center;justify-content:center;padding:16px;background:#2a231866}:is(#phan-tich-feedback,[data-feedback-box]) .feedback-modal-backdrop[hidden]{display:none!important}:is(#phan-tich-feedback,[data-feedback-box]) .feedback-modal{width:min(520px,100%);max-height:calc(100vh - var(--pt-header-h, var(--fb-header-h)) - 32px);overflow:auto;background:var(--panel);border:2px solid var(--rule);color:var(--ink);font-family:var(--font);font-size:13px}:is(#phan-tich-feedback,[data-feedback-box]) .feedback-modal-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 14px;background:var(--phead);border-bottom:2px solid var(--rule)}:is(#phan-tich-feedback,[data-feedback-box]) .feedback-modal-header h3{margin:0;font-size:13px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}:is(#phan-tich-feedback,[data-feedback-box]) .feedback-form{display:flex;flex-direction:column;gap:10px;padding:14px}:is(#phan-tich-feedback,[data-feedback-box]) [hidden]{display:none!important}:is(#phan-tich-feedback,[data-feedback-box]) .feedback-form label{display:flex;flex-direction:column;gap:5px;font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}:is(#phan-tich-feedback,[data-feedback-box]) .feedback-form textarea,:is(#phan-tich-feedback,[data-feedback-box]) .feedback-form input,:is(#phan-tich-feedback,[data-feedback-box]) .feedback-form select{width:100%;padding:8px 9px;background:var(--field);border:1px solid var(--rule);font-size:13px;font-weight:400;letter-spacing:normal;text-transform:none;color:var(--ink)}:is(#phan-tich-feedback,[data-feedback-box]) .feedback-form-actions{display:flex;justify-content:flex-end;gap:8px}:is(#phan-tich-feedback,[data-feedback-box]) .feedback-form-actions button{padding:7px 16px;font-size:12px;font-weight:800;border:2px solid var(--rule)}:is(#phan-tich-feedback,[data-feedback-box]) .feedback-form-actions button[type=submit]{background:var(--accent);color:var(--oninv);border-color:var(--accent)}:is(#phan-tich-feedback,[data-feedback-box]) .feedback-modal-status{margin:0;font-size:12px;color:var(--muted)}@media (max-width: 767px){:is(#phan-tich-feedback,[data-feedback-box]) .feedback-form-actions button,:is(#phan-tich-feedback,[data-feedback-box]) .feedback-modal-header button{min-height:44px;min-width:44px}}.hc-app{--primary: var(--accent);--primary-dark: var(--accent-dark);--primary-soft: var(--accent-soft);--success: var(--pos);--success-soft: #e7f4ea;--danger: var(--err);--danger-soft: #f7d9d3;--shadow-sm: 0 2px 8px rgba(32, 24, 16, .06);--shadow-md: 0 8px 24px rgba(32, 24, 16, .08);--shadow-lg: 0 18px 40px rgba(32, 24, 16, .1);--radius-sm: 12px;--radius-md: 18px;--radius-lg: 22px;--space-xs: 8px;--space-sm: 14px;--space-md: 24px;--space-lg: 32px;min-height:100vh;background:var(--app)}.hc-app .hoc-co-page{font-size:16px;line-height:normal}.hoc-co-page{max-width:1130px;margin:0 auto;padding:var(--space-lg) 20px 32px}.hoc-co-page [hidden]{display:none!important}.hc-header{margin-bottom:var(--space-md);display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:10px var(--space-md)}.hc-header-main{flex:1 1 420px;min-width:0}.hc-header-play{display:flex;flex-wrap:wrap;align-items:center;gap:8px;flex:0 1 auto}.hc-header-play-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}.hc-header-play-sep{color:var(--muted);font-size:13px;line-height:1;-webkit-user-select:none;user-select:none;pointer-events:none}.hc-header-play-link{display:inline-flex;align-items:center;padding:7px 13px;border:1px solid var(--line);border-radius:999px;background:var(--panel);color:var(--ink);font-size:13.5px;font-weight:600;text-decoration:none;white-space:nowrap;box-shadow:var(--shadow-sm);transition:border-color .15s,background .15s,color .15s}.hc-header-play-link:hover{border-color:#a6702573;color:var(--primary-dark)}.hc-header-play-link:focus-visible{outline:2px solid var(--primary-dark);outline-offset:2px}.hc-header h1{margin:0 0 6px;font-size:30px;letter-spacing:-.01em}.hc-sub{margin:0;color:var(--muted);font-size:15px;max-width:640px}.hc-tabs{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 var(--space-md)}.hc-tab{display:inline-flex;align-items:center;gap:8px;padding:9px 16px;border-radius:999px;border:1px solid var(--line);background:var(--panel);color:var(--ink);font:inherit;font-size:14px;font-weight:600;cursor:pointer;box-shadow:var(--shadow-sm);transition:border-color .15s,background .15s,color .15s}.hc-tab:hover{border-color:#a6702573}.hc-tab.active{background:var(--primary);border-color:var(--primary-dark);color:#fff}.hc-tab-count{font-size:12px;font-weight:600;padding:1px 8px;border-radius:999px;background:var(--primary-soft);color:var(--primary-dark)}.hc-tab.active .hc-tab-count{background:#ffffff38;color:#fff}.hc-section{background:var(--panel);border-radius:var(--radius-lg);padding:var(--space-md);box-shadow:var(--shadow-md);margin-bottom:var(--space-md)}.hc-section-title{margin:0 0 14px;font-size:20px;display:flex;align-items:baseline;gap:10px;border-bottom:1px solid var(--line);padding-bottom:10px}.hc-topic-title{margin:18px 0 10px;font-size:16px;display:flex;align-items:baseline;gap:8px}.hc-subtopic-title{margin:12px 0 8px;font-size:13.5px;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.04em;display:flex;align-items:baseline;gap:8px}.hc-count{font-size:12px;font-weight:500;color:var(--muted);text-transform:none;letter-spacing:0}.hc-empty{color:var(--muted);padding:var(--space-md);text-align:center}.hc-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px}.hc-grid{max-width:1000px}.hc-card{display:flex;align-items:center;gap:10px;text-align:left;padding:10px 12px;border-radius:var(--radius-sm);border:1px solid var(--line);background:#fffdf9;font:inherit;color:var(--ink);cursor:pointer;transition:transform .12s,box-shadow .12s,border-color .12s}.hc-card:hover,.hc-card:focus-visible{transform:translateY(-1px);border-color:#a6702580;box-shadow:var(--shadow-sm);outline:none}.hc-card-num{flex-shrink:0;width:26px;height:26px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;background:var(--primary-soft);color:var(--primary-dark);font-size:12px;font-weight:700}.hc-card-body{display:flex;flex-direction:column;gap:2px;min-width:0}.hc-card-title{font-size:14px;font-weight:600;line-height:1.35}.hc-card-meta{font-size:12px;color:var(--muted)}.hc-crumb{display:block;font-size:12px;color:var(--muted);margin:0 4px 8px;min-width:0}.hc-lesson-layout{display:grid;grid-template-columns:240px minmax(0,1fr);grid-template-rows:auto minmax(0,1fr);gap:var(--space-sm) var(--space-md);align-items:start}.hc-lesson-topbar{grid-column:1;grid-row:1;display:flex;flex-direction:column;gap:2px;min-width:0}.hc-lesson-layout>.hc-sidebar{grid-column:1;grid-row:2}.hc-lesson-layout>.hc-lesson-content{grid-column:2;grid-row:1 / span 2}.hc-sidebar{background:var(--panel);border-radius:var(--radius-md);padding:var(--space-sm);box-shadow:var(--shadow-md);max-height:calc(100vh - 96px);overflow-y:auto;position:sticky;top:16px}.hc-sidebar-node{font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--primary-dark);margin:4px 4px 10px}.hc-side-lesson{display:block;width:100%;text-align:left;border:none;background:transparent;color:var(--ink);font:inherit;font-size:14px;line-height:1.4;padding:8px 10px;border-radius:10px;cursor:pointer}.hc-side-lesson:hover{background:var(--primary-soft)}.hc-side-lesson.active{background:var(--primary-soft);color:var(--primary-dark);font-weight:600}.hc-lesson-grid{display:grid;grid-template-columns:minmax(430px,1fr) 320px;gap:var(--space-md);align-items:start}.board-column,.hc-panel{background:var(--panel);border-radius:var(--radius-lg);padding:var(--space-sm) var(--space-md) var(--space-md);box-shadow:var(--shadow-lg)}.board-column{max-width:100%;overflow:hidden}.board-frame{margin:0 auto 12px}.board,cg-container{border-radius:var(--radius-sm)}#hoc-co-status{margin:0;padding:10px 14px;border-radius:14px;font-size:15px;background:#fffaf4;color:var(--muted);box-shadow:var(--shadow-sm);min-height:1.5em}#hoc-co-status.wrong,#hoc-co-status.wrong.pulse{color:var(--danger);background:var(--danger-soft)}#hoc-co-status.ok{color:var(--success);background:var(--success-soft)}#hoc-co-status.branch{color:var(--ink);background:#f4efe6;border-left:3px solid var(--line);border-radius:4px 14px 14px 4px;animation:hc-status-fade .22s ease-out}@keyframes hc-status-fade{0%{opacity:.35;transform:translateY(-2px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion: reduce){@keyframes hc-status-fade{0%{opacity:.5}to{opacity:1}}}@keyframes hc-status-pulse{0%{transform:translate(0)}20%{transform:translate(-5px)}40%{transform:translate(5px)}60%{transform:translate(-3px)}80%{transform:translate(3px)}to{transform:translate(0)}}#hoc-co-status.pulse{animation:hc-status-pulse .32s ease-in-out}@media (prefers-reduced-motion: reduce){@keyframes hc-status-pulse{0%{opacity:1}50%{opacity:.45}to{opacity:1}}}.hc-panel-title{margin:0 0 10px;font-size:20px;line-height:1.3}#hoc-co-progress{margin:0 0 6px;font-size:12px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--muted)}.hc-progress-track{display:block;height:5px;border-radius:999px;background:var(--accent-soft);overflow:hidden;margin-bottom:12px}.hc-bar-fill{display:block;height:100%;border-radius:999px;background:var(--primary);transition:width .25s ease}.hc-instruction{padding:14px 16px;border-radius:16px;background:#fffaf4;margin-bottom:12px;font-size:15px;line-height:1.6;box-shadow:var(--shadow-sm)}#hoc-co-instruction p{margin:0 0 8px;color:var(--ink)}#hoc-co-instruction p:last-child{margin-bottom:0}#hoc-co-notation{margin:8px 0 0;font-size:14px;font-weight:700;color:var(--primary-dark)}#hoc-co-notation:empty{display:none}.side-to-move{display:inline-block;margin:0 0 8px;padding:3px 10px;border-radius:999px;font-size:13px;font-weight:600;line-height:1.5;border:1px solid transparent}.side-to-move.red{color:#a3341f;background:#fdece7;border-color:#f2c4b6}.side-to-move.black{color:#24303d;background:#e9edf2;border-color:#c3ccd6}.hc-desc{font-size:14.5px;line-height:1.65;color:var(--ink)}.hc-desc p{margin:0 0 10px}.hc-preface{margin:0 0 12px;font-size:14px}.hc-preface>summary{cursor:pointer;color:var(--muted);font-weight:600}.hc-preface[open]{padding:8px 10px;border:1px solid var(--line);border-radius:8px;background:#faf6ec}.hc-preface[open]>summary{color:inherit;margin-bottom:4px}.hc-preface p{margin:0 0 8px;line-height:1.6}.hc-complete{margin-top:12px;padding:16px;border-radius:16px;background:var(--success-soft);box-shadow:var(--shadow-sm)}.hc-complete h3{margin:0 0 8px;font-size:16px;color:var(--success)}.hc-complete p{margin:0 0 8px;font-size:14px;line-height:1.6}.hc-complete-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.hc-btn{border:1px solid var(--line);background:var(--panel);color:var(--ink);border-radius:999px;padding:8px 16px;font:inherit;font-size:14px;font-weight:600;cursor:pointer}.hc-btn:hover{border-color:#a6702573}.hc-btn.primary{background:var(--primary);border-color:var(--primary-dark);color:#fff}.hc-btn.primary:hover{background:var(--primary-dark)}.hc-square-highlight{box-shadow:inset 0 0 0 4px #7a4516fa,0 0 0 2px #ecc485d9;background:#7a45161f;box-sizing:border-box}.hc-legal-dot{border-radius:50%;background:#e68f0073}.hc-lesson-content svg.cg-shapes{shape-rendering:geometricPrecision}.hc-lesson-content svg.cg-shapes line{stroke-width:.1!important}.hc-lesson-content svg.cg-shapes marker path{transform:scale(.8);transform-origin:1.5px 2px}@media (max-width: 1000px){.hc-lesson-layout{grid-template-columns:1fr}.hc-lesson-layout>.hc-lesson-topbar{grid-column:1;grid-row:1}.hc-lesson-layout>.hc-lesson-content{grid-column:1;grid-row:2}.hc-lesson-layout>.hc-sidebar{grid-column:1;grid-row:3;position:static;max-height:60vh}}@media (max-width: 860px){.hc-lesson-grid{grid-template-columns:1fr}.hoc-co-page{padding:var(--space-md) 12px 24px}.hc-header h1{font-size:24px}.hc-section{padding:var(--space-sm)}.hc-grid{grid-template-columns:1fr 1fr}}@media (max-width: 560px){.hc-grid{grid-template-columns:1fr}.hc-tab{padding:8px 13px;font-size:13px}}.hc-guide-origin,.hc-guide-target{display:grid;place-items:center;box-sizing:border-box;border-radius:50%}.hc-guide-origin{border:2px solid rgba(255,255,255,.9);box-shadow:0 0 0 2px #46bd7b8c,0 0 10px #46bd7b80;animation:hc-guide-pulse 1.6s ease-in-out infinite}.hc-guide-target.capture{border:2px dashed rgba(230,143,0,.95);animation:hc-guide-pulse 1.6s ease-in-out infinite}.hc-guide-target.star{color:#327ee2;font-size:130%;line-height:1;text-shadow:0 0 2px rgba(255,255,255,.95),0 0 5px rgba(255,255,255,.8),0 0 7px rgba(0,0,0,.3);animation:hc-guide-star 1.6s ease-in-out infinite}@keyframes hc-guide-pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.12);opacity:.75}}@keyframes hc-guide-star{0%,to{transform:scale(1) rotate(0)}50%{transform:scale(1.18) rotate(8deg)}}@media (prefers-reduced-motion: reduce){.hc-guide-origin,.hc-guide-target.capture,.hc-guide-target.star{animation:none}}.hc-guide-finger{box-sizing:border-box;display:grid;place-items:center;transform:translate(30%,30%);filter:drop-shadow(0 1px 2px rgba(255,255,255,.85));animation:hc-guide-tap 1.6s ease-in-out infinite}.hc-guide-finger svg{width:132%;height:132%;overflow:visible}@keyframes hc-guide-tap{0%,to{transform:translate(30%,30%)}50%{transform:translate(26%,18%)}}@media (prefers-reduced-motion: reduce){.hc-guide-finger{animation:none}}.hc-resume{display:grid;grid-template-columns:1fr auto;align-items:center;gap:4px 16px;padding:14px 16px;margin-bottom:var(--space-md);border:1px solid var(--primary);border-radius:var(--radius-sm);background:var(--primary-soft)}.hc-resume-label{grid-column:1;margin:0;font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:var(--primary-dark)}.hc-resume-main{grid-column:1;margin:0;font-weight:600;color:var(--ink)}.hc-resume-btn{grid-column:2;grid-row:1 / span 2;padding:9px 18px;border:1px solid var(--primary-dark);border-radius:var(--radius-sm);background:var(--primary);color:#fff;font:inherit;font-weight:600;cursor:pointer}.hc-resume-btn:hover{filter:brightness(1.05)}.hc-resume-btn:focus-visible{outline:2px solid var(--primary-dark);outline-offset:2px}.hc-cat-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.hc-cat{display:flex;flex-direction:column;align-items:center;gap:3px;padding:14px 12px 12px;text-align:center;border:1px solid var(--line);border-radius:var(--radius-sm);background:#fffdf9;font:inherit;color:var(--ink);cursor:pointer;transition:transform .12s,box-shadow .12s,border-color .12s}.hc-cat:hover{transform:translateY(-1px);box-shadow:var(--shadow-sm);border-color:var(--primary)}.hc-cat:focus-visible{outline:2px solid var(--primary-dark);outline-offset:2px}.hc-ring-track{fill:none;stroke:var(--line);stroke-width:5}.hc-ring-fill{fill:none;stroke:var(--primary);stroke-width:5;stroke-linecap:round;transition:stroke-dashoffset .4s ease}.hc-cat-xong .hc-ring-fill{stroke:var(--primary-dark)}.hc-cat .hc-icon{width:40px;height:40px;display:grid;place-items:center;color:var(--primary-dark)}.hc-cat .hc-icon svg{width:30px;height:30px}.hc-cat .hc-icon:not(.doi) img{width:38px;height:38px;object-fit:contain}.hc-cat .hc-icon.doi img{object-fit:contain}.hc-cat-name{font-weight:600;line-height:1.3}.hc-cat-meta{font-size:.8rem;color:var(--muted)}.hc-cat-prog{display:flex;align-items:center;gap:8px;width:100%;margin-top:6px}.hc-cat-bar{flex:1;height:5px;border-radius:3px;background:var(--line);overflow:hidden}.hc-cat-fill{display:block;height:100%;background:var(--primary)}.hc-cat-pct{font-size:.76rem;color:var(--muted);font-variant-numeric:tabular-nums;min-width:2.4em;text-align:right}.hc-cat-xong{border-color:var(--primary)}.hc-cat-xong .hc-cat-fill{background:var(--primary-dark)}.hc-cat-xong .hc-cat-pct{color:var(--primary-dark)}.hc-browse-label{margin:14px 0 8px;font-size:1.02rem;font-weight:600}@media (prefers-reduced-motion: reduce){.hc-ring-fill{transition:none}}.hc-cat-back{display:inline-block;margin-bottom:var(--space-md);padding:6px 2px;border:0;background:none;font:inherit;font-weight:600;color:var(--primary-dark);cursor:pointer}.hc-cat-back:hover{text-decoration:underline}.hc-cat-back:focus-visible{outline:2px solid var(--primary-dark);outline-offset:2px}.hc-card.done{border-color:var(--primary)}.hc-card.done .hc-kind{position:relative}.hc-card.done .hc-kind:after{content:"✓";position:absolute;top:-6px;right:-8px;font-size:.7rem;line-height:1;color:var(--primary-dark)}.hc-done-note{margin:0 0 8px;color:var(--muted)}.hc-topic-title:has(.hc-icon),.hc-subtopic-title:has(.hc-icon){display:flex;align-items:center;gap:8px}.hc-topic-title .hc-icon:not(.doi) img,.hc-subtopic-title .hc-icon:not(.doi) img{width:30px;height:30px;object-fit:contain;display:block}.hc-topic-title .hc-icon.doi img,.hc-subtopic-title .hc-icon.doi img{object-fit:contain;display:block}.hc-side-group{margin:10px 0 4px;font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}.hc-side-group:first-child{margin-top:0}.hc-side-lesson.done:after{content:"✓";margin-left:6px;font-size:.8em;color:var(--primary-dark)}.hc-crumb-link{border:0;padding:0;background:none;font:inherit;color:var(--primary-dark);cursor:pointer;text-decoration:underline;text-underline-offset:2px}.hc-crumb-link:hover{filter:brightness(1.15)}.hc-crumb-link:focus-visible{outline:2px solid var(--primary-dark);outline-offset:2px}.hc-subtabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:var(--space-md)}.hc-subtabs[hidden]{display:none}.hc-subtab{display:inline-flex;align-items:center;gap:7px;flex:none;padding:7px 13px;border:1px solid var(--line);border-radius:999px;background:var(--panel);color:var(--ink);font:inherit;cursor:pointer;white-space:nowrap}.hc-subtab:hover{border-color:var(--primary)}.hc-subtab:focus-visible{outline:2px solid var(--primary-dark);outline-offset:2px}.hc-subtab.active{background:var(--primary-soft);border-color:var(--primary);font-weight:600}.hc-subtab .hc-icon{width:28px;height:28px;display:grid;place-items:center;color:var(--primary-dark)}.hc-subtab .hc-icon svg{width:24px;height:24px}.hc-subtab .hc-icon:not(.doi) img{width:27px;height:27px;object-fit:contain}.hc-subtab-count{font-size:.78rem;color:var(--muted);font-variant-numeric:tabular-nums}.hc-subtab.xong .hc-subtab-count{color:var(--primary-dark)}.hc-icon.doi{position:relative}.hc-icon.doi img{position:absolute;width:62%;height:62%}.hc-icon.doi img:first-child{left:0;top:0;z-index:2}.hc-icon.doi img:last-child{right:0;bottom:0;opacity:.92}.hc-topic-more{display:none}@media (max-width: 768px){.hc-header .hc-sub{display:none}.hc-header{margin-bottom:12px}.hc-header h1{font-size:1.5rem}.hc-tabs{gap:4px;margin-bottom:10px}.hc-tab{padding:5px 9px;font-size:.86rem}.hc-tab-count{display:none}.hc-subtabs{gap:5px;margin-bottom:10px}.hc-subtab{padding:4px 8px;font-size:.78rem;gap:4px}.hc-subtab .hc-icon{display:none}.hc-subtab-count{font-size:.72rem}.hc-resume{grid-template-columns:1fr auto;gap:2px 10px;padding:9px 11px;margin-bottom:10px}.hc-resume-label{font-size:.66rem;letter-spacing:.08em}.hc-resume-main{font-size:.92rem}.hc-resume-btn{padding:7px 13px;font-size:.88rem}.hc-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.hc-card{padding:8px 9px;gap:7px}.hc-card-title{font-size:.88rem}.hc-card-meta{font-size:.74rem}.hc-card-num{flex:none}.hc-cat-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.hc-cat{padding:10px;gap:3px 9px}.hc-cat .hc-icon{width:36px;height:36px}.hc-cat .hc-icon:not(.doi) img{width:34px;height:34px}.hc-cat .hc-icon svg{width:28px;height:28px}.hc-cat-name{font-size:.9rem}.hc-cat-meta{font-size:.74rem}.hc-topic-title,.hc-subtopic-title{margin:12px 0 6px}}@media (max-width: 500px){.hc-lesson-grid>.board-column{margin-left:-12px;margin-right:-12px;padding-left:0;padding-right:0;border-radius:0;max-width:none}.board-column>:not(.board-frame){padding-left:12px;padding-right:12px}}.hc-card-title{display:inline-flex;align-items:center;gap:6px}.hc-kind{display:inline-grid;place-items:center;width:17px;height:17px;flex:none}.hc-kind svg{width:17px;height:17px;display:block}.hc-kind-vidu{color:var(--primary-dark)}.hc-kind-luyentap{color:#7a6a3f}.hc-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.hc-topic-desc{margin:-2px 0 10px;max-width:34rem;font-size:.94rem;line-height:1.7;color:var(--muted)}.hc-topic-desc p{margin:0 0 .75em}.hc-topic-desc p:last-child{margin-bottom:0}.hc-chip{display:inline-flex;align-items:center;gap:3px;font-size:.78rem;color:var(--muted);font-variant-numeric:tabular-nums}.hc-chip svg{width:14px;height:14px;display:block}.hc-chip-vidu{color:var(--primary-dark)}.hc-chip-luyentap{color:#7a6a3f}.hc-units{display:flex;flex-direction:column;gap:8px}.hc-unit{display:grid;grid-template-columns:auto 1fr auto auto;align-items:center;gap:12px;width:100%;padding:12px 14px;text-align:left;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--panel);color:var(--ink);font:inherit;cursor:pointer;transition:border-color .12s,box-shadow .12s,transform .12s}.hc-unit:hover{border-color:var(--primary);box-shadow:var(--shadow-sm)}.hc-unit:focus-visible{outline:2px solid var(--primary-dark);outline-offset:2px}.hc-unit-no{display:grid;place-items:center;width:38px;height:38px;border-radius:10px;background:var(--primary-soft);color:var(--primary-dark);font-weight:700;font-variant-numeric:tabular-nums}.hc-unit-xong .hc-unit-no{background:var(--primary);color:#fff}.hc-unit-body{display:flex;flex-direction:column;gap:2px;min-width:0}.hc-unit-name{font-weight:600}.hc-unit-meta{font-size:.82rem;color:var(--muted)}.hc-unit-prog{position:relative;width:40px;height:40px;display:grid;place-items:center}.hc-unit-prog>svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;transform:rotate(-90deg)}.hc-unit-prog .hc-ring-track,.hc-unit-prog .hc-ring-fill{stroke-width:5}.hc-unit-count{font-size:.62rem;color:var(--muted);font-variant-numeric:tabular-nums}.hc-unit-xong .hc-ring-fill{stroke:var(--success)}.hc-unit-xong .hc-unit-count{color:var(--success)}.hc-unit-go{font-size:1.4rem;line-height:1;color:var(--muted)}.hc-resume-sub{grid-column:1;margin:2px 0 0;font-size:.8rem;color:var(--muted)}.hc-resume-bar{grid-column:1;height:5px;margin-top:6px;border-radius:3px;background:#786e5033;overflow:hidden}.hc-resume-fill{display:block;height:100%;background:var(--primary)}@media (max-width: 768px){.hc-unit{grid-template-columns:auto 1fr auto;gap:10px;padding:10px 12px}.hc-unit-go{display:none}.hc-unit-no{width:32px;height:32px;font-size:.9rem}.hc-unit-prog{width:38px;height:38px}.hc-unit-name{font-size:.94rem}.hc-unit-meta{font-size:.78rem}.hc-topic-desc{max-height:3.4em;overflow:hidden;margin-bottom:2px}.hc-topic-desc.mo{max-height:none;overflow:visible}.hc-topic-more{display:inline-block;margin:0 0 6px;padding:0;border:0;background:none;color:var(--primary-dark);font:inherit;font-size:.82rem;font-weight:600;cursor:pointer}.hc-topic-more:focus-visible{outline:2px solid var(--primary-dark);outline-offset:2px}.hc-section-title{margin-bottom:6px}}.hc-drills[hidden]{display:none}.hc-drills{display:flex;flex-direction:column;gap:8px;margin:0 0 14px}.hc-drills-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}.hc-drills-links{display:flex;flex-direction:column;gap:8px}.hc-drill-link{display:flex;flex-direction:column;gap:2px;padding:10px 12px;border:1px dashed var(--line);border-radius:var(--radius-sm);background:var(--panel);color:var(--ink);text-decoration:none;transition:border-color .12s,box-shadow .12s}.hc-drill-link:hover{border-color:var(--primary);border-style:solid;box-shadow:var(--shadow-sm)}.hc-drill-link:focus-visible{outline:2px solid var(--primary-dark);outline-offset:2px}.hc-drill-name{font-weight:700;font-size:14.5px}.hc-drill-name:after{content:" →";color:var(--muted);font-weight:400}.hc-drill-desc{font-size:12.5px;line-height:1.5;color:var(--muted)}.hc-step-next{margin-top:10px;align-self:flex-start}.hc-step-next[hidden]{display:none}.hc-complete.duoi-ban{margin:10px 0 0;padding:14px 16px;background:var(--panel);border:1px solid var(--line);box-shadow:0 8px 28px #281e0a2e}.hc-complete.duoi-ban h3{display:flex;align-items:center;gap:9px;margin:0;font-size:15px;color:var(--ink)}.hc-complete.duoi-ban h3:before{content:"✓";flex:0 0 auto;display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:var(--primary);color:#fff;font-size:14px;font-weight:700}.hc-complete.duoi-ban .hc-complete-actions{margin-top:12px}.hc-complete.duoi-ban .hc-complete-actions .hc-btn{flex:1 1 0}.hc-kindmeta{display:inline-flex;align-items:center;flex-wrap:wrap;gap:4px 12px}.hc-kindmeta-o{display:inline-flex;align-items:center;gap:4px}.hc-kindmeta .hc-kind{width:1.05em;height:1.05em}.hc-kindmeta .hc-kind svg{width:100%;height:100%}.hc-bien-so{display:grid;place-items:center;pointer-events:none}.hc-bien-so:before{content:attr(data-n);min-width:1.2em;height:1.2em;padding:0 .2em;box-sizing:border-box;display:grid;place-items:center;border-radius:999px;background:#327ee2;color:#fff;border:1.5px solid rgba(255,255,255,.95);font-size:88%;font-weight:700;line-height:1;white-space:nowrap;box-shadow:0 1px 3px #00000059}.hc-status-row{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.hc-status-row>.hc-status-live{flex:1 1 12rem}.hc-status-live>#hoc-co-status{margin:0}.hc-status-row>.hc-step-next{flex:0 0 auto}.hc-answer{margin-top:8px}.hc-answer[hidden]{display:none}.hc-hint-sq{box-sizing:border-box;border:3px solid #e0a52b;border-radius:6px;background:#e0a52b2e}.hc-hint-sq.target{border-color:#5c8a3a;background:#5c8a3a2e}.hc-bien-nut{margin-top:.5rem}.hc-bien-nut[hidden]{display:none}.hc-app .ghost{background:transparent;border:1px solid var(--line);color:var(--ink);border-radius:999px;padding:8px 14px;font:inherit;font-weight:600;cursor:pointer}.hc-app .ghost.nav-btn{padding:0;border-radius:50%;font-size:18px}.hc-app .ghost:hover,.hc-app .ghost:focus-visible{border-color:#a6702573;box-shadow:0 0 0 3px #c8913a29;outline:none}.hc-app .ghost:disabled,.hc-app .ghost:disabled:hover{box-shadow:none;cursor:default}.hc-bien-ds{margin-top:.75rem}.hc-bien-ds>summary{cursor:pointer;font-weight:600}.hc-ghichu-ds{margin-top:.75rem}.hc-ghichu-ds>summary{cursor:pointer;font-weight:600}.hc-ghichu-muc+.hc-ghichu-muc{margin-top:.6rem;padding-top:.6rem;border-top:1px solid var(--line, rgba(0, 0, 0, .12))}.hc-ghichu-nuoc{margin:.45rem 0 .2rem;font-size:.78rem;font-weight:600;letter-spacing:.04em;color:var(--muted);font-variant-numeric:tabular-nums}.hc-ghichu-loi{margin:0;font-size:.9rem;line-height:1.5;color:var(--ink)}.hc-bien-muc{display:inline-flex;align-items:center;gap:.3rem;text-align:left;padding:.3rem .55rem;font-variant-numeric:tabular-nums;border:1px solid var(--line, rgba(0, 0, 0, .12));border-radius:8px;background:transparent;font:inherit;color:inherit;cursor:pointer}.hc-bien-muc:hover,.hc-bien-muc:focus-visible{border-color:#327ee2;background:#327ee20f}.hc-doc{border:1px solid rgba(50,126,226,.35);border-radius:10px;background:#327ee20d;padding:.75rem .85rem}.hc-doc[hidden]{display:none}.hc-doc-badge{margin:0 0 .5rem;font-size:.78rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:#2a63a8}.hc-doc-duong{display:flex;flex-wrap:wrap;align-items:center;gap:.25rem;margin-bottom:.6rem;font-size:.86rem}.hc-doc-crumb{border:0;background:transparent;padding:.1rem .2rem;font:inherit;color:#2a63a8;cursor:pointer;border-radius:4px}.hc-doc-crumb:disabled{color:inherit;font-weight:600;cursor:default}.hc-doc-crumb:not(:disabled):hover,.hc-doc-crumb:focus-visible{background:#327ee21f}.hc-doc-crumb-sep{opacity:.5}.hc-doc-noi p{margin:0 0 .5rem}.hc-doc-con{margin-top:.7rem;padding-top:.6rem;border-top:1px solid rgba(50,126,226,.22)}.hc-doc-con[hidden]{display:none}.hc-doc-con-nhan{margin:0 0 .35rem;font-size:.85rem;font-weight:600}.hc-doc-muc{display:block;width:100%;text-align:left;margin-top:.35rem;padding:.4rem .55rem;border:1px solid rgba(50,126,226,.3);border-radius:8px;background:#fff;font:inherit;color:inherit;cursor:pointer}.hc-doc-muc:hover,.hc-doc-muc:focus-visible{border-color:#327ee2;background:#327ee214}.hc-doc-ae{margin-top:.5rem}.hc-doc-cuoi{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.75rem}.hc-doc-cuoi>.hc-btn{flex:1 1 auto}.hc-bien-nhom+.hc-bien-nhom{margin-top:.6rem}.hc-bien-nhom-nhan{margin:.5rem 0 .3rem;font-size:.72rem;font-weight:600;letter-spacing:.08em;opacity:.7}.hc-bien-hang{display:flex;flex-wrap:wrap;gap:.35rem}.hc-o-cham{border-radius:50%;cursor:pointer}.hc-o-cham:hover,.hc-o-cham:focus-visible{background:#327ee22e;outline:2px solid #327ee2;outline-offset:-4px}.hc-cham-goi{margin:.5rem 0 0;font-size:.86rem;opacity:.8}.hc-bien-dem{display:inline-block;min-width:1.1em;padding:0 .25em;border-radius:999px;background:#327ee229;color:#2a63a8;font-size:.74rem;font-weight:600;text-align:center}.hc-doc-muc-day{border-color:#327ee2;background:#327ee21a;font-weight:600}.hc-bien-ds--chinh{border:1px solid rgba(50,126,226,.3);border-radius:10px;padding:.5rem .7rem;background:#327ee20a}.hc-bien-phu-de{margin:.35rem 0 0;font-size:.84rem;opacity:.8}@media (max-width: 768px){.hc-doc-crumb{min-height:34px;padding:.35rem .45rem}.hc-doc-cuoi>.hc-btn{min-height:44px}.hc-bien-muc,.hc-doc-muc{min-height:40px}}.hc-doc-dai{display:flex;flex-wrap:wrap;align-content:flex-start;gap:.3rem;max-height:9rem;overflow-y:auto;overflow-x:hidden;padding:.15rem .1rem .35rem 0;margin-bottom:.5rem;scrollbar-width:thin}.hc-doc-dai[hidden]{display:none}.hc-doc-nuoc{flex:0 0 auto;min-height:30px;padding:.3rem .5rem;border:1px solid var(--line, rgba(0, 0, 0, .12));border-radius:6px;background:#fff;font:inherit;font-size:.82rem;font-variant-numeric:tabular-nums;white-space:nowrap;color:inherit;cursor:pointer}.hc-doc-nuoc:hover,.hc-doc-nuoc:focus-visible{border-color:#327ee2}.hc-doc-nuoc--y{border-color:#327ee280;background:#327ee214;font-weight:600}.hc-doc-nuoc--y:after{content:"•";margin-left:.3em;color:#2f6fc4}.hc-doc-nuoc--day.hc-doc-nuoc--y:after{color:#fff}.hc-doc-nuoc--day{background:#327ee2;border-color:#327ee2;color:#fff;font-weight:600}@media (max-width: 768px){.hc-doc-nuoc{min-height:34px}}@media (max-width: 768px){.hc-doc{padding:.6rem .65rem}.hc-doc-badge{margin-bottom:.35rem;font-size:.72rem}.hc-doc-duong{margin-bottom:.4rem}.hc-doc-dai{max-height:6rem;margin-bottom:.4rem}.hc-doc-cuoi{margin-top:.5rem;flex-wrap:nowrap}.hc-doc-cuoi>.hc-btn{flex:1 1 0;min-width:0;padding-left:.4rem;padding-right:.4rem;font-size:.86rem}}.hc-drills--muc-luc{margin-top:.9rem;padding:.75rem .9rem;border:1px solid var(--line, rgba(0, 0, 0, .12));border-radius:12px;background:#327ee20a}.hc-drills--muc-luc[hidden]{display:none}.hc-drills--muc-luc .hc-drills-links{display:flex;flex-direction:row;flex-wrap:wrap;gap:.5rem}.hc-drills--muc-luc .hc-drill-link{flex:1 1 16rem;min-width:0}@media (max-width: 560px){.hc-drills--muc-luc .hc-drills-links{flex-direction:column}.hc-drills--muc-luc .hc-drill-link{flex:0 0 auto}}.cong-phien-moi{position:fixed;left:50%;bottom:16px;transform:translate(-50%);z-index:9999;display:flex;align-items:center;gap:10px;max-width:min(92vw,34rem);padding:10px 12px;border:1px solid var(--line, rgba(0, 0, 0, .14));border-radius:10px;background:var(--panel, #fff);box-shadow:0 6px 24px #00000029;font-size:14px;line-height:1.45}.cong-phien-nut{flex:0 0 auto;padding:7px 12px;border:0;border-radius:8px;background:var(--primary, #327ee2);color:#fff;font:inherit;font-weight:600;cursor:pointer}.cong-phien-bo{flex:0 0 auto;width:26px;height:26px;padding:0;border:0;border-radius:6px;background:transparent;color:var(--muted, #6b645b);font-size:18px;line-height:1;cursor:pointer}@media (max-width: 560px){.cong-phien-moi{flex-wrap:wrap;bottom:10px}}.app-footer{max-width:1200px;margin:0 auto;padding:16px 20px;display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:12px;color:var(--muted);border-top:1px solid var(--line)}.app-footer-left{display:flex;align-items:center;gap:16px}.app-footer .beta-notice{font-style:italic}.app-footer .footer-feedback-btn{font-size:12px;padding:4px 12px;border-radius:999px;border:1px solid var(--line);background:var(--panel);color:var(--muted);cursor:pointer;white-space:nowrap;transition:background .15s,color .15s}.app-footer .footer-feedback-btn:hover{background:var(--primary-soft);color:var(--ink)}@media (max-width: 600px){.app-footer{flex-direction:column;align-items:flex-start;gap:8px;padding:12px}}.hoc-co-page:has(#hc-lesson-view){--hc-cot: clamp(260px, 24vw, 320px);max-width:1210px;padding-top:4px}.hoc-co-page:has(#hc-lesson-view) .hc-lesson-layout{grid-template-columns:var(--hc-cot) minmax(0,1fr);grid-template-rows:auto minmax(0,1fr)}.hoc-co-page:has(#hc-lesson-view) .hc-lesson-grid{grid-template-columns:minmax(0,1fr) var(--hc-cot)}.hoc-co-page:has(#hc-lesson-view) .hc-lesson-grid>.board-column{padding-top:0}.hoc-co-page:has(#hc-lesson-view) .hc-sidebar{top:4px}@media (max-width: 1000px){.hoc-co-page:has(#hc-lesson-view) .hc-lesson-layout{grid-template-columns:1fr;grid-template-rows:auto auto auto}.hoc-co-page:has(#hc-lesson-view) .hc-lesson-layout>.hc-lesson-content{grid-column:1;grid-row:1}.hoc-co-page:has(#hc-lesson-view) .hc-lesson-layout>.hc-lesson-topbar{grid-column:1;grid-row:2}.hoc-co-page:has(#hc-lesson-view) .hc-lesson-layout>.hc-sidebar{grid-column:1;grid-row:3}.hoc-co-page:has(#hc-lesson-view) .hc-lesson-grid{grid-template-columns:1fr}}@media (max-width: 860px){.hoc-co-page:has(#hc-lesson-view){padding-top:4px}}