.header-tabs-wrapper a.text-red-600 { --header-tab-accent: #dc2626; } .header-tabs-wrapper a.text-cyan-700 { --header-tab-accent: #0e7490; } .header-tabs-wrapper a.text-emerald-700 { --header-tab-accent: #047857; } .header-tabs-wrapper a.text-amber-700 { --header-tab-accent: #b45309; } .header-tabs-wrapper a.text-sky-700 { --header-tab-accent: #0369a1; } .header-tabs-wrapper a.bicanh-btn { --header-tab-accent: #6d28d9; } html.dark .header-tabs-wrapper a.text-red-600, body.dark .header-tabs-wrapper a.text-red-600 { --header-tab-accent: #f87171; } html.dark .header-tabs-wrapper a.text-cyan-700, body.dark .header-tabs-wrapper a.text-cyan-700 { --header-tab-accent: #67e8f9; } html.dark .header-tabs-wrapper a.text-emerald-700, body.dark .header-tabs-wrapper a.text-emerald-700 { --header-tab-accent: #6ee7b7; } html.dark .header-tabs-wrapper a.text-amber-700, body.dark .header-tabs-wrapper a.text-amber-700 { --header-tab-accent: #fcd34d; } html.dark .header-tabs-wrapper a.text-sky-700, body.dark .header-tabs-wrapper a.text-sky-700 { --header-tab-accent: #7dd3fc; } html.dark .header-tabs-wrapper a.bicanh-btn, body.dark .header-tabs-wrapper a.bicanh-btn { --header-tab-accent: #c4b5fd; } .header-tabs-wrapper nav > a { height: 1.75rem; padding-top: 0; padding-bottom: 0; line-height: 1; box-sizing: border-box; } .header-tab-active { background: transparent !important; color: var(--header-tab-accent, #67e8f9) !important; border: 0 !important; box-shadow: inset 0 -2px 0 var(--header-tab-accent, #67e8f9) !important; } .qk-user-cluster { display: inline-flex; align-items: stretch; height: 32px; max-width: 140px; flex-shrink: 0; overflow: visible; border: 0; border-radius: 0; background: transparent; gap: 2px; } .qk-user-cluster__name { min-width: 0; max-width: 108px; display: inline-flex; align-items: center; padding: 0 4px 0 6px; color: #fff; font-size: 12px; font-weight: 800; line-height: 1; text-decoration: none; border-radius: 8px; } .qk-user-cluster__name:hover { background: rgba(255, 255, 255, 0.08); } .qk-user-cluster__name span { font-weight: 800; } .qk-user-cluster__logout { display: flex; margin: 0; } .qk-user-cluster__logout button { display: inline-flex; align-items: center; justify-content: center; width: 28px; height: 100%; padding: 0; border: 0; border-radius: 8px; background: transparent; color: #cbd5e1; cursor: pointer; } .qk-user-cluster__logout button:hover { background: rgba(255, 255, 255, 0.08); color: #fda4af; } .qk-user-cluster__logout button:focus-visible { outline: 2px solid rgba(94, 234, 212, 0.9); outline-offset: -2px; } .qk-user-cluster__logout svg { width: 13px; height: 13px; } .qk-theme-toggle { display: inline-flex; align-items: center; justify-content: center; width: 32px; height: 32px; padding: 0; flex-shrink: 0; border: 0; border-radius: 8px; background: transparent; box-shadow: none; cursor: pointer; } .qk-theme-toggle__swatch { width: 13px; height: 13px; border-radius: 50%; background: conic-gradient(#e8b84c 0 22%, #d6c29c 22% 42%, #aeb4bc 42% 62%, #657080 62% 80%, #303030 80% 100%); box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.28); } .qk-theme-toggle:hover { background: rgba(255, 255, 255, 0.08); border-color: transparent; } .qk-theme-toggle[aria-expanded="true"] { background: rgba(255, 255, 255, 0.1); } .qk-header-bar { display: grid; grid-template-columns: minmax(0, 1fr); grid-template-areas: "lead" "actions"; align-items: center; column-gap: 8px; row-gap: 4px; padding: 0; } .qk-header-chrome { --qk-header-bg: linear-gradient(rgba(12,6,18,0.75), rgba(12,6,18,0.85)), url('https://quykhu.com/img/header-bg.webp') center/cover no-repeat; background: var(--qk-header-bg); border-bottom: 1px solid rgba(88, 28, 135, 0.4); box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); } .qk-header-chrome.convert-studio-topbar { --qk-header-bg: #161018; background: #161018; box-shadow: none; } .qk-header-lead { grid-area: lead; display: grid; grid-template-columns: auto auto minmax(0, 1fr); grid-template-areas: "logo cat search"; align-items: center; column-gap: 8px; min-width: 0; padding: 8px 10px 4px; } .qk-header-logo { grid-area: logo; } .qk-header-cat { grid-area: cat; position: relative; } .qk-header-search { grid-area: search; min-width: 0; } .qk-header-actions { grid-area: actions; min-width: 0; padding: 6px 10px 8px; } .qk-header-actions__row { display: flex; align-items: center; justify-content: space-between; flex-wrap: nowrap; gap: 4px; width: 100%; overflow-x: auto; overflow-y: hidden; overscroll-behavior-inline: contain; scrollbar-width: none; -webkit-overflow-scrolling: touch; } .qk-header-actions__row::-webkit-scrollbar { display: none; } .qk-header-search form { position: relative; display: flex; align-items: center; width: 100%; } .qk-header-admin { display: inline-flex; align-items: center; justify-content: center; height: 28px; padding: 0 10px; flex-shrink: 0; border-radius: 999px; background: #e11d48; color: #fff; font-size: 11px; font-weight: 700; text-decoration: none; } .qk-header-admin:hover { background: #b91c1c; } .qk-header-lt { display: inline-flex; align-items: center; gap: 4px; height: 32px; padding: 0 6px; flex-shrink: 0; border: 0; border-radius: 8px; background: transparent; color: #4fafa7; font-size: 11px; font-weight: 700; text-decoration: none; white-space: nowrap; } .qk-header-lt:hover { background: rgba(255, 255, 255, 0.08); } .qk-header-auth { display: inline-flex; align-items: center; height: 28px; padding: 0 9px; flex-shrink: 0; border: 0; border-radius: 999px; background: rgba(255, 255, 255, 0.1); color: #fff; font-size: 11px; font-weight: 600; text-decoration: none; white-space: nowrap; } .qk-header-auth:hover { background: rgba(255, 255, 255, 0.16); } .qk-header-actions .ascension-btn { flex-shrink: 0; min-height: 28px; padding: 0 0.55rem; font-size: 0.64rem; gap: 0.22rem; border: 0; box-shadow: none; background: rgba(45, 212, 191, 0.14); color: #99f6e4; white-space: nowrap; } .qk-header-actions .ascension-btn__glyph { width: 0.72rem; height: 0.72rem; } .qk-header-actions .ascension-btn::before, .qk-header-actions .ascension-btn::after { display: none; } .qk-header-actions .ascension-btn:hover { transform: none; border-color: transparent; background: rgba(45, 212, 191, 0.22); box-shadow: none; } .qk-header-actions .relative > button, .qk-header-actions .relative > div > button { height: 32px; min-height: 32px; padding: 0 8px; border: 0 !important; background: transparent !important; box-shadow: none !important; } .qk-header-actions .relative > button:hover, .qk-header-actions .relative > div > button:hover { background: rgba(255, 255, 255, 0.08) !important; } .qk-header-cat > div > button { border: 0 !important; background: transparent !important; padding: 6px !important; border-radius: 8px; } .qk-header-cat > div > button:hover { background: rgba(255, 255, 255, 0.08) !important; } .qk-cat-menu { position: fixed; z-index: 1000000; width: min(320px, calc(100vw - 24px - env(safe-area-inset-left, 0px) - env(safe-area-inset-right, 0px))); max-height: min(70dvh, 520px); margin: 0; padding: 10px; overflow: auto; overscroll-behavior: contain; border: 1px solid var(--qk-reader-line, #e2e8f0); border-radius: 14px; background: var(--qk-reader-paper, #fff); box-shadow: 0 14px 36px var(--qk-reader-shadow, rgba(15, 23, 42, 0.16)); color: var(--qk-reader-text, #0f172a); } .qk-cat-menu__grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 6px; } .qk-cat-menu__item { display: flex; align-items: center; justify-content: flex-start; min-width: 0; min-height: 38px; height: 38px; padding: 0 8px; border-radius: 9px; border: 1px solid var(--qk-reader-line, #e2e8f0); background: var(--qk-reader-paper-soft, #f8fafc); color: var(--qk-reader-text, #0f172a); font-size: 12px; font-weight: 700; text-align: left; text-decoration: none; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .qk-cat-menu__item:hover, .qk-cat-menu__item:focus-visible { border-color: var(--qk-reader-accent, #287e77); color: var(--qk-reader-text, #0f172a); } .qk-notice-panel { position: fixed; z-index: 1000000; width: min(320px, calc(100vw - 24px - env(safe-area-inset-left, 0px) - env(safe-area-inset-right, 0px))); max-height: min(70dvh, 520px); overflow: hidden; border: 1px solid var(--qk-reader-line, #e2e8f0); border-radius: 14px; background: var(--qk-reader-paper, #fff); box-shadow: 0 14px 36px var(--qk-reader-shadow, rgba(15, 23, 42, 0.16)); color: var(--qk-reader-text, #0f172a); } .qk-notice-panel__head { display: flex; align-items: center; justify-content: space-between; gap: 8px; padding: 10px 12px 8px; } .qk-notice-panel__title { font-size: 12px; font-weight: 800; color: var(--qk-reader-text, #0f172a); } .qk-notice-panel__count { font-size: 11px; font-weight: 700; color: var(--qk-reader-muted, #64748b); } .qk-notice-panel__list { max-height: min(48dvh, 360px); overflow: auto; overscroll-behavior: contain; } .qk-notice-panel__item { display: block; padding: 10px 12px; text-decoration: none; color: inherit; } .qk-notice-panel__item:hover, .qk-notice-panel__item:focus-visible { background: var(--qk-reader-paper-soft, #f8fafc); } .qk-notice-panel__text { margin: 0; font-size: 12px; font-weight: 500; line-height: 1.45; color: var(--qk-reader-text, #334155); } .qk-notice-panel__time { margin: 4px 0 0; font-size: 11px; color: var(--qk-reader-muted, #64748b); } .qk-notice-panel__empty { padding: 28px 12px; text-align: center; font-size: 12px; color: var(--qk-reader-muted, #64748b); } .qk-notice-panel__foot { padding: 8px 10px 10px; } .qk-notice-panel__all { display: flex; align-items: center; justify-content: center; height: 34px; border: 1px solid var(--qk-reader-line, #e2e8f0); border-radius: 9px; background: var(--qk-reader-paper-soft, #f8fafc); color: var(--qk-reader-text, #0f172a); font-size: 12px; font-weight: 700; text-decoration: none; } .qk-notice-panel__all:hover { border-color: var(--qk-reader-accent, #287e77); } .qk-header-search input { border: 0 !important; background: rgba(255, 255, 255, 0.08) !important; box-shadow: none !important; } .header-tabs-wrapper { background: transparent !important; border-bottom: 1px solid color-mix(in srgb, currentColor 10%, transparent) !important; box-shadow: none !important; backdrop-filter: none !important; } .header-tabs-wrapper nav { gap: 2px !important; padding-top: 0 !important; padding-bottom: 0 !important; } .header-tabs-wrapper nav > a { height: 34px !important; padding: 0 10px !important; border: 0 !important; border-radius: 0 !important; background: transparent !important; box-shadow: none !important; } .header-tabs-wrapper nav > a:hover { background: color-mix(in srgb, var(--header-tab-accent, currentColor) 8%, transparent) !important; box-shadow: none !important; } @media (min-width: 768px) { .qk-header-bar { grid-template-columns: minmax(0, 1fr) auto; grid-template-areas: "lead actions"; row-gap: 0; padding: 8px 0; } .qk-header-search { max-width: 28rem; } .qk-header-lead, .qk-header-actions { padding: 0; } .qk-header-actions__row { width: max-content; min-width: 0; justify-content: flex-end; gap: 6px; margin-left: auto; } .qk-header-chrome { position: sticky; top: 0; z-index: 80; } } @media (max-width: 767.98px) { .qk-header-chrome, .qk-header-container, .qk-header-bar { display: contents; } .qk-header-lead, .qk-header-actions { background: linear-gradient(rgba(12,6,18,0.75), rgba(12,6,18,0.85)), url('https://quykhu.com/img/header-bg.webp') center/cover no-repeat; } .qk-header-chrome.convert-studio-topbar .qk-header-lead, .qk-header-chrome.convert-studio-topbar .qk-header-actions { background: #161018; } .qk-header-actions { position: sticky; top: 0; z-index: 80; border-bottom: 1px solid rgba(88, 28, 135, 0.4); box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1); } }

Đăng nhập Đăng ký

Chương 165: Chương một trăm mười: Buổi sáng sớm (Cảm ơn Quần Thanh 925 ủng hộ Bạch Ngân Minh)

1.6x

22px

Tự chuyển

Hà… cuối cùng Bạch Chiếu Lâm cũng cảm nhận được cảm xúc thật sự của Đinh Tùng Ngôn, rồi nuốt xuống hơi thở cuối cùng. Hắn trợn trừng hai mắt, chết không nhắm mắt, cổ lệch sang một bên. Ta vậy mà cứ thế thua sao? Ta vậy m...

Quay lại truyện Kiếm Chúc Đại Hoang