.ref-bottom-nav.qd1-nav{width:100%;max-width:var(--qd-shell-w);padding:0 0 env(safe-area-inset-bottom);z-index:30;background:#fdfdfc;border-top:0;grid-template-columns:repeat(6,1fr);display:grid;position:fixed;bottom:0;left:50%;transform:translate(-50%);box-shadow:0 -1px rgba(20,20,30,.04)}.ref-bottom-nav.qd1-nav>a{color:#3a3c42;letter-spacing:0;flex-direction:column;justify-content:flex-start;align-items:center;gap:0;min-height:0;font-weight:400;display:flex}.qd1-nav .qd1-nav-ico{width:20px;height:20px;display:block}.qd1-nav .qd1-nav-ico svg{width:100%;height:100%;display:block}.qd1-nav>a>span:last-child{line-height:1;display:block}.qd1-nav>a.is-active{font-weight:500}.qd1-nav.is-brokerage{background:#fdfdfc;height:50px}.qd1-nav.is-brokerage>a{color:#383a41;padding-top:8px;font-size:10.5px}.qd1-nav.is-brokerage>a>span:last-child{margin-top:5px}.qd1-nav.is-brokerage>a.is-active{color:#a8640e}.qd1-nav.is-account{background:#fff;height:54px}.qd1-nav.is-account .qd1-nav-ico{width:22px;height:22px}.qd1-nav.is-account>a{color:#45484f;padding-top:8px;font-size:11px}.qd1-nav.is-account>a>span:last-child{margin-top:5px}.qd1-nav.is-account>a.is-active{color:#8c5d1a}.qd1-nav.is-mine{background:#fefefe;height:30px;box-shadow:0 -1px #f0f0f2}.qd1-nav.is-mine>a{color:#8f9096;padding-top:3px;font-size:8px}.qd1-nav.is-mine>a>span:last-child{margin-top:3px}.qd1-nav.is-mine>a.is-active{color:#b5040d}.qd1-nav.is-mine{box-sizing:border-box;padding-left:28px;padding-right:28px}.qd1-nav.is-brokerage>a{padding-top:7px}.qd1-nav.is-brokerage>a>span:last-child{margin-top:3.6px;font-size:9.5px}html:has(.qd1-mine){scroll-behavior:smooth;-webkit-text-size-adjust:100%}html:has(.qd1-hero){scroll-behavior:smooth;-webkit-text-size-adjust:100%}html:has(.qd1-acct){scroll-behavior:smooth;-webkit-text-size-adjust:100%}html:has(.qd-pnl){scroll-behavior:smooth;-webkit-text-size-adjust:100%}body:has(.qd1-mine){-webkit-overflow-scrolling:touch;overscroll-behavior-x:none}body:has(.qd1-hero){-webkit-overflow-scrolling:touch;overscroll-behavior-x:none}body:has(.qd1-acct){-webkit-overflow-scrolling:touch;overscroll-behavior-x:none}body:has(.qd-pnl){-webkit-overflow-scrolling:touch;overscroll-behavior-x:none}.qd1-mine,.qd1-hero~*,.qd1-acct,.qd-pnl{-webkit-overflow-scrolling:touch}.qd1-mine [style*=overflow],.qd1-acct [style*=overflow],.qd-pnl [style*=overflow]{overscroll-behavior:contain}.qd1-tabs,.qd-profile-tabs{overscroll-behavior-x:contain;scroll-snap-type:x proximity;scroll-behavior:smooth;scrollbar-width:none;-webkit-overflow-scrolling:touch;overflow-x:auto}.qd1-tabs::-webkit-scrollbar{display:none}.qd-profile-tabs::-webkit-scrollbar{display:none}.qd1-tabs>*,.qd-profile-tabs>*{scroll-snap-align:center}.qd1-mine :target,.qd1-acct :target,.qd-pnl :target,.qd1-hero~* :target{scroll-margin-top:64px}@media (prefers-reduced-motion:reduce){.qd1-tabs,.qd-profile-tabs{scroll-behavior:auto}html:has(.qd1-mine){scroll-behavior:auto}html:has(.qd1-hero){scroll-behavior:auto}html:has(.qd1-acct){scroll-behavior:auto}html:has(.qd-pnl){scroll-behavior:auto}}.qd1-nav.is-mine{height:auto;min-height:44px}.qd1-nav.is-mine>a{padding-top:5px;font-size:10.35px}.qd1-nav.is-mine .qd1-nav-ico,.qd1-nav.is-mine .qd1-nav-ico svg{width:20px;height:20px}.ref-bottom-nav>a{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}html{--qd-safe-top:env(safe-area-inset-top,0px);--qd-safe-bottom:env(safe-area-inset-bottom,0px)}@media (max-width:540px){html{--qd-safe-top:max(env(safe-area-inset-top,0px),44px);--qd-safe-bottom:max(env(safe-area-inset-bottom,0px),20px)}}html body .ref-header,html body .ref-page-home .ref-header{box-sizing:border-box;height:calc(68px + var(--qd-safe-top));padding-top:calc(12px + var(--qd-safe-top))}html body .ref-page-account .ref-header{height:calc(56px + var(--qd-safe-top));padding-top:calc(8px + var(--qd-safe-top))}html body:has(.qd1-mine) .ref-header{height:calc(44px + var(--qd-safe-top));min-height:calc(44px + var(--qd-safe-top));padding-top:var(--qd-safe-top)}html body .ref-header.ref-news-detail-header{height:calc(53px + var(--qd-safe-top));min-height:calc(53px + var(--qd-safe-top));padding-top:var(--qd-safe-top)}html body .ref-detail-heading,html body .ref-sector-full>header,html body .ref-fund-flow-page>header{box-sizing:border-box;padding-top:calc(12px + var(--qd-safe-top))}html body .ref-bottom-nav,html body .ref-page-home .ref-bottom-nav,html body .ref-bottom-nav.qd1-nav,html body .qd1-nav.is-brokerage,html body .qd1-nav.is-account,html body .qd1-acct .qd1-nav.is-account,html body .qd1-nav.is-mine{box-sizing:content-box;height:auto;min-height:56px;padding-left:0;padding-right:0;padding-bottom:var(--qd-safe-bottom);margin-bottom:0;bottom:0}html body:has(.qd1-mine) .qd1-nav.is-mine{box-sizing:content-box;height:auto;min-height:56px;padding-left:0;padding-right:0;padding-bottom:var(--qd-safe-bottom);margin-bottom:0;bottom:0}html body:has(.qd1-mine) .ref-bottom-nav.qd1-nav.is-mine{box-sizing:content-box;height:auto;min-height:56px;padding-left:0;padding-right:0;padding-bottom:var(--qd-safe-bottom);margin-bottom:0;bottom:0}html body .ref-detail-trading,html body .ref-fund-trading{box-sizing:content-box;height:auto;min-height:56px;padding-bottom:var(--qd-safe-bottom);margin-bottom:0;bottom:0}html body .ref-main{padding-bottom:calc(72px + var(--qd-safe-bottom))}html body .ref-footer{padding-bottom:16px}