/* Extracted legacy public page styles from index.php. */
.qn-home{--blue:#087cf0;--blue2:#1d8cff;--ink:#0e1b39;--muted:#63718b;--line:#e5edf7;--soft:#f7fbff;max-width:1280px;width:calc(100% - 48px);margin:0 auto;padding:0 0 34px}
.qn-home *{box-sizing:border-box}
.qn-hero{position:relative;min-height:520px;padding:50px 58px 58px;overflow:hidden;border:1px solid #e5eef8;border-radius:0 0 34px 34px;background-image:linear-gradient(90deg,rgba(255,255,255,.97) 0%,rgba(255,255,255,.92) 31%,rgba(255,255,255,.62) 48%,rgba(255,255,255,.18) 67%,rgba(232,247,255,.04) 100%),url('/images/qienet_home_hero_bg.webp');background-size:cover;background-position:center center;background-repeat:no-repeat;box-shadow:none}
.qn-hero:before{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,.06) 0%,rgba(255,255,255,0) 62%,rgba(213,238,255,.20) 100%);pointer-events:none;z-index:0}
.qn-hero:after{content:'';position:absolute;left:-9%;bottom:-142px;width:76%;height:255px;border-radius:50% 50% 0 0/100% 100% 0 0;background:rgba(250,253,255,.98);box-shadow:0 -18px 45px rgba(94,166,224,.08);z-index:1;pointer-events:none}
.qn-hero-copy{position:relative;z-index:4;max-width:690px}
.qn-eyebrow{display:none}
.qn-hero h1{max-width:690px;margin:0;color:var(--ink);font-size:64px;line-height:1.04;letter-spacing:-.045em;font-weight:850}
.qn-hero h1 span{color:#1685f8}
.qn-hero-sub{max-width:620px;margin:16px 0 8px;color:#53698d;font-size:19px;line-height:1.55}
.qn-hero-note{margin:0 0 22px;color:#7789a8;font-size:15px}
.qn-job-search{position:relative;z-index:6;display:grid;grid-template-columns:minmax(0,1.45fr) minmax(210px,.72fr) auto;align-items:center;gap:0;max-width:980px;min-height:66px;padding:5px;background:rgba(255,255,255,.97);border:1px solid #dce9f5;border-radius:999px;box-shadow:0 16px 34px rgba(52,103,153,.14)}
.qn-search-field{position:relative;min-height:56px;display:flex;align-items:center;gap:12px;padding:0 20px}
.qn-search-field:first-child{border-right:1px solid #e6edf4}
.qn-search-field i{width:24px;flex:0 0 24px;display:flex;align-items:center;justify-content:center;color:#167ff0;font-size:23px;line-height:1}
.qn-search-field input{width:100%;height:56px;padding:0;border:0!important;outline:0!important;box-shadow:none!important;background:transparent!important;color:#25344e;font-size:16px;line-height:56px}
.qn-search-field input::placeholder{color:#7b899e;opacity:1}
.qn-search-field input:-webkit-autofill,.qn-search-field input:-webkit-autofill:hover,.qn-search-field input:-webkit-autofill:focus,.qn-search-field input:-webkit-autofill:active{-webkit-text-fill-color:#25344e!important;-webkit-box-shadow:0 0 0 1000px transparent inset!important;transition:background-color 9999s ease-in-out 0s}
.qn-search-submit{min-width:142px;height:50px;margin:0 2px;padding:0 22px;border:0;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;align-self:center;gap:0;background:linear-gradient(135deg,#1788f6,#0879ee);color:#fff;font-weight:750;font-size:16px;cursor:pointer;box-shadow:0 8px 18px rgba(8,124,240,.22)}
.qn-popular{position:relative;z-index:6;display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin-top:15px;color:#506587;font-size:13px;line-height:1.2}
.qn-popular strong{display:inline-flex;align-items:center;min-height:34px}
.qn-chip{min-height:34px;padding:0 13px;display:inline-flex;align-items:center;justify-content:center;border:1px solid #e1ebf5;border-radius:999px;background:rgba(255,255,255,.92);color:#356da4;text-decoration:none!important;line-height:1.2;box-shadow:0 4px 12px rgba(40,90,140,.04)}
.qn-chip:hover{border-color:#add4fa;color:#087cf0;background:#fff}
.qn-hero-art{position:absolute;right:0;top:0;bottom:0;width:49%;height:100%;z-index:3;pointer-events:none;overflow:hidden}
.qn-hero-art:before{content:'';position:absolute;right:-8%;bottom:-32px;width:104%;height:72%;background:radial-gradient(ellipse at 60% 72%,rgba(97,181,241,.27),rgba(97,181,241,0) 62%);z-index:1}
.qn-hero-art:after{content:'';position:absolute;right:8%;bottom:-10px;width:min(390px,74%);height:455px;background:url('/uploads/logo/1491526e-c829-4b0e-992e-f04b778c6ecf.png') center bottom/contain no-repeat;filter:drop-shadow(0 20px 25px rgba(28,79,125,.2));z-index:4}
.qn-mascot-orbit,.qn-mascot{display:none}
.qn-skyline{display:none}
.qn-handnote{position:absolute;right:28px;top:72px;width:205px;color:#1685ef;font-family:"Comic Sans MS","Segoe Print",cursive;font-size:27px;line-height:1.07;transform:rotate(-7deg);text-align:center;z-index:5}
.qn-handnote:after{content:'';display:block;width:150px;height:12px;margin:7px auto 0;border-bottom:3px solid #1688ee;border-radius:50%;transform:rotate(-5deg)}
.qn-tagline-float{position:absolute;left:16px;bottom:28px;color:#6e9fc9;font-weight:800;letter-spacing:.13em;font-size:13px;text-align:left;z-index:5}
.qn-entry-grid{position:relative;z-index:8;display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:-14px 0 18px}
.qn-entry-card{min-height:108px;padding:20px 22px;display:flex;align-items:center;gap:18px;border:1px solid #e4edf6;border-radius:16px;background:#fff;text-decoration:none!important;box-shadow:0 10px 30px rgba(35,80,125,.06);transition:.18s ease;cursor:pointer}
.qn-entry-card:hover{transform:translateY(-2px);box-shadow:0 14px 34px rgba(35,80,125,.1)}
.qn-entry-icon{width:56px;height:56px;flex:0 0 56px;display:flex;align-items:center;justify-content:center;border-radius:16px;font-size:25px}
.qn-entry-card.jobs .qn-entry-icon{color:#087cf0;background:#eaf5ff}.qn-entry-card.talent .qn-entry-icon{color:#11a675;background:#e9fbf4}.qn-entry-card.employer .qn-entry-icon{color:#eb9334;background:#fff3e5}.qn-entry-card.more .qn-entry-icon{color:#7057e8;background:#f0edff}
.qn-entry-card h3{margin:0 0 4px;color:#15223e;font-size:18px}.qn-entry-card p{margin:0;color:#718099;font-size:13px;line-height:1.35}.qn-entry-arrow{margin-left:auto;color:#2587e8;font-size:18px}
.qn-duo{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:10px}
.qn-panel{border:1px solid #e4edf6;border-radius:18px;background:#fff;padding:18px;box-shadow:0 8px 28px rgba(40,83,124,.05)}
.qn-panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:15px;margin-bottom:12px}.qn-panel-head h2{margin:0;color:#14223c;font-size:21px}.qn-panel-head p{margin:3px 0 0;color:#7a8799;font-size:13px}.qn-panel-head a{color:#1677ee;text-decoration:none;font-weight:650;font-size:13px;white-space:nowrap}
.qn-employers{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}
.qn-company-card{min-height:105px;padding:15px;display:flex;gap:12px;align-items:flex-start;border:1px solid #e6edf4;border-radius:12px;background:#fff;text-decoration:none!important}
.qn-company-card:hover{border-color:#b8dafa;background:#fbfdff}
.qn-company-logo{width:46px;height:46px;flex:0 0 46px;display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:12px;background:linear-gradient(135deg,#eaf5ff,#f4fbff);color:#087cf0;font-weight:850;font-size:20px}
.qn-company-logo img{width:100%;height:100%;object-fit:cover}.qn-company-card b{display:block;color:#18243c;font-size:14px}.qn-company-card small{display:block;margin-top:3px;color:#78859a;font-size:11px}.qn-hiring{color:#13a36e!important}
.qn-talent-list{display:grid;gap:8px}
.qn-talent-card{min-height:58px;padding:8px 11px;display:grid;grid-template-columns:44px minmax(0,1fr) auto;gap:11px;align-items:center;border:1px solid #e5edf5;border-radius:12px;background:#fff;text-decoration:none!important}
.qn-talent-card:hover{border-color:#b7d9f7;background:#fbfdff}
.qn-avatar{width:42px;height:42px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:linear-gradient(145deg,#dff2ff,#bfe4ff);color:#176fb7;font-weight:800}.qn-talent-main b{display:block;color:#18243c;font-size:14px}.qn-talent-main small{color:#76849a;font-size:11px}.qn-talent-meta{display:flex;gap:10px;margin-top:3px;color:#73829a;font-size:10px}.qn-open{padding:6px 10px;border-radius:999px;background:#e9f9f2;color:#15966b;font-size:10px;font-weight:700}
.qn-promo{position:relative;margin-top:18px;overflow:hidden;border:1px solid #dfeaf5;border-radius:20px;background:linear-gradient(105deg,#eef8ff,#fff 52%,#edf8ff);padding:22px 28px;display:flex;align-items:center;justify-content:space-between;gap:20px}
.qn-promo-copy{display:flex;align-items:center;gap:16px}.qn-promo-logo{width:58px;height:58px;border-radius:14px;object-fit:cover;box-shadow:0 8px 18px rgba(22,119,255,.15)}.qn-promo h3{margin:0;color:#12203a;font-size:22px}.qn-promo p{margin:4px 0 0;color:#6d7b92}.qn-promo-btn{padding:10px 20px;border:1px solid #1685ef;border-radius:999px;background:#fff;color:#1179df;text-decoration:none!important;font-weight:700}
.qn-ads{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:12px}.qn-ad{min-height:100px;overflow:hidden;border:1px solid #e6edf4;border-radius:14px;background:#fff}.qn-ad img{display:block;width:100%;height:120px;object-fit:cover}
.qn-service-overlay{display:none;position:fixed;inset:0;z-index:5000;background:rgba(15,31,52,.35);backdrop-filter:blur(4px);align-items:flex-end;justify-content:center;padding:24px}.qn-service-overlay.show{display:flex}.qn-service-drawer{width:min(860px,100%);padding:22px;border-radius:22px;background:#fff;box-shadow:0 26px 80px rgba(20,42,70,.25)}.qn-service-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.qn-service-head h3{margin:0}.qn-close{width:38px;height:38px;border:0;border-radius:10px;background:#f1f5f9;cursor:pointer}.qn-service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.qn-service-link{padding:14px;border:1px solid #e4ebf3;border-radius:12px;color:#2a3b55;text-decoration:none!important;background:#fbfdff}.qn-service-link i{display:block;margin-bottom:7px;color:#2388ef;font-size:20px}.qn-service-link:hover{border-color:#a9d2f8;background:#f5faff;color:#087cf0}
html[data-theme="dark"] .qn-home{--ink:#eef5ff;--muted:#aebacc;--line:#334152;--soft:#16202b}.qn-home-body[data-theme="dark"]{}
html[data-theme="dark"] .qn-home-body{background:#0f141b}
html[data-theme="dark"] .qn-hero,html[data-theme="dark"] .qn-entry-card,html[data-theme="dark"] .qn-panel,html[data-theme="dark"] .qn-company-card,html[data-theme="dark"] .qn-talent-card,html[data-theme="dark"] .qn-promo,html[data-theme="dark"] .qn-service-drawer{background:#171e27;border-color:#303b48;color:#e8eef5}
html[data-theme="dark"] .qn-hero h1,html[data-theme="dark"] .qn-entry-card h3,html[data-theme="dark"] .qn-panel-head h2,html[data-theme="dark"] .qn-company-card b,html[data-theme="dark"] .qn-talent-main b,html[data-theme="dark"] .qn-promo h3{color:#eef5ff}
@media(max-width:1050px){.qn-hero-art{opacity:.35;right:-100px}.qn-hero-copy{max-width:760px}.qn-entry-grid{grid-template-columns:repeat(2,1fr)}.qn-duo{grid-template-columns:1fr}.qn-employers{grid-template-columns:repeat(3,1fr)}}
@media(max-width:720px){.qn-home{width:calc(100% - 20px)}.qn-hero{min-height:0;padding:34px 20px 26px;border-radius:0 0 22px 22px}.qn-hero h1{font-size:42px}.qn-hero-sub{font-size:17px}.qn-hero-art{display:none}.qn-job-search{grid-template-columns:1fr;min-height:0;padding:6px;border-radius:18px}.qn-search-field{min-height:52px;padding:0 14px;border:0!important}.qn-search-field:first-child{border-bottom:1px solid #edf2f7!important}.qn-search-field i{width:22px;flex:0 0 22px;font-size:20px}.qn-search-field input{height:52px;line-height:52px;font-size:16px}.qn-search-submit{width:100%;min-width:0;height:48px;font-size:16px}.qn-popular{margin-top:14px;gap:8px}.qn-chip{min-height:32px;padding:0 11px;font-size:13px}.qn-entry-grid{grid-template-columns:1fr}.qn-employers{grid-template-columns:1fr 1fr}.qn-service-grid{grid-template-columns:1fr 1fr}.qn-promo{align-items:flex-start;flex-direction:column}.qn-ads{grid-template-columns:1fr}}
@media(max-width:480px){.qn-employers,.qn-service-grid{grid-template-columns:1fr}.qn-hero h1{font-size:36px}}