/* Giao diện đồng bộ với trang chủ Qworld TuNa. */
@font-face{font-family:QworldGame;src:url('https://qwtuna.com/hero-vn-20261027/fzxh1jw.ttf') format('truetype');font-display:swap}
:root{--bg:#111323;--ink:#f6f2ff;--muted:#c4bfd2;--line:rgba(228,216,255,.18);--green:#e7c887;--light:#332d45;--gold:#f3d693}
body{background:#111323;color:var(--ink);font-family:QworldGame,'Be Vietnam Pro',system-ui,sans-serif}
button,input,select{font-family:inherit}
a{color:#f3d693}a:hover{text-decoration:none;color:#fff0c8}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #f3d693;outline-offset:3px}
.wrap{max-width:1216px;padding-right:28px;padding-left:28px}
header{background:rgba(13,14,27,.96);border-bottom:1px solid rgba(255,255,255,.12)}
.header-inner{height:96px;gap:24px}
.brand{height:96px;overflow:hidden;flex-shrink:0}.brand-logo{display:block;width:220px;height:auto;max-width:none}
.header-nav{display:flex;align-items:center;gap:30px;font-size:13px;font-weight:600}.header-nav a{color:#f6f2ff}.header-nav a:hover,.header-nav .header-nav-current{color:var(--gold)}.header-nav-cta{padding:10px 17px;border:1px solid rgba(243,214,147,.65);color:var(--gold)!important}
.intro{position:relative;isolation:isolate;overflow:hidden;padding:62px 42px 58px;margin:34px 0 30px;border:1px solid rgba(228,216,255,.18);background:#28213c}.intro:before{content:'';position:absolute;inset:0;z-index:-2;background:url('https://qwtuna.com/hero-vn-20261027/hero.png') right 28% / cover no-repeat}.intro:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(17,16,32,.97) 0%,rgba(20,17,37,.90) 46%,rgba(20,17,37,.45) 100%)}.intro-copy{max-width:650px}.eyebrow{display:flex;align-items:center;gap:12px;color:#f3d693;font-size:10px;letter-spacing:.22em}.eyebrow:before{content:'';width:32px;height:1px;background:#f3d693}.intro h1{font-size:clamp(32px,4vw,50px);letter-spacing:-.035em;line-height:1.25}.intro h1 span{display:block;color:#f3d693}.intro>p:last-child,.intro-copy>p:not(.eyebrow){max-width:510px;margin:15px 0 0;color:#ded9e7}.intro-note{display:flex;gap:10px;align-items:center;margin-top:22px;color:#d5c9b6;font-size:10px;letter-spacing:.13em}.intro-note span{width:7px;height:7px;border-radius:50%;background:#dfbd80;box-shadow:0 0 12px #dfbd80}
.tabs{gap:30px;border-color:var(--line);margin-bottom:22px}.tabs a{color:#bfb9cd}.tabs .active{color:#f3d693;border-color:#f3d693}.tabs span{color:#d8c7a3;background:#393040;border-radius:3px}
.search-panel,.results{background:linear-gradient(135deg,#242034,#181a2c);border:1px solid var(--line);border-radius:0;box-shadow:0 18px 45px rgba(0,0,0,.16)}.search-panel{padding:25px}.search-panel label>span{color:#e6e1ed}input,select{background:#171827;color:#f6f2ff;border:1px solid rgba(228,216,255,.25);border-radius:0}input::placeholder{color:#aaa5b7}input:focus,select:focus{border-color:#f3d693;box-shadow:0 0 0 3px rgba(243,214,147,.12)}button{background:linear-gradient(120deg,#f3dcaa,#caa566);color:#181522;border-radius:0}button:hover{background:#f9e4b6}.search-hint{color:#beb8ca}
.results-title{border-color:var(--line)}.results-title>span,.pagination span{color:#bbb5c7}.results th{background:#292438;color:#d4c3a3}.results td{border-color:rgba(228,216,255,.12)}.results tbody tr:hover{background:rgba(167,140,205,.08)}.results .name-link{color:#f3eff9}.results td small,.results .type-label{color:#bbb5c7}.results .id-link{color:#eed29a}.open-link{border-color:var(--line);color:#dac9a6}.pagination{border-color:var(--line)}
.detail-toolbar{gap:12px;flex-wrap:wrap}.secondary{background:#272238;color:#f3d693;border:1px solid var(--line)}.secondary:hover{background:#383049;color:#fff0c8}.detail-card.task-table-layout{background:#f4f0f8;color:#2d2635;border:1px solid #c9bfd7}.detail-card a{color:#2358a0}.detail-card a:hover{color:#553185;text-decoration:underline}.detail-card button{font-family:inherit}.detail-card .muted{color:#6d6675}.task-info-table>thead>tr>th,.task-info-table>tbody>tr>th,.task-dialogue>summary,.spawn-map-section>summary{background:#eee8f4;color:#30273d}.task-info-table,.task-dialogue,.spawn-map-section{border-color:#d4c8df}.task-info-table>thead>tr>th,.task-info-table>tbody>tr>th,.task-info-table>tbody>tr>td{border-color:#e0d9e6}.task-info-table .id-link,.task-item-card a,.source-entry>a,.source-more>summary{color:#4163a3}.quest-chain-link{color:#f3d693}.notice{color:#443621}.empty p{color:#c4bfd2}
footer{border-top:1px solid rgba(255,255,255,.1);padding-top:24px;color:#a49eaf}footer span{color:#a48a64}
@media(max-width:700px){.wrap{padding-right:16px;padding-left:16px}.header-inner{height:auto;min-height:72px;gap:8px;padding-top:6px;padding-bottom:9px}.brand{height:60px}.brand-logo{width:165px}.header-nav{gap:12px;font-size:11px}.header-nav-cta{padding:7px 9px}.intro{padding:38px 24px;margin:22px 0}.intro:before{background-position:75% center}.intro:after{background:linear-gradient(90deg,rgba(17,16,32,.97),rgba(20,17,37,.78))}.intro h1{font-size:32px}.search-panel{padding:18px}.tabs{gap:20px}.detail-toolbar{justify-content:flex-start}}
@media(max-width:450px){.header-inner{flex-wrap:wrap;justify-content:center}.brand{height:53px}.header-nav{width:100%;justify-content:center}.intro{padding:32px 20px}.intro h1{font-size:28px}.intro-copy>p:not(.eyebrow){font-size:13px}.results-title{gap:12px}.search-panel form{gap:12px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}

main.wrap{padding-top:32px}
@media(max-width:700px){main.wrap{padding-top:22px}}
@media(max-width:700px){.results th:nth-child(3),.results td:nth-child(3){white-space:nowrap}}
/* Phần nội dung đồng bộ với nền sáng và các khung trắng của qwtuna.com. */
:root{--bg:#eeecf9;--ink:#30253e;--muted:#756b80;--line:rgba(120,96,150,.22);--green:#76509c;--light:#f3eff8;--gold:#8f68ad}
body{color:#30253e;background:#eeecf9 url('https://qwtuna.com/qworld-ambient-20261027.jpg') center top / 100% auto no-repeat}
header{background:rgba(13,14,27,.96)}
main.wrap{min-height:calc(100vh - 210px)}
a{color:#76509c}a:hover{color:#a645d2}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline-color:#76509c}
.tabs{border-color:rgba(120,96,150,.25)}.tabs a{color:#756b80}.tabs .active{color:#76509c;border-color:#79559a}.tabs span{background:#e9e0ef;color:#765c83}
.search-panel,.results{color:#30253e;background:rgba(255,255,255,.82);border:1px solid rgba(120,96,150,.22);box-shadow:0 20px 55px rgba(87,69,118,.09)}
.search-panel label>span{color:#43344e}input,select{background:rgba(255,255,255,.9);color:#30253e;border-color:#d9cfe2}input::placeholder{color:#91869a}input:focus,select:focus{border-color:#9875ad;box-shadow:0 0 0 3px rgba(152,117,173,.14)}
.search-panel button{background:#79559a;color:#fff}.search-panel button:hover{background:#a645d2}.search-hint{color:#756b80}
.results-title{border-color:#e3dce8}.results-title>span,.pagination span{color:#756b80}.results th{background:#f2edf6;color:#7d6a89}.results td{border-color:#eae4ed}.results tbody tr:hover{background:rgba(237,229,245,.55)}.results .name-link{color:#30253e}.results .name-link:hover{color:#76509c}.results td small,.results .type-label{color:#756b80}.results .id-link{color:#76509c}.open-link{border-color:#ded5e5;color:#856e93}.pagination{border-color:#e3dce8}.empty p{color:#756b80}
.detail-toolbar a{color:#76509c}.secondary{background:rgba(255,255,255,.8);color:#76509c;border:1px solid #d9cfe2}.secondary:hover{background:#f1e8f6;color:#5f3d79}
footer{border-color:rgba(120,96,150,.22);color:#756b80}footer span{color:#a18eaa}
.header-nav a:hover,.header-nav .header-nav-current,.header-nav-cta{color:#f3d693!important}
body{background-position:center calc(96px - 52vw)}