/** * 项目名称：灵智AI * 开发者：胖鱼 * 版权归属：YG网络 * 版权起始年份：2026 * 版权所有 © YG网络 保留所有权利 * 法律声明：未经YG网络书面正式授权，禁止逆向解析、篡改源码、破解授权、私自分发、转租、二次售卖、非授权商业部署，一切侵权行为将依法追究法律责任 */ :root{--bg:#f5f7fb;--panel:#fff;--text:#172033;--muted:#687386;--line:#dfe5ee;--primary:#1677ff;--primary-dark:#0d56c7;--accent:#16a085;--danger:#d93025;--shadow:0 18px 50px rgba(31,45,61,.1)}*{box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Microsoft YaHei",Arial,sans-serif;background:var(--bg);color:var(--text)}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}code{background:#edf2f8;border:1px solid var(--line);border-radius:6px;padding:2px 6px}.boot-screen,.install-shell{min-height:100vh;display:grid;place-items:center;padding:24px;background:linear-gradient(135deg,#eef5ff,#f7fbf6)}.boot-panel,.install-card{width:min(760px,100%);background:var(--panel);border:1px solid var(--line);border-radius:8px;box-shadow:var(--shadow);padding:38px}.brand-mark{width:62px;height:62px;border-radius:8px;display:grid;place-items:center;background:#172033;color:#fff;font-weight:800;letter-spacing:0}.brand-mark.small{width:34px;height:34px;font-size:13px}.eyebrow{margin:0 0 8px;color:var(--accent);font-size:12px;text-transform:uppercase;font-weight:800;letter-spacing:0}.muted,.form-note{color:var(--muted)}.btn,.icon-btn{border:1px solid var(--line);background:#fff;color:var(--text);border-radius:8px;padding:10px 14px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px}.btn.primary{background:var(--primary);border-color:var(--primary);color:#fff}.btn.primary:hover{background:var(--primary-dark)}.btn.ghost{background:transparent}.btn.wide{width:100%}.boot-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}.topbar{height:68px;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0 28px;background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:5}.brand{display:flex;align-items:center;gap:10px;font-weight:800}.nav-tabs{display:flex;gap:8px}.nav-tabs a,.side-nav button{border-radius:8px;padding:10px 12px;color:var(--muted)}.nav-tabs a.active,.side-nav button.active{background:#eaf2ff;color:var(--primary);font-weight:700}.user-chip{display:flex;align-items:center;gap:10px;background:#f3f6fa;border:1px solid var(--line);border-radius:999px;padding:7px 12px}.app-shell{padding:28px;max-width:1260px;margin:0 auto}.hero-band{display:grid;grid-template-columns:minmax(0,1fr) 420px;gap:24px;align-items:end;padding:32px 0}.hero-band h1{font-size:38px;line-height:1.15;margin:0 0 12px}.hero-band p{font-size:16px;color:var(--muted)}.hero-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.hero-metrics div,.metric-grid article{background:#fff;border:1px solid var(--line);border-radius:8px;padding:18px}.hero-metrics strong,.metric-grid strong{display:block;font-size:24px;word-break:break-word}.hero-metrics span,.metric-grid span{display:block;color:var(--muted);font-size:13px;margin-top:6px}.workspace-grid{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:22px;margin-bottom:22px}.panel{background:#fff;border:1px solid var(--line);border-radius:8px;padding:22px;box-shadow:0 8px 24px rgba(31,45,61,.05)}.section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:18px}.section-head h2{margin:0;font-size:22px}.status-pill{border-radius:999px;background:#fff7e6;color:#9a6700;border:1px solid #ffd591;padding:6px 10px;font-size:12px}.status-pill.ok{background:#e9f8f1;color:#087443;border-color:#b7ebcf}.form-stack{display:grid;gap:16px}.form-stack.compact{gap:12px}.field{display:grid;gap:7px}.field span{font-weight:700;font-size:14px}input,select,textarea{width:100%;border:1px solid var(--line);border-radius:8px;padding:11px 12px;background:#fff;color:var(--text)}textarea{resize:vertical}.field-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.package-list{display:grid;gap:10px;margin-top:16px}.package-card{border:1px solid var(--line);border-radius:8px;padding:14px;display:flex;justify-content:space-between;align-items:center;gap:10px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;min-width:720px}th,td{text-align:left;border-bottom:1px solid var(--line);padding:12px;vertical-align:top}th{color:var(--muted);font-size:13px;background:#fafbfc}.admin-side{position:fixed;inset:0 auto 0 0;width:242px;background:#111827;color:#fff;padding:20px}.admin-brand{margin-bottom:24px}.side-nav{display:grid;gap:6px}.side-nav button{width:100%;border:0;text-align:left;background:transparent;color:#b9c2d0;cursor:pointer}.side-nav button.active{background:#22304a;color:#fff}.admin-main{margin-left:242px;min-height:100vh;padding:28px}.admin-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px}.admin-head h1{margin:0}.admin-view{display:none}.admin-view.active{display:grid;gap:18px}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.prose{line-height:1.8}.notice{position:fixed;right:18px;bottom:18px;background:#172033;color:#fff;border-radius:8px;padding:12px 14px;box-shadow:var(--shadow);z-index:20}.notice.error{background:var(--danger)}@media(max-width:900px){.topbar{height:auto;align-items:flex-start;flex-direction:column;padding:16px}.hero-band,.workspace-grid{grid-template-columns:1fr}.field-row,.hero-metrics,.metric-grid{grid-template-columns:1fr}.admin-side{position:static;width:auto}.admin-main{margin-left:0;padding:18px}.side-nav{grid-template-columns:repeat(2,minmax(0,1fr))}.boot-panel,.install-card{padding:24px}.hero-band h1{font-size:30px}} .front-console{--front-bg:#f3f6fb;--front-side:#121a2a;--front-side-2:#18243a;--front-card:#fff;--front-blue:#3b82f6;--front-green:#23c08a;background:var(--front-bg);min-height:100vh}.front-sidebar{position:fixed;inset:0 auto 0 0;width:248px;background:linear-gradient(180deg,var(--front-side),#0d1421);color:#d9e3f3;padding:18px 14px;display:flex;flex-direction:column;z-index:10}.front-logo{height:48px;display:flex;align-items:center;gap:10px;padding:0 10px;font-size:18px;font-weight:800;color:#fff}.front-logo-mark{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;background:linear-gradient(135deg,#4f8cff,#1fd19b);font-weight:900}.front-menu{display:grid;gap:4px;margin-top:18px;overflow:auto;padding-right:4px}.front-menu a{display:flex;align-items:center;gap:12px;height:42px;border-radius:10px;padding:0 12px;color:#aebbd0;font-size:14px}.front-menu a span{width:20px;text-align:center;color:#7ea7ff}.front-menu a.active,.front-menu a:hover{background:var(--front-side-2);color:#fff}.front-account-card{margin-top:auto;display:flex;align-items:center;gap:10px;padding:12px;border-radius:12px;background:rgba(255,255,255,.07)}.front-account-card strong,.front-account-card span{display:block}.front-account-card span{font-size:12px;color:#9fb0c8}.avatar-dot,.user-avatar{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:#edf4ff;color:#2563eb;font-weight:800}.front-main{margin-left:248px;min-height:100vh}.front-topbar{height:64px;background:#fff;border-bottom:1px solid #e6ebf2;display:flex;align-items:center;justify-content:space-between;padding:0 24px;position:sticky;top:0;z-index:6}.front-title,.front-tools{display:flex;align-items:center;gap:14px}.front-title strong{font-size:17px}.menu-button{border:0;background:#f1f5fb;border-radius:8px;width:36px;height:36px;cursor:pointer}.coin-pill{display:flex;align-items:center;gap:8px;border:1px solid #e6ebf2;background:#f8fbff;border-radius:999px;padding:8px 12px;color:#4f5f73}.theme-dot{width:34px;height:34px;border:0;border-radius:50%;cursor:pointer;background:conic-gradient(from 30deg,#3b82f6,#22c55e,#f59e0b,#ef4444,#3b82f6)}.front-notice{margin:18px 24px 0;background:#fff;border:1px solid #e6ebf2;border-left:4px solid #3b82f6;border-radius:12px;padding:14px 16px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:14px;align-items:center}.notice-icon{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;background:#eaf2ff;color:#2563eb;font-weight:900}.notice-head{display:flex;align-items:center;gap:8px}.notice-head span{font-size:12px;color:#b45309;background:#fff7ed;border:1px solid #fed7aa;border-radius:999px;padding:2px 8px}.front-notice p{margin:4px 0 0;color:#617086}.front-content{padding:24px}.front-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:18px}.front-stats article{background:#fff;border:1px solid #e6ebf2;border-radius:14px;padding:18px;box-shadow:0 10px 28px rgba(15,23,42,.05)}.front-stats span,.front-stats em{display:block;color:#6b788c;font-style:normal;font-size:13px}.front-stats strong{display:block;margin:8px 0;font-size:26px;color:#132033;word-break:break-word}.draw-layout{display:grid;grid-template-columns:minmax(0,1fr) 350px;gap:18px}.draw-card,.rail-card,.gallery-card{background:#fff;border:1px solid #e6ebf2;border-radius:14px;padding:22px;box-shadow:0 10px 28px rgba(15,23,42,.05)}.card-toolbar{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;margin-bottom:18px}.card-toolbar h1{margin:0;font-size:26px}.card-toolbar p:last-child{margin:6px 0 0;color:#687386}.prompt-field textarea{min-height:180px;background:#fbfdff}.preset-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.preset-grid button{border:1px solid #dbe5f2;background:#f8fbff;border-radius:10px;padding:10px;cursor:pointer;color:#536174}.generate-button{height:48px;font-weight:800}.right-rail{display:grid;gap:18px;align-content:start}.rail-card .package-card{background:#fbfdff}.gallery-card{margin-top:18px}.front-console table{min-width:760px}.front-console th{background:#f8fbff}.front-console .btn.primary{background:#2563eb;border-color:#2563eb}.front-console .status-pill.ok{background:#e8fff5;color:#058354;border-color:#b8f3d8}@media(max-width:1050px){.front-sidebar{position:static;width:auto}.front-main{margin-left:0}.front-menu{grid-template-columns:repeat(3,minmax(0,1fr));max-height:none}.front-account-card{margin-top:14px}.draw-layout,.front-stats{grid-template-columns:1fr}.front-topbar{position:static}.front-notice{margin:14px}.front-content{padding:14px}.preset-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){.front-menu{grid-template-columns:repeat(2,minmax(0,1fr))}.front-notice{grid-template-columns:1fr}.front-tools{gap:8px}.coin-pill{max-width:150px;overflow:hidden}.card-toolbar{display:grid}.front-stats strong{font-size:22px}} .module-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:18px}.bottom-modules{grid-template-columns:repeat(4,minmax(0,1fr))}.feature-card{background:#fff;border:1px solid #e6ebf2;border-radius:14px;padding:20px;box-shadow:0 10px 28px rgba(15,23,42,.05);display:grid;gap:12px;align-content:start}.feature-card h2{margin:0}.feature-card p{margin:0;color:#64748b;line-height:1.7}.sample-gallery{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.sample-gallery article{min-height:168px;border-radius:14px;padding:14px;display:flex;flex-direction:column;justify-content:flex-end;overflow:hidden;position:relative;color:#fff;background:#1e293b}.sample-gallery article span{position:absolute;inset:0;background:linear-gradient(135deg,#60a5fa,#22c55e);opacity:.92}.sample-gallery article:nth-child(2) span{background:linear-gradient(135deg,#fb7185,#8b5cf6)}.sample-gallery article:nth-child(3) span{background:linear-gradient(135deg,#14b8a6,#0f766e)}.sample-gallery article:nth-child(4) span{background:linear-gradient(135deg,#f59e0b,#ef4444)}.sample-gallery strong{position:relative;z-index:1;font-size:18px;text-shadow:0 2px 10px rgba(0,0,0,.2)}.mini-list{display:grid;gap:8px}.mini-list span{display:block;background:#f8fbff;border:1px solid #e6ebf2;border-radius:10px;padding:10px;color:#64748b}.front-menu a.active{box-shadow:inset 3px 0 0 #3b82f6}.preset-grid button.active{background:#eaf2ff;border-color:#93c5fd;color:#2563eb;font-weight:800}@media(max-width:1050px){.bottom-modules,.module-grid,.sample-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){.bottom-modules,.module-grid,.sample-gallery{grid-template-columns:1fr}.sample-gallery article{min-height:128px}} .front-page{display:none}.front-page.active{display:block}.page-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:18px}.page-heading h1{margin:0 0 6px;font-size:28px}.page-heading p{margin:0;color:#64748b;line-height:1.7}.front-card{background:#fff;border:1px solid #e6ebf2;border-radius:14px;padding:20px;box-shadow:0 10px 28px rgba(15,23,42,.05)}.dashboard-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.narrow{max-width:620px}.package-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch}.package-grid .package-card{display:grid;align-content:space-between;min-height:142px}.chat-shell{display:grid;gap:14px}.chat-messages{background:#fff;border:1px solid #e6ebf2;border-radius:14px;padding:18px;min-height:420px;display:grid;align-content:start;gap:12px;box-shadow:0 10px 28px rgba(15,23,42,.05)}.chat-bubble{max-width:76%;padding:12px 14px;border-radius:14px;background:#f1f5fb}.chat-bubble.user{justify-self:end;background:#eaf2ff}.chat-bubble strong,.chat-bubble span{display:block}.chat-bubble p{margin:6px 0;color:#253247;line-height:1.65}.chat-bubble span{font-size:12px;color:#64748b}.chat-compose{display:grid;grid-template-columns:minmax(0,1fr) 120px;gap:12px;align-items:end}.segmented{display:flex;gap:8px;flex-wrap:wrap}.segmented button{border:1px solid #dbe5f2;background:#fff;border-radius:999px;padding:8px 14px;cursor:pointer}.segmented button.active{background:#2563eb;border-color:#2563eb;color:#fff}.detailed article{min-height:220px}.detailed em{position:relative;z-index:1;font-style:normal;color:rgba(255,255,255,.9);margin-top:4px}.ticket-layout{display:grid;grid-template-columns:minmax(0,520px) minmax(0,1fr);gap:18px}.empty-state{padding:22px;text-align:center;color:#64748b;background:#f8fbff;border:1px dashed #cbd5e1;border-radius:12px}.front-console .table-wrap.front-card{padding:0;overflow:hidden}.front-console .table-wrap.front-card table{min-width:840px}.front-console .table-wrap.front-card th,.front-console .table-wrap.front-card td{padding:14px 16px}@media(max-width:1050px){.dashboard-grid,.package-grid,.ticket-layout{grid-template-columns:1fr}.chat-compose{grid-template-columns:1fr}.page-heading{display:grid}} .quick-actions{display:flex;gap:10px;flex-wrap:wrap;margin:-4px 0 18px}.toolbar{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.toolbar select,.page-heading select{min-width:150px}.cost-preview{display:flex;gap:10px;flex-wrap:wrap}.cost-preview span{border:1px solid #dbe5f2;background:#f8fbff;border-radius:999px;padding:8px 12px;color:#526274}.cost-preview strong{color:#2563eb}.chat-templates{display:flex;gap:10px;flex-wrap:wrap}.chat-templates button{border:1px solid #dbe5f2;background:#fff;border-radius:999px;padding:8px 12px;cursor:pointer;color:#526274}.chat-templates button:hover{border-color:#93c5fd;color:#2563eb}.two-column{display:grid;grid-template-columns:minmax(0,520px) minmax(0,1fr);gap:18px}.profile-layout{grid-template-columns:320px minmax(0,1fr)}.profile-card{display:grid;place-items:center;text-align:center;gap:10px}.avatar-large{width:82px;height:82px;border-radius:24px;display:grid;place-items:center;background:linear-gradient(135deg,#60a5fa,#22c55e);color:#fff;font-size:26px;font-weight:900}.profile-card strong{font-size:20px}.profile-card span{color:#64748b}.package-tag{display:inline-flex;width:max-content;border-radius:999px;background:#eef6ff;color:#2563eb;border:1px solid #bfdbfe;padding:3px 8px;font-size:12px;margin-bottom:10px}.state-badge{display:inline-flex;border-radius:999px;padding:3px 8px;font-size:12px;border:1px solid #dbe5f2;background:#f8fbff;color:#526274}.state-badge.finished{background:#e8fff5;color:#047857;border-color:#a7f3d0}.state-badge.queued{background:#eff6ff;color:#1d4ed8;border-color:#bfdbfe}.state-badge.saved{background:#fff7ed;color:#b45309;border-color:#fed7aa}.text-action{border:0;background:transparent;color:#2563eb;cursor:pointer;padding:3px 6px;border-radius:6px}.text-action:hover{background:#eaf2ff}.income{color:#059669;font-weight:800}.expense{color:#dc2626;font-weight:800}.ticket-list{display:grid;gap:12px}.ticket-item{display:flex;justify-content:space-between;gap:12px;border:1px solid #e6ebf2;background:#f8fbff;border-radius:12px;padding:12px}.ticket-item strong,.ticket-item span{display:block}.ticket-item span{color:#64748b;font-size:13px;margin-top:4px}.ticket-item p{margin:8px 0 0;color:#334155;line-height:1.6}.sample-gallery [hidden]{display:none}@media(max-width:1050px){.two-column,.profile-layout{grid-template-columns:1fr}.ticket-item{display:grid}.cost-preview{display:grid}} .admin-console{background:#f3f6fb}.admin-pro-side{background:linear-gradient(180deg,#111827,#0b1220);padding:18px 14px}.admin-pro-side .admin-brand{color:#fff;padding:0 8px}.admin-role-card{border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.06);border-radius:12px;padding:12px;margin:12px 4px 18px;color:#fff}.admin-role-card strong,.admin-role-card span{display:block}.admin-role-card span{font-size:12px;color:#9fb0c8;margin-top:4px}.admin-pro-nav{gap:5px}.admin-pro-nav button{height:40px;border-radius:10px;color:#aebbd0;padding:0 12px}.admin-pro-nav button.active,.admin-pro-nav button:hover{background:#18243a;color:#fff}.admin-pro-main{background:#f3f6fb}.admin-pro-head{background:#fff;border:1px solid #e6ebf2;border-radius:14px;padding:20px 22px;box-shadow:0 10px 28px rgba(15,23,42,.05)}.admin-pro-head p:last-child{margin:6px 0 0;color:#64748b}.admin-head-actions{display:flex;gap:10px;align-items:center}.admin-metrics article{box-shadow:0 10px 28px rgba(15,23,42,.05)}.admin-metrics em{display:block;color:#64748b;font-style:normal;font-size:13px;margin-top:6px}.admin-dashboard-grid{display:grid;grid-template-columns:minmax(0,420px) minmax(0,1fr);gap:18px}.status-list{display:grid;gap:10px}.status-list span{display:flex;justify-content:space-between;gap:12px;background:#f8fbff;border:1px solid #e6ebf2;border-radius:10px;padding:11px 12px;color:#526274}.status-list strong{color:#132033}.admin-toolbar{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:14px}.admin-toolbar input,.admin-toolbar select{max-width:260px}.admin-console .panel{box-shadow:0 10px 28px rgba(15,23,42,.05)}.admin-console table{min-width:920px}.admin-console td:last-child{white-space:nowrap}.admin-console .mini-list span{line-height:1.7}.admin-console .text-action{margin-right:4px}@media(max-width:1050px){.admin-dashboard-grid{grid-template-columns:1fr}.admin-head-actions{align-items:flex-start}.admin-pro-head{display:grid;gap:12px}} .admin-link-nav a{display:flex;align-items:center;height:40px;border-radius:10px;color:#aebbd0;padding:0 12px}.admin-link-nav a.active,.admin-link-nav a:hover{background:#18243a;color:#fff}.admin-login-page{min-height:100vh;background:radial-gradient(circle at 24% 16%,#1e3a8a 0,#111827 36%,#080d18 100%);display:grid;place-items:center;padding:24px}.admin-login-shell{width:min(420px,100%)}.admin-login-card{background:#fff;border:1px solid rgba(255,255,255,.18);border-radius:16px;padding:34px;box-shadow:0 24px 70px rgba(0,0,0,.28);text-align:center}.admin-login-logo{width:62px;height:62px;margin:0 auto 16px;border-radius:18px;background:linear-gradient(135deg,#3b82f6,#22c55e);display:grid;place-items:center;color:#fff;font-weight:900}.admin-login-card h1{margin:0;font-size:26px}.admin-login-card p{margin:8px 0 24px;color:#64748b}.admin-login-card .field{text-align:left}.admin-login-note{margin-top:16px;color:#64748b;font-size:13px} .front-logo img{width:36px;height:36px;border-radius:10px;display:block}.sample-gallery article img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.sample-gallery article::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(15,23,42,0),rgba(15,23,42,.48))}.sample-gallery article strong,.sample-gallery article em{z-index:2}.sample-gallery article span{display:none}.front-page.active{display:block} .provider-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.provider-grid article{border:1px solid #e6ebf2;background:#f8fbff;border-radius:12px;padding:16px;display:grid;gap:12px;align-content:start}.provider-grid h3{margin:0;font-size:17px}.inline-check{display:flex;grid-template-columns:auto 1fr;align-items:center;gap:10px}.inline-check input{width:auto}.inline-check span{font-weight:700}.admin-link-nav{max-height:calc(100vh - 150px);overflow:auto;padding-right:4px}@media(max-width:1200px){.provider-grid{grid-template-columns:1fr}} .admin-menu-group{display:grid;gap:4px;margin-bottom:8px}.admin-menu-title{color:#6f8098;font-size:12px;font-weight:800;letter-spacing:0;padding:10px 12px 4px}.admin-submenu{display:grid;gap:3px}.admin-submenu a{padding-left:18px}.admin-menu-group.open .admin-menu-title{color:#dce8fb}.admin-menu-group.open .admin-submenu{border-left:2px solid rgba(59,130,246,.45);margin-left:8px;padding-left:6px}.admin-menu-group.open .admin-submenu a{padding-left:12px} .admin-menu-title{width:100%;border:0;background:transparent;cursor:pointer;text-align:left;display:flex;align-items:center;justify-content:space-between}.admin-menu-title::after{content:"";width:8px;height:8px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;color:#718096;transform:rotate(45deg);transition:transform .18s ease,color .18s ease}.admin-menu-group.open .admin-menu-title::after,.admin-menu-group:hover .admin-menu-title::after{transform:rotate(180deg);color:#dce8fb}.admin-submenu{max-height:0;overflow:hidden;opacity:0;transform:translateY(-3px);transition:max-height .2s ease,opacity .16s ease,transform .16s ease}.admin-menu-group.open .admin-submenu,.admin-menu-group:hover .admin-submenu{max-height:260px;opacity:1;transform:translateY(0)}.admin-menu-group:hover .admin-menu-title{color:#dce8fb} .public-home{background:#070b13;color:#eef4ff}.home-header{position:sticky;top:0;z-index:30;height:72px;display:flex;align-items:center;justify-content:space-between;padding:0 46px;background:rgba(7,11,19,.82);backdrop-filter:blur(16px);border-bottom:1px solid rgba(255,255,255,.08)}.home-brand{display:flex;align-items:center;gap:10px;color:#fff;font-weight:900}.home-brand img{width:38px;height:38px;border-radius:10px}.home-nav{display:flex;align-items:center;gap:18px;color:#bdc7d8}.home-nav a,.home-nav button{border:0;background:transparent;color:inherit;cursor:pointer}.home-nav a:last-child{background:#fff;color:#0b1220;border-radius:999px;padding:10px 16px;font-weight:800}.home-hero{min-height:680px;position:relative;display:grid;place-items:center;overflow:hidden;padding:86px 24px 70px;background:radial-gradient(circle at 50% 20%,rgba(46,99,255,.24),transparent 36%),linear-gradient(180deg,#090f1d,#07101b 62%,#0a0f16)}.model-cloud{position:absolute;inset:0;display:flex;flex-wrap:wrap;align-content:flex-start;justify-content:center;gap:14px;padding:72px 7vw;opacity:.52;mask-image:linear-gradient(180deg,#000 0,#000 55%,transparent 88%)}.model-cloud span{height:38px;display:inline-flex;align-items:center;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.06);color:#dbe7ff;border-radius:999px;padding:0 16px;box-shadow:0 12px 40px rgba(0,0,0,.18)}.hero-copy{position:relative;z-index:1;text-align:center;max-width:920px;margin-top:150px}.hero-copy h1{margin:0 auto 18px;font-size:64px;line-height:1.08;max-width:850px;color:#fff}.hero-copy p{font-size:19px;line-height:1.8;color:#c9d4e7;margin:0 auto;max-width:780px}.hero-actions{display:flex;justify-content:center;gap:14px;flex-wrap:wrap;margin-top:34px}.public-home .btn{border-color:rgba(255,255,255,.18);background:rgba(255,255,255,.08);color:#fff}.public-home .btn.primary{background:#2563eb;border-color:#2563eb}.home-metrics{display:flex;justify-content:center;gap:26px;flex-wrap:wrap;margin-top:34px;color:#aab8cc}.home-metrics strong{display:block;color:#fff;font-size:26px}.home-section{padding:78px 46px;max-width:1240px;margin:0 auto}.home-section>h2,.home-cta h2{font-size:42px;line-height:1.16;margin:0 0 26px;color:#fff}.agent-grid,.capability-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.agent-grid article,.capability-grid article{border:1px solid rgba(255,255,255,.1);background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.035));border-radius:18px;padding:24px;min-height:220px}.agent-grid em{font-style:normal;color:#5d8cff;font-weight:900}.agent-grid h3,.capability-grid h3{margin:18px 0 10px;color:#fff}.agent-grid p,.capability-grid p,.home-section .section-head p{color:#aebbd0;line-height:1.75}.agent-grid a{color:#8bb2ff;font-weight:800}.capability-grid span{display:inline-flex;border-radius:999px;background:rgba(37,99,235,.16);color:#9fc0ff;border:1px solid rgba(96,165,250,.24);padding:6px 10px;font-size:12px}.inspiration-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.inspiration-grid article{position:relative;min-height:270px;border-radius:18px;overflow:hidden;background:#111827;display:flex;flex-direction:column;justify-content:flex-end;padding:18px;border:1px solid rgba(255,255,255,.08)}.inspiration-grid img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.inspiration-grid article::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 28%,rgba(4,8,15,.74))}.inspiration-grid strong,.inspiration-grid span{position:relative;z-index:1}.inspiration-grid strong{font-size:18px;color:#fff}.inspiration-grid span{color:#c4d0e2;margin-top:6px}.home-cta{text-align:center;margin:46px auto 80px;max-width:960px;border:1px solid rgba(255,255,255,.1);background:linear-gradient(135deg,rgba(37,99,235,.22),rgba(34,197,148,.14));border-radius:22px;padding:58px 24px}.home-cta p{color:#c8d4e7}.home-cta div{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin-top:22px}.home-footer{border-top:1px solid rgba(255,255,255,.08);padding:28px 46px;color:#92a0b7;display:flex;gap:18px;flex-wrap:wrap;justify-content:center}.home-footer a{color:#cbd8eb}.auth-page{min-height:100vh;background:radial-gradient(circle at 22% 10%,rgba(37,99,235,.3),transparent 34%),linear-gradient(135deg,#08111f,#0f172a 62%,#07101a);color:#eef4ff}.auth-shell{min-height:100vh;display:grid;grid-template-columns:minmax(0,1fr) 460px;gap:36px;align-items:center;max-width:1180px;margin:0 auto;padding:46px}.auth-art h1{font-size:52px;line-height:1.1;margin:74px 0 16px}.auth-art p{max-width:560px;color:#c8d4e7;font-size:18px;line-height:1.75}.auth-models{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.auth-models span{border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.07);border-radius:999px;padding:9px 14px;color:#cbd8eb}.auth-card{background:#fff;color:#172033;border-radius:18px;padding:30px;display:grid;gap:16px;box-shadow:0 28px 80px rgba(0,0,0,.32)}.auth-card h2{margin:0;font-size:28px}.auth-links{display:flex;justify-content:space-between;gap:12px;color:#2563eb}.auth-row{grid-template-columns:repeat(2,minmax(0,1fr))}.customer-widget{position:fixed;right:22px;bottom:22px;z-index:60}.customer-float{border:0;background:#2563eb;color:#fff;border-radius:999px;padding:13px 18px;box-shadow:0 18px 46px rgba(37,99,235,.35);cursor:pointer;font-weight:800}.customer-panel{position:absolute;right:0;bottom:58px;width:320px;background:#fff;color:#172033;border:1px solid #e6ebf2;border-radius:16px;padding:16px;box-shadow:0 22px 70px rgba(15,23,42,.22)}.customer-panel-head{display:flex;justify-content:space-between;gap:12px}.customer-panel-head strong,.customer-panel-head span{display:block}.customer-panel-head span{font-size:12px;color:#64748b}.customer-panel-head button{border:0;background:#f1f5fb;border-radius:8px;width:30px;height:30px;cursor:pointer}.customer-panel p{color:#526274;line-height:1.65}.customer-grid{display:grid;grid-template-columns:110px minmax(0,1fr);gap:12px}.customer-grid img,.customer-qr-fallback{width:110px;height:110px;border-radius:12px;background:#eef6ff;border:1px solid #dbeafe;display:grid;place-items:center;color:#2563eb;font-weight:900;text-align:center;padding:8px}.customer-grid span,.customer-grid a{display:block;color:#334155;margin-bottom:8px;word-break:break-all}@media(max-width:980px){.home-header{padding:14px 18px;height:auto;align-items:flex-start}.home-nav{gap:10px;flex-wrap:wrap;justify-content:flex-end}.hero-copy h1{font-size:42px}.hero-copy{margin-top:110px}.agent-grid,.capability-grid,.inspiration-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.auth-shell{grid-template-columns:1fr;padding:24px}.auth-art h1{font-size:38px;margin-top:44px}}@media(max-width:620px){.home-nav a[href^="#"]{display:none}.home-section{padding:52px 18px}.home-section>h2,.home-cta h2{font-size:30px}.agent-grid,.capability-grid,.inspiration-grid{grid-template-columns:1fr}.model-cloud{padding:50px 12px}.model-cloud span{height:34px;font-size:13px}.hero-copy h1{font-size:34px}.hero-copy p{font-size:16px}.auth-row{grid-template-columns:1fr}.customer-panel{width:calc(100vw - 32px);right:-6px}.customer-grid{grid-template-columns:1fr}.home-footer{padding:24px 18px}} .home-header.compact{position:relative}.home-nav button[data-auth-open]{background:#fff;color:#111827;border-radius:999px;padding:10px 16px;font-weight:900}.home-nav .dev-btn,.home-nav .lang-btn{border:1px solid rgba(255,255,255,.16);border-radius:999px;padding:9px 13px}.route-hero{min-height:calc(100vh - 72px);display:grid;place-items:center;text-align:center;padding:80px 22px;background:radial-gradient(circle at 50% 16%,rgba(37,99,235,.25),transparent 34%),linear-gradient(180deg,#07101b,#090f1d)}.route-auth-copy{display:block;padding-top:160px}.route-auth-copy h1{font-size:48px;color:#fff;margin:10px 0}.route-auth-copy p{color:#c8d4e7}.jn-auth-overlay{position:fixed;inset:0;z-index:100;background:rgba(2,6,23,.55);backdrop-filter:blur(8px);display:grid;place-items:center;padding:18px}.jn-auth-overlay[hidden]{display:none}.jn-auth-modal{position:relative;width:min(430px,calc(100vw - 32px));max-height:calc(100vh - 36px);overflow:auto;background:#fff;color:#101828;border-radius:22px;padding:30px 30px 24px;box-shadow:0 30px 100px rgba(0,0,0,.38)}.jn-modal-close{position:absolute;right:16px;top:14px;width:34px;height:34px;border:0;border-radius:50%;background:#f3f6fb;color:#667085;cursor:pointer;font-size:22px}.jn-auth-logo{text-align:center;display:grid;place-items:center;gap:10px;margin-top:4px}.jn-auth-logo img{width:54px;height:54px;border-radius:15px}.jn-auth-logo span{font-size:24px;font-weight:900;color:#111827}.jn-auth-subtitle{text-align:center;color:#667085;margin:8px 0 22px}.jn-auth-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:18px}.jn-auth-tabs button{height:42px;border:1px solid #e6ebf2;background:#f8fafc;color:#334155;border-radius:12px;cursor:pointer;font-weight:800}.jn-auth-tabs button.active{background:#eef4ff;border-color:#3b82f6;color:#2563eb}.jn-auth-form{display:grid;gap:13px}.jn-auth-form label,.jn-code-row label,.jn-captcha-row label{display:grid;gap:7px;color:#344054;font-size:14px;font-weight:700}.jn-auth-form input{height:46px;border:1px solid #d9e2ef;border-radius:12px;padding:0 13px;font-size:15px;outline:none;background:#fff}.jn-auth-form input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px rgba(59,130,246,.12)}.jn-code-row,.jn-captcha-row{display:grid;grid-template-columns:minmax(0,1fr) 118px;gap:10px;align-items:end}.jn-code-row button{height:46px;border:0;border-radius:12px;background:#2563eb;color:#fff;font-weight:900;cursor:pointer}.jn-captcha{height:46px;border-radius:12px;background:linear-gradient(135deg,#e0f2fe,#f8fafc);border:1px solid #cbd5e1;display:grid;place-items:center;font-size:20px;font-weight:900;letter-spacing:4px;color:#1d4ed8;user-select:none}.jn-auth-submit{height:48px;border:0;border-radius:14px;background:#cfd8e6;color:#fff;font-size:16px;font-weight:900;cursor:pointer}.jn-agree{grid-template-columns:18px minmax(0,1fr)!important;display:grid!important;align-items:start;gap:8px!important;font-size:13px!important;color:#667085!important;font-weight:500!important}.jn-agree input{height:16px!important;width:16px;margin-top:2px}.jn-agree a{color:#2563eb}.jn-auth-switch{text-align:center;margin:10px 0 2px}.jn-auth-switch button,.jn-forgot{border:0;background:transparent;color:#2563eb;cursor:pointer;font-weight:800}.jn-third-title{display:flex;align-items:center;gap:12px;color:#98a2b3;font-size:13px;margin:14px 0}.jn-third-title::before,.jn-third-title::after{content:"";height:1px;background:#e5e7eb;flex:1}.jn-third-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.jn-third-grid button{height:40px;border:1px solid #e5e7eb;background:#fff;border-radius:11px;color:#344054;cursor:pointer;font-weight:800}.jn-forgot{display:block;margin:14px auto 0;color:#667085}.jn-customer-panel{width:360px;border-radius:20px;padding:18px}.customer-service-list{display:grid;gap:12px}.customer-service-list article{display:grid;grid-template-columns:76px minmax(0,1fr);grid-template-rows:auto auto;column-gap:12px;align-items:center;border:1px solid #eef2f7;border-radius:14px;padding:12px;background:#f8fafc}.customer-service-list img,.customer-service-list .customer-qr-fallback,.customer-icon{grid-row:1 / span 2;width:76px;height:76px;border-radius:14px}.customer-service-list strong{color:#111827}.customer-service-list span,.customer-service-list a{color:#667085;word-break:break-all}.customer-icon{display:grid;place-items:center;background:#eef4ff;color:#2563eb;font-weight:900}.customer-float{display:inline-flex;align-items:center;gap:8px}.customer-float::before{content:"";width:8px;height:8px;border-radius:50%;background:#fff;box-shadow:0 0 0 4px rgba(255,255,255,.18)}@media(max-width:620px){.jn-auth-modal{padding:28px 20px 22px}.jn-auth-tabs{grid-template-columns:1fr}.jn-code-row,.jn-captcha-row{grid-template-columns:1fr}.jn-third-grid{grid-template-columns:repeat(2,1fr)}.jn-customer-panel{width:calc(100vw - 32px)}} .jn-auth-modal [hidden]{display:none!important} .model-marquee{display:grid;gap:18px}.model-row{display:flex;gap:14px;white-space:nowrap;animation:marquee-left 42s linear infinite;will-change:transform}.model-row.reverse{animation-name:marquee-right}.model-row.slow{animation-duration:58s}.model-row span{flex:0 0 auto;height:38px;display:inline-flex;align-items:center;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.06);color:#dbe7ff;border-radius:999px;padding:0 16px;box-shadow:0 12px 40px rgba(0,0,0,.18)}.hero-copy h1{display:inline-flex;align-items:center;gap:6px}.hero-copy h1 i{font-style:normal;color:#8fb3ff;animation:blink 1s step-end infinite}.hero-model-cards{position:absolute;left:50%;bottom:64px;transform:translateX(-50%);display:flex;gap:12px;z-index:1;pointer-events:none}.hero-model-cards article{width:310px;border:1px solid rgba(255,255,255,.08);background:rgba(9,15,29,.58);backdrop-filter:blur(12px);border-radius:18px;padding:18px 18px 16px;box-shadow:0 18px 44px rgba(0,0,0,.2)}.hero-model-cards strong{display:block;color:#fff;margin-bottom:8px}.hero-model-cards p{margin:0;color:#b7c4d7;font-size:14px;line-height:1.7}.section-lead{margin:-12px 0 24px;color:#aebbd0;max-width:760px;line-height:1.75}.replica-masonry{grid-auto-rows:12px;grid-auto-flow:dense}.replica-masonry article{position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end;min-height:260px;border-radius:18px;padding:18px;border:1px solid rgba(255,255,255,.08);background:#111827;color:#fff}.replica-masonry article.tall{grid-row:span 24}.replica-masonry article.short{grid-row:span 18}.replica-masonry article img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.replica-masonry article::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 20%,rgba(4,8,15,.8))}.replica-masonry .work-meta,.replica-masonry strong,.replica-masonry span{position:relative;z-index:1}.replica-masonry .work-meta{display:flex;gap:8px;align-items:center;margin-bottom:8px}.replica-masonry .work-meta em{display:inline-flex;align-items:center;justify-content:center;min-width:42px;height:24px;border-radius:999px;background:rgba(255,255,255,.14);font-style:normal;font-size:12px;padding:0 8px}.load-more-inspiration{margin:18px auto 0;display:block;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.06);color:#fff;border-radius:999px;padding:11px 16px;cursor:pointer}.pay-badges{display:flex;gap:8px;flex-wrap:wrap}.pay-badges b{font-weight:700;border:1px solid rgba(255,255,255,.12);border-radius:999px;padding:6px 10px;color:#d9e3f3}.customer-modal-overlay{position:fixed;inset:0;z-index:90;background:rgba(7,11,19,.58);backdrop-filter:blur(8px);display:grid;place-items:center;padding:20px}.customer-modal-overlay[hidden]{display:none}.customer-modal{width:min(440px,calc(100vw - 32px));background:#fff;color:#172033;border-radius:22px;padding:28px 26px 24px;box-shadow:0 30px 100px rgba(0,0,0,.36);position:relative;text-align:center}.customer-modal h2{margin:0;font-size:28px}.customer-modal p{margin:8px 0 18px;color:#637083}.customer-modal-close{position:absolute;right:14px;top:14px;width:34px;height:34px;border:0;border-radius:50%;background:#f3f6fb;cursor:pointer;color:#667085;font-size:22px}.service-hero{display:flex;gap:14px;align-items:center;justify-content:center;padding:14px 0 18px}.service-illustration{width:78px;height:78px;border-radius:22px;background:linear-gradient(135deg,#3b82f6,#22c55e);display:grid;place-items:center;color:#fff;font-size:24px;font-weight:900}.service-hero h3{margin:0 0 6px;font-size:20px}.service-hero span{color:#64748b}.service-qr{display:grid;justify-items:center;gap:10px}.service-qr img,.service-qr .customer-qr-fallback{width:156px;height:156px;border-radius:18px;border:1px solid #dbeafe;background:#f8fbff;display:grid;place-items:center;color:#2563eb;font-weight:900;padding:12px;text-align:center}.service-actions{display:grid;gap:10px;margin-top:18px}.service-actions a{display:flex;align-items:center;justify-content:center;height:46px;border-radius:14px;background:#2563eb;color:#fff;font-weight:800}.service-actions a:last-child{background:#eef4ff;color:#2563eb}.service-contact{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;color:#64748b;font-size:13px;margin-top:16px}.customer-widget{position:fixed;right:22px;bottom:22px;z-index:80}.customer-float{border:0;background:#2563eb;color:#fff;border-radius:999px;padding:13px 18px;box-shadow:0 18px 46px rgba(37,99,235,.35);cursor:pointer;font-weight:800}.jn-customer-panel{display:none}.load-more-inspiration,.customer-float{transition:transform .18s ease,box-shadow .18s ease}.load-more-inspiration:hover,.customer-float:hover,.home-nav button[data-auth-open]:hover,.home-nav .dev-btn:hover,.home-nav .lang-btn:hover{transform:translateY(-1px)}@keyframes blink{50%{opacity:0}}@keyframes marquee-left{from{transform:translateX(0)}to{transform:translateX(-12%)}}@keyframes marquee-right{from{transform:translateX(-12%)}to{transform:translateX(0)}}@media(max-width:980px){.hero-model-cards{display:none}.model-row{animation-duration:28s}.replica-masonry{grid-template-columns:repeat(2,minmax(0,1fr))}.customer-modal{width:calc(100vw - 32px)}}@media(max-width:620px){.replica-masonry{grid-template-columns:1fr}.hero-copy h1{flex-wrap:wrap}.service-hero{flex-direction:column}.customer-widget{right:12px;bottom:12px}.customer-float{padding:12px 16px}.load-more-inspiration{width:100%}} /* jnai8-style rotating hero stage and polished auth modal */ /** * 项目名称：灵智AI * 开发者：胖鱼 * 版权归属：YG网络 * 版权起始年份：2026 * 版权所有 © YG网络 保留所有权利 * 法律声明：未经YG网络书面正式授权，禁止逆向解析、篡改源码、破解授权、私自分发、转租、二次售卖、非授权商业部署，一切侵权行为将依法追究法律责任 */ .model-orbit-stage{position:absolute;left:50%;top:46%;width:min(560px,58vw);height:min(560px,58vw);transform:translate(-50%,-50%);z-index:0;pointer-events:none;opacity:.96}.model-orbit-stage::before,.model-orbit-stage::after{content:"";position:absolute;inset:10%;border-radius:50%;border:1px solid rgba(135,164,255,.16);box-shadow:0 0 80px rgba(45,103,255,.18) inset}.model-orbit-stage::after{inset:23%;border-style:dashed;animation:orbit-spin 34s linear infinite reverse}.orbit-ring{position:absolute;inset:0;border-radius:50%;animation:orbit-spin 26s linear infinite}.orbit-ring.ring-two{inset:13%;animation-duration:19s;animation-direction:reverse}.orbit-ring span{position:absolute;left:50%;top:50%;display:inline-flex;align-items:center;justify-content:center;min-width:76px;height:34px;padding:0 12px;border-radius:999px;border:1px solid rgba(255,255,255,.18);background:rgba(8,16,32,.74);box-shadow:0 14px 38px rgba(0,0,0,.28),0 0 24px rgba(56,116,255,.16);color:#e7efff;font-size:13px;font-weight:800;backdrop-filter:blur(10px);transform:rotate(var(--a)) translateX(calc(min(560px,58vw) / 2 - 44px)) rotate(calc(-1 * var(--a)))}.ring-two span{transform:rotate(var(--a)) translateX(calc(min(420px,45vw) / 2 - 38px)) rotate(calc(-1 * var(--a)));background:rgba(255,255,255,.08)}.orbit-ring span:nth-child(1){--a:0deg}.orbit-ring span:nth-child(2){--a:90deg}.orbit-ring span:nth-child(3){--a:180deg}.orbit-ring span:nth-child(4){--a:270deg}.orbit-core{position:absolute;left:50%;top:50%;width:132px;height:132px;transform:translate(-50%,-50%);border-radius:50%;display:grid;place-items:center;align-content:center;background:radial-gradient(circle at 35% 25%,#77a5ff,#2442f0 58%,#071126);border:1px solid rgba(255,255,255,.2);box-shadow:0 0 70px rgba(37,99,235,.55),0 25px 90px rgba(0,0,0,.34);color:#fff}.orbit-core b{font-size:42px;line-height:1}.orbit-core small{font-size:12px;color:#d9e7ff;margin-top:5px}.hero-copy{z-index:2}.model-cloud{opacity:.4}.jn-auth-overlay{animation:modal-fade .18s ease both}.jn-auth-modal{border-radius:26px;padding:32px 30px 24px;box-shadow:0 34px 120px rgba(2,6,23,.45);animation:modal-rise .24s cubic-bezier(.2,.8,.2,1) both}.jn-auth-logo img{box-shadow:0 12px 32px rgba(37,99,235,.2)}.jn-auth-submit{background:linear-gradient(135deg,#2f78ff,#16c784);box-shadow:0 14px 34px rgba(37,99,235,.24);transition:transform .18s ease,box-shadow .18s ease,filter .18s ease}.jn-auth-submit:hover{transform:translateY(-1px);box-shadow:0 18px 42px rgba(37,99,235,.3);filter:saturate(1.08)}.jn-register-benefits{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:-4px 0 2px}.jn-register-benefits span{display:flex;align-items:center;justify-content:center;min-height:34px;border-radius:999px;background:#eef6ff;color:#2563eb;border:1px solid #dbeafe;font-size:12px;font-weight:900;white-space:nowrap}.jn-register-submit{background:linear-gradient(135deg,#2563eb,#7c3aed 52%,#16c784)}.jn-third-grid button{transition:transform .18s ease,border-color .18s ease,background .18s ease}.jn-third-grid button:hover{transform:translateY(-1px);border-color:#93c5fd;background:#f8fbff}.jn-auth-form input{transition:border-color .18s ease,box-shadow .18s ease,background .18s ease}.jn-auth-modal [hidden]{display:none!important}@keyframes orbit-spin{to{transform:rotate(360deg)}}@keyframes modal-fade{from{opacity:0}to{opacity:1}}@keyframes modal-rise{from{opacity:0;transform:translateY(14px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@media(max-width:980px){.model-orbit-stage{width:420px;height:420px;top:42%;opacity:.64}.orbit-ring span{transform:rotate(var(--a)) translateX(166px) rotate(calc(-1 * var(--a)))}.ring-two span{transform:rotate(var(--a)) translateX(128px) rotate(calc(-1 * var(--a)))}.orbit-core{width:104px;height:104px}.orbit-core b{font-size:34px}.hero-copy{margin-top:190px}.jn-auth-modal{max-height:calc(100dvh - 28px)}}@media(max-width:620px){.home-header{gap:12px}.home-brand span{max-width:96px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.home-nav{width:100%;justify-content:space-between;gap:6px}.home-nav button{font-size:13px}.home-nav button[data-auth-open],.home-nav .dev-btn,.home-nav .lang-btn{padding:8px 10px}.home-hero{min-height:650px;padding:56px 16px 54px}.model-orbit-stage{display:none}.model-cloud{opacity:.5;max-height:260px;overflow:hidden}.hero-copy{margin-top:178px}.hero-actions .btn{width:100%;justify-content:center}.home-metrics{gap:14px}.jn-auth-overlay{align-items:end;padding:10px;background:rgba(2,6,23,.62)}.jn-auth-modal{width:100%;max-height:calc(100dvh - 20px);border-radius:24px 24px 18px 18px;padding:26px 18px 18px}.jn-auth-logo img{width:46px;height:46px}.jn-auth-logo span{font-size:22px}.jn-auth-subtitle{font-size:14px;margin-bottom:16px}.jn-register-benefits{grid-template-columns:1fr 1fr}.jn-register-benefits span:first-child{grid-column:1 / -1}.jn-auth-form{gap:11px}.jn-auth-form input,.jn-code-row button,.jn-captcha{height:44px}.jn-third-grid button{height:42px}.customer-modal-overlay{padding:12px;align-items:center}.customer-modal{max-height:calc(100dvh - 24px);overflow:auto;padding:26px 18px 18px}.service-actions a{height:44px}}@media(prefers-reduced-motion:reduce){.orbit-ring,.model-row,.hero-copy h1 i,.model-orbit-stage::after{animation:none!important}.jn-auth-overlay,.jn-auth-modal{animation:none!important}} .legal-page{min-height:100vh;background:#07101f;color:#eef5ff}.legal-wrap{width:min(860px,calc(100% - 32px));margin:72px auto 96px;line-height:1.85}.legal-wrap h1{font-size:clamp(36px,7vw,72px);margin:8px 0 20px}.legal-wrap h2{font-size:22px;margin:32px 0 8px}.legal-wrap p{color:#b9c6d8}.legal-wrap section{border-top:1px solid rgba(255,255,255,.1);padding-top:18px} /* commercial media card theme */ .public-home{background:#080c14;color:#eef5ff}.home-header{height:76px;padding:0 48px;background:rgba(8,12,20,.88);border-bottom:1px solid rgba(255,255,255,.08);box-shadow:0 16px 48px rgba(0,0,0,.22)}.home-brand{font-size:18px}.home-nav{gap:12px}.home-nav button,.home-nav a{height:40px;border-radius:8px}.home-nav .dev-btn,.home-nav .lang-btn{border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.06);padding:0 14px}.home-nav button[data-auth-open]{height:42px;background:linear-gradient(135deg,#fff,#dbeafe);color:#0f172a;border-radius:8px;padding:0 18px}.home-hero{min-height:720px;padding:86px 24px 92px;background:linear-gradient(180deg,#09111f 0,#080c14 70%,#0b1019 100%)}.home-hero::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(180deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(180deg,rgba(0,0,0,.75),transparent 78%);pointer-events:none}.hero-copy{max-width:980px;margin-top:140px}.hero-copy .eyebrow,.home-section .eyebrow,.page-heading .eyebrow,.card-toolbar .eyebrow,.admin-pro-head .eyebrow{display:inline-flex;align-items:center;width:max-content;height:28px;border-radius:999px;padding:0 10px;background:rgba(37,99,235,.12);border:1px solid rgba(96,165,250,.24);color:#7db0ff;text-transform:none}.hero-copy h1{display:block;font-size:64px;line-height:1.05;color:#fff;text-wrap:balance}.hero-copy h1 span{background:linear-gradient(135deg,#93c5fd,#f0abfc 54%,#5eead4);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-copy p{color:#c7d2e4}.hero-actions .btn{min-width:132px;height:46px}.home-metrics{gap:14px}.home-metrics span{min-width:132px;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.055);border-radius:8px;padding:14px 16px;text-align:left}.home-metrics strong{font-size:28px}.hero-model-cards{bottom:36px}.hero-model-cards article{width:330px;border-radius:8px;border:1px solid rgba(255,255,255,.12);background:rgba(12,18,31,.78)}.model-row span{border-radius:8px;background:rgba(255,255,255,.07)}.model-orbit-stage{opacity:.82}.orbit-ring span,.orbit-core{border-radius:8px}.home-section{max-width:1280px;padding:82px 48px}.home-section>.section-head{align-items:end}.home-section>h2,.home-cta h2{font-size:42px;color:#fff}.section-lead{max-width:820px}.agent-grid,.capability-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.agent-grid article,.capability-grid article,.home-cta{border-radius:8px;border:1px solid rgba(255,255,255,.11);background:linear-gradient(180deg,rgba(255,255,255,.095),rgba(255,255,255,.04));box-shadow:0 24px 80px rgba(0,0,0,.2)}.agent-grid article,.capability-grid article{position:relative;overflow:hidden;min-height:236px}.agent-grid article::before,.capability-grid article::before{content:"";display:block;width:42px;height:4px;border-radius:999px;background:linear-gradient(90deg,#60a5fa,#f472b6,#34d399);margin-bottom:18px}.agent-grid em,.capability-grid span{border-radius:999px}.agent-grid a{display:inline-flex;width:max-content;align-items:center;height:34px;border-radius:8px;padding:0 12px;background:rgba(96,165,250,.12);border:1px solid rgba(96,165,250,.22)}.inspiration-grid.replica-masonry{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;align-items:start}.replica-masonry article{border-radius:8px;min-height:286px;padding:16px;box-shadow:0 22px 60px rgba(0,0,0,.24)}.replica-masonry article.tall{min-height:380px}.replica-masonry article.short{min-height:226px}.replica-masonry article img{filter:saturate(1.05) contrast(1.02)}.replica-masonry article::after{background:linear-gradient(180deg,rgba(3,7,18,.08) 10%,rgba(3,7,18,.84) 100%)}.replica-masonry strong{font-size:18px;line-height:1.35}.replica-masonry span{color:#dbe6f5;font-size:13px;line-height:1.55}.work-meta{display:flex;gap:6px}.work-meta em{height:24px;min-width:40px;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.16);color:#fff}.load-more-inspiration{height:44px;border-radius:8px;background:rgba(255,255,255,.08)}.home-cta{max-width:1080px;margin-bottom:88px}.home-footer{background:#080c14} .front-console,.admin-console{background:#f5f7fb;color:#111827}.front-sidebar,.admin-pro-side{background:#0d1423;border-right:1px solid rgba(255,255,255,.06);box-shadow:20px 0 70px rgba(15,23,42,.16)}.front-logo,.admin-brand{height:52px;border-radius:8px;padding:0 10px;background:rgba(255,255,255,.045)}.front-logo img{border-radius:8px}.front-menu,.admin-link-nav{gap:6px}.front-menu a,.admin-link-nav a,.admin-pro-nav button{height:42px;border-radius:8px}.front-menu a span{display:grid;place-items:center;width:24px;height:24px;border-radius:8px;background:rgba(255,255,255,.06);color:#9bc2ff}.front-menu a.active span,.front-menu a:hover span{background:rgba(255,255,255,.16);color:#fff}.front-account-card,.admin-role-card{border-radius:8px;background:linear-gradient(135deg,rgba(37,99,235,.22),rgba(236,72,153,.12));border:1px solid rgba(255,255,255,.12)}.front-main,.admin-pro-main{background:linear-gradient(180deg,#f8fbff,#f3f6fb)}.front-topbar{height:70px;background:rgba(255,255,255,.9);backdrop-filter:blur(18px)}.front-title span{display:grid;place-items:center;width:32px;height:32px;border-radius:8px;background:#eef4ff;color:#2563eb}.coin-pill,.user-chip{border-radius:8px;background:#fff}.front-content,.admin-main{padding:28px}.front-notice{margin:22px 28px 0;border-radius:8px;border-left:0;border:1px solid #e2eaf5;background:#fff;box-shadow:0 16px 38px rgba(15,23,42,.06)}.front-notice::before{content:"";width:4px;align-self:stretch;border-radius:999px;background:linear-gradient(180deg,#2563eb,#ec4899)}.notice-icon{border-radius:8px}.page-heading,.card-toolbar,.section-head{align-items:flex-end}.page-heading h1,.card-toolbar h1,.admin-pro-head h1{font-size:30px;line-height:1.18}.page-heading p,.card-toolbar p,.admin-pro-head p{max-width:760px}.front-stats,.metric-grid{gap:16px}.front-stats article,.metric-grid article{min-height:132px;border-radius:8px;padding:20px;border:1px solid #e1e9f4;background:#fff;box-shadow:0 16px 40px rgba(15,23,42,.06)}.front-stats article::before,.metric-grid article::before{width:48px;height:4px}.front-stats strong,.metric-grid strong{font-size:28px}.quick-actions,.toolbar,.admin-toolbar{gap:10px}.btn,.icon-btn,.segmented button,.chat-templates button,.preset-grid button,.text-action{border-radius:8px}.front-card,.draw-card,.rail-card,.gallery-card,.feature-card,.panel,.provider-grid article,.package-card,.chat-messages,.empty-state,.ticket-item,.status-list span,.mini-list span{border-radius:8px;border:1px solid #e1e9f4;background:#fff;box-shadow:0 16px 40px rgba(15,23,42,.06)}.dashboard-grid,.module-grid,.ticket-layout,.two-column,.admin-dashboard-grid{gap:18px}.draw-layout{grid-template-columns:minmax(0,1fr) 372px}.prompt-field textarea{min-height:210px;background:linear-gradient(180deg,#fff,#fbfdff)}.preset-grid button{min-height:44px}.right-rail{gap:18px}.sample-gallery,.detailed{gap:16px}.sample-gallery article{border-radius:8px;min-height:190px}.sample-gallery article strong{font-size:18px}.package-grid{gap:16px}.package-grid .package-card{min-height:164px}.chat-messages{min-height:460px;background:linear-gradient(180deg,#fff,#fbfdff)}.chat-bubble{border-radius:8px;max-width:78%}.chat-compose textarea{min-height:92px}.table-wrap,.front-console .table-wrap.front-card,.admin-console .panel:has(table){border-radius:8px}.front-console th,.admin-console th{background:#f4f7fb}.front-console td,.admin-console td{border-color:#edf2f7}.state-badge,.package-tag,.cost-preview span{border-radius:999px}.admin-pro-head{border-radius:8px;align-items:center}.admin-head-actions .status-pill{height:34px;display:inline-flex;align-items:center}.admin-menu-title{height:34px;border-radius:8px}.admin-menu-group.open .admin-submenu{border-left-color:#3b82f6}.provider-grid{gap:16px}.admin-dashboard-grid{grid-template-columns:minmax(0,430px) minmax(0,1fr)} .auth-page,.admin-login-page{background:linear-gradient(135deg,#07101f,#101827 54%,#111827)}.auth-card,.admin-login-card,.jn-auth-modal,.customer-modal{border-radius:8px}.auth-art h1{font-size:52px;line-height:1.08}.jn-auth-tabs button,.jn-auth-form input,.jn-code-row button,.jn-captcha{border-radius:8px}.customer-widget .customer-float{border-radius:8px}.legal-wrap{border-radius:8px} @media(max-width:1180px){.agent-grid,.capability-grid,.inspiration-grid.replica-masonry{grid-template-columns:repeat(2,minmax(0,1fr))}.draw-layout{grid-template-columns:1fr}.home-header{padding:0 24px}.home-section{padding-left:24px;padding-right:24px}.hero-copy h1{font-size:48px}} @media(max-width:1050px){.front-content,.admin-main{padding:18px}.front-notice{margin:16px 18px 0}.front-sidebar,.admin-pro-side{box-shadow:none}.front-logo,.admin-brand{background:transparent}.front-menu a,.admin-link-nav a{height:40px}.admin-dashboard-grid{grid-template-columns:1fr}} @media(max-width:640px){.home-header{padding:12px 16px}.hero-copy h1{font-size:34px}.hero-copy{margin-top:158px}.home-metrics span{min-width:0;width:100%}.agent-grid,.capability-grid,.inspiration-grid.replica-masonry{grid-template-columns:1fr}.replica-masonry article,.replica-masonry article.tall,.replica-masonry article.short{min-height:240px}.front-content,.admin-main{padding:14px}.page-heading h1,.card-toolbar h1,.admin-pro-head h1{font-size:24px}.front-stats article,.metric-grid article{min-height:116px}.chat-bubble{max-width:100%}} :root{--yg-surface:#ffffff;--yg-soft:#f6f8fc;--yg-ink:#101827;--yg-sub:#647187;--yg-hair:#e5ebf4;--yg-blue:#2563eb;--yg-cyan:#06b6d4;--yg-green:#10b981;--yg-pink:#ec4899;--yg-yellow:#f59e0b;--yg-shadow:0 18px 46px rgba(15,23,42,.08);--yg-shadow-strong:0 28px 80px rgba(15,23,42,.14)}body{background:linear-gradient(180deg,#f8fbff 0,#f2f5fb 48%,#eef2f8 100%);color:var(--yg-ink)}.btn,.icon-btn,.generate-button,.jn-auth-submit,.service-actions a{border-radius:8px;font-weight:850}.btn.primary,.generate-button,.front-console .btn.primary,.jn-auth-submit,.service-actions a:first-child{background:linear-gradient(135deg,var(--yg-blue),var(--yg-cyan));border-color:transparent;color:#fff;box-shadow:0 14px 28px rgba(37,99,235,.2)}.btn:not(.primary),.icon-btn,.segmented button,.chat-templates button,.preset-grid button{background:#fff;border-color:#dfe7f2;box-shadow:0 8px 20px rgba(15,23,42,.04)}input,select,textarea{border-radius:8px;border-color:#dbe4f0;background:#fff;box-shadow:0 1px 0 rgba(15,23,42,.02)}input:focus,select:focus,textarea:focus{outline:none;border-color:#7aa8ff;box-shadow:0 0 0 3px rgba(37,99,235,.11)}.panel,.front-card,.draw-card,.rail-card,.gallery-card,.feature-card,.hero-metrics div,.metric-grid article,.front-stats article,.package-card,.chat-messages,.empty-state,.admin-pro-head,.admin-console .panel,.provider-grid article,.ticket-item,.status-list span,.mini-list span,.auth-card,.admin-login-card,.legal-wrap section{border-radius:8px;border:1px solid rgba(212,222,236,.86);background:linear-gradient(180deg,#fff,rgba(255,255,255,.92));box-shadow:var(--yg-shadow)}.front-console{--front-bg:#f4f7fc;--front-card:#fff;background:radial-gradient(circle at 18% 0,rgba(37,99,235,.10),transparent 30%),radial-gradient(circle at 100% 12%,rgba(236,72,153,.08),transparent 30%),#f4f7fc}.front-sidebar,.admin-pro-side{background:linear-gradient(180deg,#111827 0,#182033 46%,#0b1220 100%);box-shadow:18px 0 60px rgba(15,23,42,.16)}.front-logo,.admin-brand{letter-spacing:0}.front-logo-mark,.brand-mark,.admin-login-logo,.avatar-large{border-radius:8px;background:linear-gradient(135deg,var(--yg-blue),var(--yg-pink) 48%,var(--yg-green));box-shadow:0 16px 34px rgba(37,99,235,.24)}.front-menu a,.admin-link-nav a,.admin-pro-nav button{border-radius:8px;transition:background .18s ease,color .18s ease,transform .18s ease}.front-menu a:hover,.front-menu a.active,.admin-link-nav a:hover,.admin-link-nav a.active,.admin-pro-nav button.active,.admin-pro-nav button:hover{background:linear-gradient(135deg,rgba(37,99,235,.22),rgba(236,72,153,.14));color:#fff;transform:translateX(2px)}.front-topbar{background:rgba(255,255,255,.86);backdrop-filter:blur(16px);border-bottom:1px solid rgba(214,224,238,.82);box-shadow:0 10px 30px rgba(15,23,42,.04)}.front-title strong,.page-heading h1,.card-toolbar h1,.admin-head h1,.admin-pro-head h1{letter-spacing:0;color:#111827}.front-notice{border-radius:8px;background:linear-gradient(135deg,#ffffff,#f7fbff);border-left:4px solid var(--yg-pink);box-shadow:var(--yg-shadow)}.notice-icon{border-radius:8px;background:linear-gradient(135deg,#eef4ff,#fdf2f8);color:var(--yg-pink)}.front-stats article,.metric-grid article{position:relative;overflow:hidden}.front-stats article::before,.metric-grid article::before,.feature-card::before,.draw-card::before,.rail-card::before,.front-card::before{content:"";display:block;width:42px;height:4px;border-radius:999px;background:linear-gradient(90deg,var(--yg-blue),var(--yg-pink),var(--yg-green));margin-bottom:12px}.front-stats strong,.hero-metrics strong,.metric-grid strong{color:#0f172a}.front-stats article:nth-child(2)::before,.metric-grid article:nth-child(2)::before{background:linear-gradient(90deg,var(--yg-pink),var(--yg-yellow))}.front-stats article:nth-child(3)::before,.metric-grid article:nth-child(3)::before{background:linear-gradient(90deg,var(--yg-green),var(--yg-cyan))}.front-stats article:nth-child(4)::before,.metric-grid article:nth-child(4)::before{background:linear-gradient(90deg,var(--yg-yellow),var(--yg-blue))}.sample-gallery article,.inspiration-grid article,.replica-masonry article{border-radius:8px;box-shadow:0 18px 40px rgba(15,23,42,.18);transition:transform .2s ease,box-shadow .2s ease}.sample-gallery article:hover,.inspiration-grid article:hover,.replica-masonry article:hover{transform:translateY(-4px);box-shadow:0 28px 70px rgba(15,23,42,.24)}.sample-gallery article::after,.inspiration-grid article::before{content:"";position:absolute;inset:0;border:1px solid rgba(255,255,255,.16);border-radius:inherit;pointer-events:none}.work-meta em,.package-tag,.state-badge,.cost-preview span,.pay-badges b,.jn-register-benefits span{border-radius:999px;background:linear-gradient(135deg,#eef4ff,#fdf2f8);border-color:#dbe7ff;color:#2454c6}.segmented button.active,.preset-grid button.active{background:linear-gradient(135deg,var(--yg-blue),var(--yg-cyan));border-color:transparent;color:#fff;box-shadow:0 12px 26px rgba(37,99,235,.18)}.chat-bubble{border-radius:8px;background:#fff;border:1px solid #e3eaf5;box-shadow:0 10px 24px rgba(15,23,42,.05)}.chat-bubble.user{background:linear-gradient(135deg,#eaf3ff,#eefdf8);border-color:#cfe4ff}.table-wrap{border-radius:8px;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch}.front-console .table-wrap.front-card,.table-wrap.front-card{background:#fff;border-radius:8px;box-shadow:var(--yg-shadow)}.front-console .table-wrap.front-card{overflow-x:auto;overflow-y:hidden}.admin-console .panel:has(table),.front-console .front-card:has(table){overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch}.admin-console table,.front-console table{width:100%}table{border-collapse:separate;border-spacing:0}th{background:#f7faff;color:#516078;font-weight:850}td{background:#fff}tbody tr:hover td{background:#f8fbff}.admin-console{background:radial-gradient(circle at 22% 0,rgba(37,99,235,.11),transparent 26%),#f4f7fc}.admin-pro-head{background:linear-gradient(135deg,#ffffff,#f8fbff)}.admin-role-card,.front-account-card{border-radius:8px;background:linear-gradient(135deg,rgba(255,255,255,.10),rgba(255,255,255,.05));border:1px solid rgba(255,255,255,.12)}.provider-grid article{background:linear-gradient(180deg,#fff,#f8fbff)}.home-section>h2,.home-cta h2{letter-spacing:0}.agent-grid article,.capability-grid article,.home-cta,.hero-model-cards article{border-radius:8px;background:linear-gradient(180deg,rgba(255,255,255,.10),rgba(255,255,255,.045));box-shadow:0 22px 70px rgba(0,0,0,.18)}.home-cta{background:linear-gradient(135deg,rgba(37,99,235,.30),rgba(236,72,153,.16),rgba(16,185,129,.12))}.home-header{box-shadow:0 12px 40px rgba(0,0,0,.18)}.home-nav button[data-auth-open],.home-nav a:last-child{background:linear-gradient(135deg,#ffffff,#eaf3ff);box-shadow:0 12px 30px rgba(255,255,255,.12)}.jn-auth-modal,.customer-modal,.auth-card,.admin-login-card{border-radius:8px;box-shadow:var(--yg-shadow-strong)}.jn-auth-tabs button{border-radius:8px}.jn-auth-tabs button.active{background:linear-gradient(135deg,#eef4ff,#fdf2f8);border-color:#9fc1ff}.customer-float{background:linear-gradient(135deg,var(--yg-blue),var(--yg-pink));border-radius:999px;box-shadow:0 18px 42px rgba(236,72,153,.24)}.legal-page{background:radial-gradient(circle at 18% 0,rgba(37,99,235,.24),transparent 34%),radial-gradient(circle at 100% 10%,rgba(236,72,153,.14),transparent 28%),#07101f}.legal-wrap{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);border-radius:8px;padding:34px;box-shadow:0 28px 90px rgba(0,0,0,.26);backdrop-filter:blur(10px)}.legal-wrap section{background:rgba(255,255,255,.035);padding:18px;border-radius:8px;border:1px solid rgba(255,255,255,.06)}@media(max-width:1050px){.front-sidebar,.admin-pro-side{box-shadow:none}.front-menu a:hover,.front-menu a.active,.admin-link-nav a:hover,.admin-link-nav a.active,.admin-pro-nav button.active,.admin-pro-nav button:hover{transform:none}}@media(max-width:640px){.front-stats article,.draw-card,.rail-card,.gallery-card,.front-card,.panel{padding:16px}.legal-wrap{padding:22px}.home-section{padding-left:16px;padding-right:16px}} /* final commercial media card override */ .public-home{background:#080c14;color:#eef5ff}.home-header{height:76px;padding:0 48px;background:rgba(8,12,20,.9);border-bottom:1px solid rgba(255,255,255,.08);box-shadow:0 16px 48px rgba(0,0,0,.22)}.home-nav button,.home-nav a{height:40px;border-radius:8px}.home-nav .dev-btn,.home-nav .lang-btn{border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.06)}.home-hero{min-height:720px;background:linear-gradient(180deg,#09111f 0,#080c14 70%,#0b1019 100%)}.hero-copy{max-width:980px;margin-top:140px}.hero-copy h1{display:block;font-size:64px;line-height:1.05;text-wrap:balance}.home-section{max-width:1280px;padding:82px 48px}.agent-grid,.capability-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.agent-grid article,.capability-grid article,.home-cta,.hero-model-cards article{border-radius:8px}.inspiration-grid.replica-masonry{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;align-items:start}.replica-masonry article{border-radius:8px;min-height:286px;padding:16px}.replica-masonry article.tall{min-height:380px}.replica-masonry article.short{min-height:226px}.front-console,.admin-console{background:#f5f7fb;color:#111827}.front-main,.admin-pro-main{background:linear-gradient(180deg,#f8fbff,#f3f6fb)}.front-sidebar,.admin-pro-side{background:#0d1423;border-right:1px solid rgba(255,255,255,.06);box-shadow:20px 0 70px rgba(15,23,42,.16)}.front-menu a,.admin-link-nav a,.admin-pro-nav button{height:42px;border-radius:8px}.front-account-card,.admin-role-card{border-radius:8px;background:linear-gradient(135deg,rgba(37,99,235,.22),rgba(236,72,153,.12));border:1px solid rgba(255,255,255,.12)}.front-topbar{height:70px;background:rgba(255,255,255,.9);backdrop-filter:blur(18px)}.front-content,.admin-main{padding:28px}.front-notice,.front-card,.draw-card,.rail-card,.gallery-card,.feature-card,.panel,.provider-grid article,.package-card,.chat-messages,.empty-state,.ticket-item,.status-list span,.mini-list span,.front-stats article,.metric-grid article,.admin-pro-head{border-radius:8px;border:1px solid #e1e9f4;background:#fff;box-shadow:0 16px 40px rgba(15,23,42,.06)}.front-stats,.metric-grid,.dashboard-grid,.module-grid,.ticket-layout,.two-column,.admin-dashboard-grid,.provider-grid,.package-grid,.sample-gallery,.detailed{gap:18px}.draw-layout{grid-template-columns:minmax(0,1fr) 372px}.prompt-field textarea{min-height:210px}.chat-messages{min-height:460px}.chat-bubble{border-radius:8px;max-width:78%}.auth-page,.admin-login-page{background:linear-gradient(135deg,#07101f,#101827 54%,#111827)}.auth-card,.admin-login-card,.jn-auth-modal,.customer-modal,.legal-wrap{border-radius:8px}@media(max-width:1180px){.agent-grid,.capability-grid,.inspiration-grid.replica-masonry{grid-template-columns:repeat(2,minmax(0,1fr))}.draw-layout{grid-template-columns:1fr}.home-header{padding:0 24px}.home-section{padding-left:24px;padding-right:24px}.hero-copy h1{font-size:48px}}@media(max-width:1050px){.front-content,.admin-main{padding:18px}.front-sidebar,.admin-pro-side{box-shadow:none}.admin-dashboard-grid{grid-template-columns:1fr}}@media(max-width:640px){.home-header{padding:12px 16px}.hero-copy h1{font-size:34px}.hero-copy{margin-top:158px}.agent-grid,.capability-grid,.inspiration-grid.replica-masonry{grid-template-columns:1fr}.replica-masonry article,.replica-masonry article.tall,.replica-masonry article.short{min-height:240px}.front-content,.admin-main{padding:14px}.chat-bubble{max-width:100%}} /* full-site mobile compatibility override */ @media(max-width:760px){html,body{width:100%;max-width:100%;overflow-x:hidden}body{font-size:14px}img,svg,video,canvas{max-width:100%;height:auto}button,.btn,.icon-btn,input,select,textarea{max-width:100%}.public-home .home-header{position:sticky;height:auto;min-height:64px;padding:12px 14px;display:grid;grid-template-columns:1fr;gap:10px;align-items:start}.home-brand{min-width:0}.home-brand span{max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.home-nav{width:100%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.home-nav a,.home-nav button,.home-nav .dev-btn,.home-nav .lang-btn,.home-nav button[data-auth-open]{width:100%;height:38px;padding:0 8px;font-size:12px;justify-content:center;white-space:nowrap}.home-nav a[href^="#"]{display:none}.home-hero{min-height:auto;padding:68px 14px 42px;place-items:start center}.model-cloud{display:none}.model-orbit-stage,.hero-model-cards{display:none!important}.hero-copy{margin:0;max-width:100%;text-align:left}.hero-copy .eyebrow{margin-inline:0}.hero-copy h1{font-size:clamp(32px,10vw,40px);line-height:1.08;margin-bottom:14px}.hero-copy p{font-size:15px;line-height:1.72}.hero-actions{display:grid;grid-template-columns:1fr;gap:10px;margin-top:22px}.hero-actions .btn{width:100%;min-width:0}.home-metrics{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:22px}.home-metrics span{width:100%;min-width:0;padding:12px}.home-metrics strong{font-size:22px}.home-section{padding:44px 14px;max-width:100%}.home-section>.section-head,.section-head,.page-heading,.card-toolbar,.admin-pro-head{display:grid;grid-template-columns:1fr;align-items:start;gap:10px}.home-section>h2,.home-cta h2{font-size:28px;line-height:1.18}.section-lead{margin:0 0 18px}.agent-grid,.capability-grid,.inspiration-grid,.inspiration-grid.replica-masonry,.replica-masonry,.sample-gallery,.module-grid,.bottom-modules,.dashboard-grid,.package-grid,.ticket-layout,.two-column,.profile-layout,.provider-grid,.admin-dashboard-grid,.metric-grid,.front-stats,.workspace-grid,.hero-band,.field-row,.auth-shell{grid-template-columns:1fr!important}.agent-grid article,.capability-grid article{min-height:0;padding:18px}.replica-masonry article,.replica-masonry article.tall,.replica-masonry article.short,.inspiration-grid article,.sample-gallery article{min-height:220px;grid-row:auto}.home-cta{margin:30px 14px 52px;padding:30px 16px}.home-footer{display:grid;text-align:center;padding:22px 14px}.front-sidebar,.admin-side,.admin-pro-side{position:static!important;width:100%!important;inset:auto!important;padding:12px!important;box-shadow:none!important}.front-logo,.admin-brand{height:42px;padding:0 4px}.front-menu,.admin-link-nav,.side-nav,.admin-pro-nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;max-height:none;overflow:visible;padding-right:0}.front-menu a,.admin-link-nav a,.side-nav button,.admin-pro-nav button{height:40px;padding:0 10px;font-size:13px;min-width:0}.front-menu a{gap:8px}.front-menu a span{width:22px;height:22px;flex:0 0 auto}.front-account-card,.admin-role-card{margin-top:10px;padding:10px}.front-main,.admin-main,.admin-pro-main{margin-left:0!important;width:100%;min-width:0}.front-topbar,.topbar{position:static;height:auto;display:grid;grid-template-columns:1fr;align-items:start;gap:12px;padding:12px 14px}.front-title,.front-tools,.admin-head,.admin-head-actions,.toolbar,.admin-toolbar,.quick-actions,.segmented,.chat-templates,.cost-preview{width:100%;display:flex;flex-wrap:wrap;align-items:center;gap:8px}.front-title{min-width:0}.front-title strong{font-size:15px}.front-tools .coin-pill,.coin-pill,.user-chip{max-width:100%;min-width:0}.front-notice{margin:12px 14px 0;padding:12px;grid-template-columns:1fr;gap:10px}.front-notice::before{display:none}.front-content,.admin-main,.app-shell{padding:14px!important}.front-card,.draw-card,.rail-card,.gallery-card,.feature-card,.panel,.admin-pro-head,.front-stats article,.metric-grid article,.package-card,.chat-messages,.empty-state,.ticket-item{padding:16px}.page-heading h1,.card-toolbar h1,.admin-pro-head h1,.admin-head h1{font-size:23px;line-height:1.2}.page-heading p,.card-toolbar p,.admin-pro-head p{font-size:14px;line-height:1.65}.draw-layout{grid-template-columns:1fr!important}.prompt-field textarea{min-height:170px}.preset-grid{grid-template-columns:1fr 1fr}.right-rail{gap:14px}.chat-messages{min-height:340px}.chat-compose{grid-template-columns:1fr!important}.chat-compose .btn,.chat-compose button{width:100%}.chat-bubble{max-width:100%;padding:11px 12px}.table-wrap,.front-console .table-wrap.front-card,.admin-console .panel:has(table),.front-console .front-card:has(table){overflow-x:auto!important;overflow-y:hidden;-webkit-overflow-scrolling:touch;padding:0}.table-wrap::after,.front-console .table-wrap.front-card::after,.admin-console .panel:has(table)::after{content:"宸﹀彸婊戝姩鏌ョ湅鏇村";display:block;padding:9px 12px;color:#64748b;font-size:12px;background:#f8fbff;border-top:1px solid #e6ebf2}table,.front-console table,.admin-console table,.front-console .table-wrap.front-card table{min-width:680px}.front-console th,.front-console td,.admin-console th,.admin-console td{padding:11px 12px}.admin-toolbar input,.admin-toolbar select,.toolbar select,.page-heading select{max-width:none;width:100%;min-width:0}.provider-grid article,.status-list span,.ticket-item{display:grid;grid-template-columns:1fr}.auth-page,.admin-login-page,.install-shell,.boot-screen{padding:14px}.auth-shell{min-height:auto;padding:24px 14px}.auth-art h1{font-size:34px;margin-top:22px}.auth-card,.admin-login-card,.install-card,.boot-panel{padding:22px}.auth-row,.jn-code-row,.jn-captcha-row{grid-template-columns:1fr!important}.jn-auth-overlay{align-items:end;padding:10px}.jn-auth-modal{width:100%;max-height:calc(100dvh - 20px);border-radius:18px 18px 8px 8px;padding:24px 16px 18px}.jn-auth-tabs{grid-template-columns:1fr}.jn-third-grid{grid-template-columns:1fr 1fr}.customer-widget{right:12px;bottom:12px}.customer-float{height:42px;padding:0 13px;font-size:13px}.customer-modal,.customer-panel,.jn-customer-panel{width:calc(100vw - 28px);max-height:calc(100dvh - 28px);overflow:auto}.service-hero,.customer-grid,.customer-service-list article{grid-template-columns:1fr;display:grid;text-align:center;justify-items:center}.legal-wrap{width:calc(100% - 28px);margin:28px auto 52px;padding:20px}.legal-wrap h1{font-size:34px}.notice{left:14px;right:14px;bottom:14px}} @media(max-width:420px){.home-nav{grid-template-columns:1fr 1fr}.home-metrics{grid-template-columns:1fr}.preset-grid{grid-template-columns:1fr 1fr}.front-stats article,.metric-grid article{min-height:0}.package-card{display:grid;grid-template-columns:1fr}.btn,.icon-btn{width:100%}.quick-actions .btn,.toolbar .btn,.admin-toolbar .btn,.segmented button,.chat-templates button{width:auto;flex:1 1 calc(50% - 8px)}.home-nav .dev-btn,.home-nav .lang-btn,.home-nav button[data-auth-open]{font-size:12px}.front-title span{display:none}.user-chip{justify-content:center}.hero-copy h1{font-size:31px}.home-section>h2,.home-cta h2{font-size:26px}} /* mobile nav polish */ @media(max-width:760px){.front-sidebar,.admin-pro-side{display:block}.front-menu,.admin-link-nav,.side-nav,.admin-pro-nav{display:flex!important;grid-template-columns:none!important;gap:8px;overflow-x:auto!important;overflow-y:hidden!important;padding:2px 2px 10px;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch}.front-menu::-webkit-scrollbar,.admin-link-nav::-webkit-scrollbar,.side-nav::-webkit-scrollbar,.admin-pro-nav::-webkit-scrollbar{height:0}.front-menu a,.admin-link-nav a,.side-nav button,.admin-pro-nav button,.admin-menu-group{flex:0 0 auto;scroll-snap-align:start}.front-menu a{min-width:118px;justify-content:flex-start}.admin-menu-group{min-width:156px;max-width:180px}.admin-menu-title{width:100%;justify-content:center}.admin-submenu{display:flex!important;gap:6px;overflow-x:auto;padding:6px 0 0!important;border-left:0!important}.admin-submenu a{flex:0 0 auto;min-width:max-content;height:34px;padding:0 10px;border-radius:8px;background:rgba(255,255,255,.07)}.admin-menu-group:not(.open) .admin-submenu{display:none!important}.front-sidebar{padding-bottom:8px!important}.front-account-card,.admin-role-card{display:none}.front-main,.admin-pro-main{border-radius:0}.front-logo,.admin-brand{margin-bottom:8px}} /* rebuilt public home hero */ .public-home{background:#070b13;color:#eef5ff}.public-home .home-header{height:72px;padding:0 max(28px,calc((100vw - 1280px)/2));background:rgba(7,11,19,.86);backdrop-filter:blur(18px);box-shadow:0 12px 40px rgba(0,0,0,.22)}.public-home .home-brand{height:44px}.public-home .home-nav{gap:10px}.public-home .home-nav button{border-radius:8px}.public-home .home-hero{min-height:calc(100vh - 72px);padding:64px max(28px,calc((100vw - 1280px)/2)) 86px;display:grid;grid-template-columns:minmax(0,1fr) minmax(420px,520px);grid-template-areas:"copy stage" "cards stage";align-items:center;gap:24px 64px;place-items:initial;overflow:hidden;background:radial-gradient(circle at 76% 40%,rgba(37,99,235,.25),transparent 28%),radial-gradient(circle at 22% 18%,rgba(236,72,153,.13),transparent 24%),linear-gradient(180deg,#08111f 0,#070b13 72%,#0b1019 100%)}.public-home .home-hero::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(180deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:56px 56px;mask-image:linear-gradient(180deg,rgba(0,0,0,.72),transparent 82%);pointer-events:none}.public-home .model-cloud{display:grid;inset:72px 0 auto 0;height:210px;padding:0;opacity:.28;mask-image:linear-gradient(90deg,transparent,#000 18%,#000 82%,transparent);overflow:hidden}.public-home .model-row{height:38px}.public-home .model-row span{height:32px;border-radius:8px;background:rgba(255,255,255,.055);border-color:rgba(255,255,255,.10);font-size:12px}.public-home .hero-copy{grid-area:copy;position:relative;z-index:2;max-width:690px;margin:0;text-align:left;align-self:end}.public-home .hero-copy .eyebrow{margin:0 0 16px}.public-home .hero-copy h1{display:block;margin:0 0 20px;font-size:clamp(54px,5vw,76px);line-height:1.02;letter-spacing:0;max-width:700px}.public-home .hero-copy h1 i{display:none}.public-home .hero-copy p{margin:0;max-width:640px;font-size:18px;line-height:1.85;color:#c7d4e8}.public-home .hero-actions{justify-content:flex-start;margin-top:30px}.public-home .hero-actions .btn{height:48px;min-width:136px}.public-home .home-metrics{justify-content:flex-start;gap:12px;margin-top:30px}.public-home .home-metrics span{width:142px;min-width:0;border-radius:8px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.11);box-shadow:0 18px 40px rgba(0,0,0,.16)}.public-home .model-orbit-stage{grid-area:stage;position:relative;left:auto;top:auto;width:min(520px,34vw);height:min(520px,34vw);min-width:420px;min-height:420px;transform:none;z-index:1;justify-self:end;align-self:center;opacity:1}.public-home .model-orbit-stage::before{inset:3%;background:radial-gradient(circle,rgba(37,99,235,.16),transparent 64%)}.public-home .model-orbit-stage::after{inset:19%;border-color:rgba(147,197,253,.20)}.public-home .orbit-ring span{border-radius:8px;background:rgba(10,18,34,.86);border-color:rgba(147,197,253,.24);box-shadow:0 16px 42px rgba(0,0,0,.32),0 0 28px rgba(59,130,246,.18);transform:rotate(var(--a)) translateX(calc(min(520px,34vw) / 2 - 34px)) rotate(calc(-1 * var(--a)))}.public-home .ring-two span{transform:rotate(var(--a)) translateX(calc(min(390px,26vw) / 2 - 28px)) rotate(calc(-1 * var(--a)))}.public-home .orbit-core{border-radius:28px;width:140px;height:140px;background:radial-gradient(circle at 34% 24%,#93c5fd,#315bf4 55%,#08111f);box-shadow:0 0 80px rgba(37,99,235,.48),0 30px 90px rgba(0,0,0,.38)}.public-home .hero-model-cards{grid-area:cards;position:relative;left:auto;bottom:auto;transform:none;z-index:2;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;width:min(690px,100%);align-self:start;pointer-events:auto}.public-home .hero-model-cards article{width:auto;min-height:116px;border-radius:8px;background:linear-gradient(180deg,rgba(255,255,255,.105),rgba(255,255,255,.052));border:1px solid rgba(255,255,255,.12);backdrop-filter:blur(14px)}.public-home .hero-model-cards p{font-size:13px;line-height:1.65}.public-home .home-section{padding-top:78px}@media(max-width:1180px){.public-home .home-hero{grid-template-columns:1fr;grid-template-areas:"copy" "stage" "cards";gap:28px;padding-top:58px}.public-home .hero-copy{text-align:center;justify-self:center}.public-home .hero-actions,.public-home .home-metrics{justify-content:center}.public-home .model-orbit-stage{justify-self:center;width:440px;height:440px;min-width:0;min-height:0}.public-home .orbit-ring span{transform:rotate(var(--a)) translateX(186px) rotate(calc(-1 * var(--a)))}.public-home .ring-two span{transform:rotate(var(--a)) translateX(138px) rotate(calc(-1 * var(--a)))}.public-home .hero-model-cards{justify-self:center}}@media(max-width:760px){.public-home .home-header{padding:12px 14px;height:auto}.public-home .home-hero{display:grid;grid-template-columns:1fr;grid-template-areas:"copy" "cards";min-height:auto;padding:58px 14px 44px;gap:20px}.public-home .model-cloud,.public-home .model-orbit-stage{display:none!important}.public-home .hero-copy{text-align:left;justify-self:stretch}.public-home .hero-copy h1{font-size:clamp(34px,10vw,44px);line-height:1.08}.public-home .hero-copy p{font-size:15px;line-height:1.72}.public-home .hero-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;justify-content:stretch}.public-home .hero-actions .btn{width:100%;min-width:0}.public-home .home-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.public-home .home-metrics span{width:100%;padding:11px 10px}.public-home .home-metrics strong{font-size:21px}.public-home .hero-model-cards{display:grid!important;grid-template-columns:1fr;gap:10px;width:100%}.public-home .hero-model-cards article{min-height:0;padding:14px}.public-home .home-nav{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:420px){.public-home .hero-actions,.public-home .home-metrics{grid-template-columns:1fr}.public-home .hero-copy h1{font-size:32px}} /* jnai8 one-to-one public home hero */ :root{--jn-primary:#00cae0;--jn-primary-2:#00e5a0;--jn-violet:#7850ff;--jn-bg:#06080c;--jn-text:#f5fbff;--jn-muted:#8c99a0}.public-home{background:#06080c;color:var(--jn-text);overflow-x:hidden}.public-home::before{content:"";position:fixed;inset:0;z-index:-3;background:radial-gradient(circle at 82% -6%,rgba(0,202,224,.18),transparent 34%),radial-gradient(circle at 12% 72%,rgba(120,80,255,.18),transparent 32%),radial-gradient(circle at 50% 88%,rgba(0,229,160,.10),transparent 22%),#06080c}.public-home::after{content:"";position:fixed;inset:0;z-index:-2;background:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:4rem 4rem;mask-image:linear-gradient(180deg,rgba(0,0,0,.8),transparent 82%);pointer-events:none}.public-home .home-header{position:fixed;top:0;left:0;right:0;z-index:100;height:4rem;padding:0 2rem;display:flex;align-items:center;justify-content:space-between;background:transparent;border:0;box-shadow:none;backdrop-filter:none;transition:all .35s}.public-home .home-brand{height:2rem;gap:.6rem;color:var(--jn-text);text-decoration:none}.public-home .home-brand img{width:2rem;height:2rem;border-radius:.4rem;background:#000;box-shadow:0 0 .71rem rgba(0,202,224,.30)}.public-home .home-brand span{font-size:1.1rem;font-weight:700;background:linear-gradient(135deg,var(--jn-primary),#60f0ff);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.public-home .home-nav{display:flex;width:auto;gap:.4rem}.public-home .home-nav button{height:31px;padding:.4rem .85rem;border-radius:.45rem;border:1px solid rgba(255,255,255,.06);background:transparent;color:rgba(245,251,255,.74);box-shadow:none;font-size:.8rem;font-weight:500;white-space:nowrap}.public-home .home-nav button:hover{color:var(--jn-primary);background:rgba(0,202,224,.05);border-color:rgba(0,202,224,.25)}.public-home .home-nav button[data-auth-open]{background:var(--jn-primary);border-color:var(--jn-primary);color:#fff;box-shadow:0 0 .95rem rgba(0,202,224,.25)}.public-home .home-hero{position:relative;min-height:100vh;height:100vh;max-width:100vw;padding:4.5rem 0 0;display:flex;align-items:center;justify-content:center;overflow:hidden;overflow-x:hidden;background:transparent;contain:paint}.public-home .home-hero::before{content:"";position:absolute;inset:0;z-index:0;background:radial-gradient(circle at 50% 50%,rgba(0,202,224,.08),transparent 1px);background-size:2.15rem 2.15rem;opacity:.38;mask-image:radial-gradient(circle at 50% 52%,#000 0,rgba(0,0,0,.82) 42%,transparent 75%);pointer-events:none}.public-home .home-hero::after{content:"";position:absolute;inset:-12% -8%;z-index:0;background:radial-gradient(circle at 74% 10%,rgba(0,202,224,.20),transparent 28%),radial-gradient(circle at 20% 62%,rgba(120,80,255,.18),transparent 30%),radial-gradient(circle at 48% 70%,rgba(0,229,160,.08),transparent 22%);filter:blur(1px);pointer-events:none}.public-home .model-cloud{display:block!important;position:absolute;left:50%;top:54%;z-index:1;width:0;height:0;overflow:visible;opacity:1;transform:translate(-50%,-50%) scale(1.2);pointer-events:none;mask-image:none}.public-home .orbit-container{position:absolute;left:0;top:0;width:0;height:0;animation:orbitEntrance 2.5s ease-out both}.public-home .orbit-spin{position:absolute;left:0;top:0;width:0;height:0;animation:jnai-orbit-spin 80s linear infinite;will-change:transform;--r:min(395px,30vw)}.public-home .orbit-item{position:absolute;left:0;top:0;width:0;height:0;transform:rotate(var(--a)) translateY(calc(-1 * var(--r)))}.public-home .orbit-icon-wrap{position:absolute;left:0;top:0;width:72px;height:53px;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:4px;transform:translate(-50%,-50%) rotate(calc(-1 * var(--a)));animation:jnai-orbit-counter 80s linear infinite;will-change:transform}.public-home .orbit-icon{width:34px;height:34px;object-fit:contain;border-radius:50%;filter:drop-shadow(0 0 10px rgba(0,202,224,.28))}.public-home .orbit-name{display:block;width:72px;color:rgba(245,251,255,.76);font-size:11px;line-height:16px;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-shadow:0 2px 10px rgba(0,0,0,.45)}.public-home .orbit-item:nth-child(1){--a:0deg}.public-home .orbit-item:nth-child(2){--a:15deg}.public-home .orbit-item:nth-child(3){--a:30deg}.public-home .orbit-item:nth-child(4){--a:45deg}.public-home .orbit-item:nth-child(5){--a:60deg}.public-home .orbit-item:nth-child(6){--a:75deg}.public-home .orbit-item:nth-child(7){--a:90deg}.public-home .orbit-item:nth-child(8){--a:105deg}.public-home .orbit-item:nth-child(9){--a:120deg}.public-home .orbit-item:nth-child(10){--a:135deg}.public-home .orbit-item:nth-child(11){--a:150deg}.public-home .orbit-item:nth-child(12){--a:165deg}.public-home .orbit-item:nth-child(13){--a:180deg}.public-home .orbit-item:nth-child(14){--a:195deg}.public-home .orbit-item:nth-child(15){--a:210deg}.public-home .orbit-item:nth-child(16){--a:225deg}.public-home .orbit-item:nth-child(17){--a:240deg}.public-home .orbit-item:nth-child(18){--a:255deg}.public-home .orbit-item:nth-child(19){--a:270deg}.public-home .orbit-item:nth-child(20){--a:285deg}.public-home .orbit-item:nth-child(21){--a:300deg}.public-home .orbit-item:nth-child(22){--a:315deg}.public-home .orbit-item:nth-child(23){--a:330deg}.public-home .orbit-item:nth-child(24){--a:345deg}.public-home .model-orbit-stage{display:none!important}.public-home .hero-copy{position:relative;z-index:3;width:min(578px,calc(100vw - 44px));max-width:578px;margin:0 auto 0;text-align:center;align-self:auto;justify-self:auto}.public-home .hero-copy .eyebrow{display:inline-flex;align-items:center;height:30px;margin:0 0 30px;padding:5px 17px;border-radius:999px;border:1px solid rgba(0,202,224,.15);background:rgba(0,202,224,.06);color:var(--jn-primary);font-size:12px;font-weight:600}.public-home .hero-copy h1{display:block;margin:0 0 23px;max-width:578px;color:var(--jn-text);font-size:76px;line-height:1.1;font-weight:900;letter-spacing:0;text-align:center}.public-home .hero-copy h1 span{display:block;margin:0;background:linear-gradient(135deg,var(--jn-primary) 0%,var(--jn-primary-2) 40%,var(--jn-violet) 100%);background-size:200% 200%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}.public-home .hero-copy h1 i{display:inline;color:var(--jn-text);font-style:normal;-webkit-text-fill-color:var(--jn-text);animation:cursor-blink 1s steps(2,end) infinite}.public-home .hero-copy>p:not(.eyebrow){max-width:578px;margin:0 0 38px;color:var(--jn-muted);font-size:16.7px;line-height:1.75;text-align:center}.public-home .hero-actions{display:flex;align-items:center;justify-content:center;gap:12px;margin:0 0 46px}.public-home .hero-actions .btn{height:51px;padding:0 33px;border-radius:999px;font-size:15px;font-weight:700}.public-home .hero-actions .btn.primary{background:linear-gradient(135deg,var(--jn-primary),#00a0c8);border:0;color:#fff;box-shadow:0 0 27px rgba(0,202,224,.35),0 4px 18px rgba(0,202,224,.20)}.public-home .hero-actions .btn:not(.primary){background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.10);color:var(--jn-text);box-shadow:none;font-weight:600}.public-home .home-metrics{display:flex;align-items:flex-start;justify-content:center;gap:0;margin:0;color:var(--jn-text)}.public-home .home-metrics span{width:140px;padding:0 20px;border:0;border-right:1px solid rgba(255,255,255,.08);border-radius:0;background:transparent;box-shadow:none;color:rgba(140,153,160,.95);font-size:14px;text-align:center}.public-home .home-metrics span:last-child{border-right:0}.public-home .home-metrics strong{display:block;margin:0 0 5px;color:var(--jn-text);font-size:28px;line-height:1;font-weight:800}.public-home .hero-model-cards{display:block!important;position:absolute;inset:0;z-index:4;width:100%;height:100%;pointer-events:none;overflow:hidden}.public-home .hero-model-cards article{position:absolute;width:193px;min-height:105px;padding:14px 16px;border:0;border-radius:8px;background:rgba(0,0,0,.16);box-shadow:none;backdrop-filter:none;color:var(--jn-text);opacity:.88;transform:scale(.92)}.public-home .hero-model-cards article:first-child{left:110px;top:365px}.public-home .hero-model-cards article:nth-child(2){right:110px;top:390px}.public-home .hero-model-cards strong{display:block;color:var(--jn-text);font-size:14px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.public-home .hero-model-cards p{margin:9px 0 0;color:rgba(255,255,255,.70);font-size:11px;line-height:1.45;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.public-home .home-section{position:relative;z-index:5;background:#06080c}@media(max-width:900px){.public-home .home-header{height:auto;padding:.75rem;display:grid;gap:10px;background:rgba(6,8,12,.86);backdrop-filter:blur(16px)}.public-home .home-nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%;gap:8px}.public-home .home-nav button{width:100%;height:38px}.public-home .home-hero{height:auto;min-height:100vh;padding:8rem 14px 56px}.public-home .model-cloud{top:7rem;height:260px;opacity:.72}.public-home .model-row{gap:10px;height:34px}.public-home .model-row span{height:28px;padding:0 11px;font-size:11px}.public-home .hero-copy{width:100%;max-width:578px}.public-home .hero-copy h1{font-size:clamp(46px,13vw,72px)}.public-home .hero-copy>p:not(.eyebrow){font-size:15px}.public-home .hero-model-cards{display:none!important}.public-home .home-metrics{width:100%;max-width:390px;margin:0 auto}.public-home .home-metrics span{width:auto;flex:1;padding:0 8px}}@media(max-width:480px){.public-home .home-hero{padding-top:8.6rem}.public-home .hero-copy .eyebrow{margin-bottom:24px}.public-home .hero-copy h1{font-size:42px}.public-home .hero-actions{display:grid;grid-template-columns:1fr;gap:10px;margin-bottom:32px}.public-home .hero-actions .btn{width:100%}.public-home .home-metrics{display:grid;grid-template-columns:1fr;gap:10px}.public-home .home-metrics span{border-right:0}.public-home .model-cloud{height:210px}} @keyframes jnai-orbit-spin{to{transform:rotate(360deg)}} @keyframes orbitEntrance{from{opacity:0;transform:scale(.82)}to{opacity:1;transform:scale(1)}} @keyframes jnai-orbit-counter{to{transform:translate(-50%,-50%) rotate(calc(-1 * var(--a))) rotate(-360deg)}} /* home orbit refinement: replica-size ring, center-out refresh, timed model intros */ /** * 项目名称：灵智AI * 开发者：胖鱼 * 版权归属：YG网络 * 版权起始年份：2026 * 版权所有 © YG网络 保留所有权利 * 法律声明：未经YG网络书面正式授权，禁止逆向解析、篡改源码、破解授权、私自分发、转租、二次售卖、非授权商业部署，一切侵权行为将依法追究法律责任 */ .public-home .model-cloud{top:54%;transform:translate(-50%,-50%) scale(1.2);} .public-home .orbit-container{animation:homeOrbitBloom 2.1s cubic-bezier(.18,.8,.2,1) both;} .public-home .orbit-spin{--r:min(395px,30vw);animation-duration:80s;} .public-home .orbit-icon-wrap{width:72px;height:53px;gap:4px;} .public-home .orbit-icon{width:34px;height:34px;border-radius:50%;filter:drop-shadow(0 0 10px rgba(0,202,224,.28));} .public-home .orbit-name{width:72px;font-size:11px;line-height:16px;color:rgba(245,251,255,.76);} .public-home .hero-model-cards article{top:50%;width:206px;min-height:96px;padding:12px 14px;background:rgba(4,8,14,.18);border:1px solid rgba(255,255,255,.04);opacity:0;filter:blur(2px);} .public-home .hero-model-cards article:first-child{left:8.4vw;right:auto;top:50%;} .public-home .hero-model-cards article:nth-child(2){right:8.4vw;left:auto;top:50%;} .public-home .hero-model-cards article.is-active{animation:modelIntroLeft 4.8s cubic-bezier(.22,.8,.2,1) both;} .public-home .hero-model-cards article:nth-child(2).is-active{animation-name:modelIntroRight;} .public-home .hero-model-cards strong{font-size:13px;} .public-home .hero-model-cards p{font-size:10.5px;line-height:1.5;color:rgba(255,255,255,.66);} @media(min-width:1500px){.public-home .hero-model-cards article:first-child{left:13vw}.public-home .hero-model-cards article:nth-child(2){right:13vw}} @media(max-width:1180px){.public-home .orbit-spin{--r:min(285px,36vw)}.public-home .hero-model-cards{display:none!important}} @keyframes homeOrbitBloom{0%{opacity:0;transform:scale(.08);filter:blur(18px)}34%{opacity:.82;filter:blur(5px)}100%{opacity:1;transform:scale(1);filter:blur(0)}} @keyframes modelIntroLeft{0%,100%{opacity:0;filter:blur(2px);transform:translate(-18px,-50%) scale(.92)}16%,78%{opacity:.86;filter:blur(0);transform:translate(0,-50%) scale(1)}} @keyframes modelIntroRight{0%,100%{opacity:0;filter:blur(2px);transform:translate(18px,-50%) scale(.92)}16%,78%{opacity:.86;filter:blur(0);transform:translate(0,-50%) scale(1)}} /* home orbit muted replica adjustment */ .public-home{background:#030509;color:rgba(242,248,255,.88)} .public-home::before{background:radial-gradient(circle at 82% -6%,rgba(0,125,145,.08),transparent 34%),radial-gradient(circle at 12% 72%,rgba(77,54,166,.08),transparent 32%),#030509} .public-home::after{opacity:.55} .public-home .home-hero::before{opacity:.18;background:radial-gradient(circle at 50% 50%,rgba(0,148,166,.045),transparent 1px);background-size:2.15rem 2.15rem} .public-home .home-hero::after{background:radial-gradient(circle at 74% 10%,rgba(0,130,150,.08),transparent 28%),radial-gradient(circle at 20% 62%,rgba(92,70,180,.07),transparent 30%),radial-gradient(circle at 48% 70%,rgba(0,160,110,.035),transparent 22%);filter:blur(2px);opacity:.72} .public-home .home-section{background:#030509} .public-home .model-cloud{opacity:.58;filter:saturate(.72) brightness(.72);transform:translate(-50%,-50%) scale(1.16)} .public-home .orbit-icon-wrap{width:68px;height:48px;gap:3px} .public-home .orbit-icon{width:28px;height:28px;opacity:.62;filter:drop-shadow(0 0 5px rgba(0,130,148,.12)) saturate(.82)} .public-home .model-row .orbit-name,.public-home .orbit-name{display:block;width:68px;height:auto;min-width:0;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;color:rgba(218,229,236,.66);font-size:10.5px;line-height:14px;font-weight:500;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-shadow:0 2px 8px rgba(0,0,0,.52)} .public-home .hero-model-cards article{display:flex;align-items:flex-start;gap:10px;width:218px;min-height:86px;padding:12px 13px;background:rgba(0,0,0,.11);border:0;box-shadow:none;backdrop-filter:none;opacity:0;filter:blur(2px) saturate(.8) brightness(.86)} .public-home .hero-model-cards article:first-child{left:10.5vw;top:47%} .public-home .hero-model-cards article:nth-child(2){right:10.5vw;top:53%} .public-home .hero-model-cards article>img{flex:0 0 28px;width:28px;height:28px;margin-top:1px;border-radius:50%;object-fit:contain;opacity:.78;filter:saturate(.86) brightness(.9) drop-shadow(0 0 6px rgba(0,130,148,.14))} .public-home .hero-model-cards article>div{min-width:0;flex:1} .public-home .hero-model-cards strong{font-size:12.5px;line-height:1.25;color:rgba(245,251,255,.82);margin:0 0 6px} .public-home .hero-model-cards p{margin:0;font-size:10.5px;line-height:1.45;color:rgba(220,232,240,.52)} .public-home .hero-model-cards article.is-active{animation:modelIntroLeft 4.8s cubic-bezier(.22,.8,.2,1) both} .public-home .hero-model-cards article:nth-child(2).is-active{animation-name:modelIntroRight} @media(min-width:1500px){.public-home .hero-model-cards article:first-child{left:15vw}.public-home .hero-model-cards article:nth-child(2){right:15vw}} @media(max-width:1180px){.public-home .hero-model-cards{display:none!important}} /* home orbit pop-out path and stable center copy */ .public-home .orbit-icon-wrap{width:62px;height:44px;gap:2px} .public-home .orbit-icon{width:23px;height:23px;opacity:.54;filter:drop-shadow(0 0 4px rgba(0,130,148,.10)) saturate(.76) brightness(.82)} .public-home .model-row .orbit-name,.public-home .orbit-name{width:62px;font-size:9.5px;line-height:13px;color:rgba(210,224,232,.58)} .public-home .hero-copy{min-height:394px;display:flex;flex-direction:column;align-items:center;justify-content:center} .public-home .hero-copy h1{min-height:167px;display:flex;flex-direction:column;align-items:center;justify-content:center} .public-home .hero-copy h1 span{display:inline-flex;align-items:center;justify-content:center;min-width:322px;min-height:84px;line-height:1.1;white-space:nowrap} .public-home .hero-copy>p:not(.eyebrow){min-height:58px} .public-home .hero-actions{min-height:51px}.public-home .home-metrics{min-height:55px} .public-home .hero-model-cards{overflow:visible} .public-home .hero-model-cards article{width:196px;min-height:74px;padding:10px 12px;gap:8px;background:rgba(0,0,0,.10);opacity:0;filter:blur(2px) saturate(.76) brightness(.82);transform-origin:center center;will-change:transform,opacity,filter,offset-distance} .public-home .hero-model-cards article:first-child{left:18.5vw;top:34%;right:auto;offset-path:path('M 330 210 C 260 205 190 196 0 0');offset-rotate:0deg;animation-name:modelOrbitPopLeft} .public-home .hero-model-cards article:nth-child(2){right:auto;left:68.8vw;top:60%;offset-path:path('M -320 -170 C -244 -148 -166 -108 0 0');offset-rotate:0deg;animation-name:modelOrbitPopRight} .public-home .hero-model-cards article>img{flex-basis:23px;width:23px;height:23px;opacity:.68;filter:saturate(.78) brightness(.86) drop-shadow(0 0 4px rgba(0,130,148,.10))} .public-home .hero-model-cards strong{font-size:11.5px;line-height:1.25;color:rgba(245,251,255,.76)} .public-home .hero-model-cards p{font-size:9.8px;line-height:1.42;color:rgba(220,232,240,.46)} .public-home .hero-model-cards article.is-active{animation-duration:3.55s;animation-timing-function:cubic-bezier(.2,.78,.18,1);animation-fill-mode:both} @keyframes modelOrbitPopLeft{0%{opacity:0;offset-distance:0%;filter:blur(3px) saturate(.7) brightness(.72);transform:scale(.58)}18%{opacity:.78;offset-distance:100%;filter:blur(0) saturate(.8) brightness(.86);transform:scale(1)}72%{opacity:.78;offset-distance:100%;filter:blur(0) saturate(.8) brightness(.86);transform:scale(1)}100%{opacity:0;offset-distance:0%;filter:blur(3px) saturate(.7) brightness(.72);transform:scale(.58)}} @keyframes modelOrbitPopRight{0%{opacity:0;offset-distance:0%;filter:blur(3px) saturate(.7) brightness(.72);transform:scale(.58)}18%{opacity:.78;offset-distance:100%;filter:blur(0) saturate(.8) brightness(.86);transform:scale(1)}72%{opacity:.78;offset-distance:100%;filter:blur(0) saturate(.8) brightness(.86);transform:scale(1)}100%{opacity:0;offset-distance:0%;filter:blur(3px) saturate(.7) brightness(.72);transform:scale(.58)}} @supports not (offset-path:path('M 0 0 L 1 1')){.public-home .hero-model-cards article:first-child{animation-name:modelOrbitPopLeftFallback}.public-home .hero-model-cards article:nth-child(2){animation-name:modelOrbitPopRightFallback}@keyframes modelOrbitPopLeftFallback{0%,100%{opacity:0;filter:blur(3px);transform:translate(205px,132px) scale(.58)}18%,72%{opacity:.78;filter:blur(0);transform:translate(0,0) scale(1)}}@keyframes modelOrbitPopRightFallback{0%,100%{opacity:0;filter:blur(3px);transform:translate(-205px,-132px) scale(.58)}18%,72%{opacity:.78;filter:blur(0);transform:translate(0,0) scale(1)}}} @media(max-width:1180px){.public-home .hero-copy{min-height:0}.public-home .hero-copy h1{min-height:0}.public-home .hero-copy h1 span{min-width:0;min-height:0}} /* stable autonomous orbit card pop cycle */ .public-home .hero-model-cards article{offset-path:none!important;offset-distance:normal!important;animation:modelOrbitPopLeftSimple 3.6s cubic-bezier(.2,.78,.18,1) infinite both!important} .public-home .hero-model-cards article:first-child{left:17.2vw;top:32%;right:auto;--from-x:30vw;--from-y:18vh} .public-home .hero-model-cards article:nth-child(2){left:70.2vw;top:61%;right:auto;--from-x:-27vw;--from-y:-17vh;animation-name:modelOrbitPopRightSimple!important;animation-delay:.9s!important} .public-home .hero-model-cards article.is-active{animation:modelOrbitPopLeftSimple 3.6s cubic-bezier(.2,.78,.18,1) infinite both!important} .public-home .hero-model-cards article:nth-child(2).is-active{animation-name:modelOrbitPopRightSimple!important;animation-delay:.9s!important} @keyframes modelOrbitPopLeftSimple{0%{opacity:0;filter:blur(3px) saturate(.68) brightness(.68);transform:translate(var(--from-x),var(--from-y)) scale(.48)}16%{opacity:.78;filter:blur(0) saturate(.78) brightness(.84);transform:translate(0,0) scale(1)}70%{opacity:.78;filter:blur(0) saturate(.78) brightness(.84);transform:translate(0,0) scale(1)}100%{opacity:0;filter:blur(3px) saturate(.68) brightness(.68);transform:translate(var(--from-x),var(--from-y)) scale(.48)}} @keyframes modelOrbitPopRightSimple{0%{opacity:0;filter:blur(3px) saturate(.68) brightness(.68);transform:translate(var(--from-x),var(--from-y)) scale(.48)}16%{opacity:.78;filter:blur(0) saturate(.78) brightness(.84);transform:translate(0,0) scale(1)}70%{opacity:.78;filter:blur(0) saturate(.78) brightness(.84);transform:translate(0,0) scale(1)}100%{opacity:0;filter:blur(3px) saturate(.68) brightness(.68);transform:translate(var(--from-x),var(--from-y)) scale(.48)}} /* orbit extraction interaction: real ring item hides while side cards pop */ .public-home .model-cloud{opacity:.72;filter:saturate(.9) brightness(.86);pointer-events:auto} .public-home .orbit-container,.public-home .orbit-spin{pointer-events:auto} .public-home .orbit-item{transition:opacity .22s ease,filter .22s ease;pointer-events:auto} .public-home .orbit-icon-wrap{transition:transform .2s ease,filter .2s ease,opacity .2s ease} .public-home .orbit-icon{width:24px;height:24px;opacity:.68;filter:drop-shadow(0 0 5px rgba(0,155,175,.16)) saturate(.88) brightness(.9);transition:opacity .2s ease,filter .2s ease,transform .2s ease} .public-home .model-row .orbit-name,.public-home .orbit-name{width:64px;color:rgba(225,238,245,.66);font-size:9.8px;line-height:13px;transition:color .2s ease,text-shadow .2s ease} .public-home .orbit-item:hover{z-index:8} .public-home .orbit-item:hover .orbit-icon-wrap{filter:brightness(1.16) saturate(1.1);transform:translate(-50%,-50%) rotate(calc(-1 * var(--a))) scale(1.18)} .public-home .orbit-item:hover .orbit-icon{opacity:.95;filter:drop-shadow(0 0 12px rgba(0,202,224,.35)) saturate(1.05) brightness(1.08)} .public-home .orbit-item:hover .orbit-name{color:rgba(245,251,255,.92);text-shadow:0 0 12px rgba(0,202,224,.24)} .public-home .orbit-item.is-extracted{opacity:0;filter:blur(3px);pointer-events:none} .public-home .orbit-item.is-extracted .orbit-icon-wrap{transform:translate(-50%,-50%) rotate(calc(-1 * var(--a))) scale(.28)} .public-home .hero-model-cards{overflow:visible;pointer-events:none} .public-home .hero-model-cards article,.public-home .hero-model-cards article.is-active,.public-home .hero-model-cards article:nth-child(2).is-active{animation:none!important;opacity:0;filter:blur(2px) saturate(.82) brightness(.78);transform:translate(var(--from-x),var(--from-y)) scale(.5)} .public-home .hero-model-cards article{width:202px;min-height:78px;padding:10px 12px;background:rgba(0,0,0,.14);border:0;box-shadow:none;backdrop-filter:none} .public-home .hero-model-cards article:first-child{left:8.2vw;top:45%;right:auto;--from-x:31.8vw;--from-y:-1vh} .public-home .hero-model-cards article:nth-child(2){left:auto;right:8.2vw;top:45%;--from-x:-31.8vw;--from-y:-1vh;animation-delay:0s!important} .public-home .hero-model-cards article.is-active{animation:extractedModelLeft 3.45s cubic-bezier(.2,.78,.18,1) both!important} .public-home .hero-model-cards article:nth-child(2).is-active{animation:extractedModelRight 3.45s cubic-bezier(.2,.78,.18,1) both!important} .public-home .hero-model-cards article>img{width:24px;height:24px;flex-basis:24px;opacity:.82;filter:saturate(.92) brightness(.96) drop-shadow(0 0 6px rgba(0,155,175,.18))} .public-home .hero-model-cards strong{font-size:12px;color:rgba(245,251,255,.84)} .public-home .hero-model-cards p{font-size:9.8px;color:rgba(220,232,240,.48)} @keyframes extractedModelLeft{0%{opacity:0;filter:blur(3px) saturate(.8) brightness(.76);transform:translate(var(--from-x),var(--from-y)) scale(.42)}18%{opacity:.82;filter:blur(0) saturate(.92) brightness(.92);transform:translate(0,0) scale(1)}72%{opacity:.82;filter:blur(0) saturate(.92) brightness(.92);transform:translate(0,0) scale(1)}100%{opacity:0;filter:blur(3px) saturate(.8) brightness(.76);transform:translate(var(--from-x),var(--from-y)) scale(.42)}} @keyframes extractedModelRight{0%{opacity:0;filter:blur(3px) saturate(.8) brightness(.76);transform:translate(var(--from-x),var(--from-y)) scale(.42)}18%{opacity:.82;filter:blur(0) saturate(.92) brightness(.92);transform:translate(0,0) scale(1)}72%{opacity:.82;filter:blur(0) saturate(.92) brightness(.92);transform:translate(0,0) scale(1)}100%{opacity:0;filter:blur(3px) saturate(.8) brightness(.76);transform:translate(var(--from-x),var(--from-y)) scale(.42)}} @media(min-width:1500px){.public-home .hero-model-cards article:first-child{left:12vw}.public-home .hero-model-cards article:nth-child(2){right:12vw}} /* single extracted model alternates between left and right sides */ .public-home .hero-model-cards article:nth-child(2){display:none!important} .public-home .hero-model-cards article:first-child{display:flex!important;left:8.5vw;right:auto;top:45%;--from-x:32vw;--from-y:-1vh} .public-home .hero-model-cards article:first-child.from-right{left:auto;right:8.5vw;--from-x:-32vw;--from-y:-1vh} .public-home .hero-model-cards article:first-child.from-left.is-active{animation:extractedModelLeft 3.45s cubic-bezier(.2,.78,.18,1) both!important} .public-home .hero-model-cards article:first-child.from-right.is-active{animation:extractedModelRight 3.45s cubic-bezier(.2,.78,.18,1) both!important} /* extracted card side placement correction */ .public-home .hero-model-cards article:first-child{left:10.5vw;right:auto} .public-home .hero-model-cards article:first-child.from-right{left:auto;right:12vw} /* final extracted side animation bounds */ .public-home .hero-model-cards article:first-child{top:45%;left:11vw;right:auto;--from-x:25vw;--from-y:-1vh} .public-home .hero-model-cards article:first-child.from-right{left:auto!important;right:15vw!important;--from-x:-25vw;--from-y:-1vh} .public-home .hero-model-cards article:first-child.from-left.is-active{animation:extractedModelLeftBounded 3.45s cubic-bezier(.2,.78,.18,1) both!important} .public-home .hero-model-cards article:first-child.from-right.is-active{animation:extractedModelRightBounded 3.45s cubic-bezier(.2,.78,.18,1) both!important} @keyframes extractedModelLeftBounded{0%{opacity:0;filter:blur(3px) saturate(.8) brightness(.76);transform:translate(var(--from-x),var(--from-y)) scale(.42)}18%,72%{opacity:.82;filter:blur(0) saturate(.92) brightness(.92);transform:translate(0,0) scale(1)}100%{opacity:0;filter:blur(3px) saturate(.8) brightness(.76);transform:translate(var(--from-x),var(--from-y)) scale(.42)}} @keyframes extractedModelRightBounded{0%{opacity:0;filter:blur(3px) saturate(.8) brightness(.76);transform:translate(var(--from-x),var(--from-y)) scale(.42)}18%,72%{opacity:.82;filter:blur(0) saturate(.92) brightness(.92);transform:translate(0,0) scale(1)}100%{opacity:0;filter:blur(3px) saturate(.8) brightness(.76);transform:translate(var(--from-x),var(--from-y)) scale(.42)}} /* final side placement and subtle orbit hover */ .public-home .hero-model-cards article:first-child{top:46%;left:6.5vw!important;right:auto!important;--from-x:29vw;--from-y:0vh} .public-home .hero-model-cards article:first-child.from-right{left:auto!important;right:6.5vw!important;--from-x:-29vw;--from-y:0vh} .public-home .hero-model-cards article:first-child.from-left.is-active{animation:extractedModelLeftCalm 3.45s cubic-bezier(.2,.78,.18,1) both!important} .public-home .hero-model-cards article:first-child.from-right.is-active{animation:extractedModelRightCalm 3.45s cubic-bezier(.2,.78,.18,1) both!important} @keyframes extractedModelLeftCalm{0%{opacity:0;filter:blur(3px) saturate(.82) brightness(.78);transform:translate(var(--from-x),var(--from-y)) scale(.46)}18%,72%{opacity:.84;filter:blur(0) saturate(.95) brightness(.95);transform:translate(0,0) scale(1)}100%{opacity:0;filter:blur(3px) saturate(.82) brightness(.78);transform:translate(var(--from-x),var(--from-y)) scale(.46)}} @keyframes extractedModelRightCalm{0%{opacity:0;filter:blur(3px) saturate(.82) brightness(.78);transform:translate(var(--from-x),var(--from-y)) scale(.46)}18%,72%{opacity:.84;filter:blur(0) saturate(.95) brightness(.95);transform:translate(0,0) scale(1)}100%{opacity:0;filter:blur(3px) saturate(.82) brightness(.78);transform:translate(var(--from-x),var(--from-y)) scale(.46)}} .public-home .orbit-item:hover .orbit-icon-wrap{filter:brightness(1.22) saturate(1.08);transform:translate(-50%,-50%) scale(1.06)} .public-home .orbit-item:hover .orbit-icon{opacity:.96;filter:drop-shadow(0 0 10px rgba(0,202,224,.30)) saturate(1.03) brightness(1.12);transform:none} .public-home .orbit-item:hover .orbit-name{color:rgba(245,251,255,.9);text-shadow:0 0 10px rgba(0,202,224,.20)} /* final correction: keep side cards in viewport, hover only highlights */ .public-home .hero-model-cards article:first-child{top:46%!important;left:8vw!important;right:auto!important;--from-x:0;--from-y:0} .public-home .hero-model-cards article:first-child.from-right{left:auto!important;right:8vw!important;--from-x:0;--from-y:0} .public-home .hero-model-cards article:first-child.from-left.is-active{animation:extractedModelLeftSide 3.45s cubic-bezier(.2,.78,.18,1) both!important} .public-home .hero-model-cards article:first-child.from-right.is-active{animation:extractedModelRightSide 3.45s cubic-bezier(.2,.78,.18,1) both!important} @keyframes extractedModelLeftSide{0%{opacity:0;filter:blur(3px) saturate(.82) brightness(.78);transform:translateX(22vw) scale(.46)}18%,72%{opacity:.84;filter:blur(0) saturate(.95) brightness(.95);transform:translateX(0) scale(1)}100%{opacity:0;filter:blur(3px) saturate(.82) brightness(.78);transform:translateX(22vw) scale(.46)}} @keyframes extractedModelRightSide{0%{opacity:0;filter:blur(3px) saturate(.82) brightness(.78);transform:translateX(-22vw) scale(.46)}18%,72%{opacity:.84;filter:blur(0) saturate(.95) brightness(.95);transform:translateX(0) scale(1)}100%{opacity:0;filter:blur(3px) saturate(.82) brightness(.78);transform:translateX(-22vw) scale(.46)}} .public-home .orbit-item:hover .orbit-icon-wrap{filter:brightness(1.2) saturate(1.08);transform:translate(-50%,-50%) rotate(calc(-1 * var(--a)))} .public-home .orbit-item:hover .orbit-icon{opacity:.94;filter:drop-shadow(0 0 9px rgba(0,202,224,.28)) saturate(1.03) brightness(1.12);transform:none} .public-home .orbit-item:hover .orbit-name{color:rgba(245,251,255,.88);text-shadow:0 0 9px rgba(0,202,224,.18)} /* replica-like lower side cards and progressive description reveal */ .public-home .hero-model-cards article:first-child{top:61%!important;left:8.8vw!important;right:auto!important;width:236px;min-height:92px;align-items:flex-start;padding:12px 14px} .public-home .hero-model-cards article:first-child.from-right{left:auto!important;right:8.8vw!important} .public-home .hero-model-cards article:first-child.from-left.is-active{animation:extractedModelLeftLower 4s cubic-bezier(.2,.78,.18,1) both!important} .public-home .hero-model-cards article:first-child.from-right.is-active{animation:extractedModelRightLower 4s cubic-bezier(.2,.78,.18,1) both!important} .public-home .hero-model-cards article>div{display:flex;flex-direction:column;gap:4px;min-width:0} .public-home .hero-model-cards strong{font-size:12.5px;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .public-home .hero-model-cards p{display:flex;flex-direction:column;gap:2px;margin-top:1px;line-height:1.42;min-height:36px} .public-home .hero-model-cards p span{display:block;opacity:0;transform:translateY(5px);filter:blur(2px)} .public-home .hero-model-cards article.is-active p span:first-child{animation:modelDescLineIn .42s ease-out .68s both} .public-home .hero-model-cards article.is-active p span:nth-child(2){animation:modelDescLineIn .48s ease-out 1.02s both} @keyframes extractedModelLeftLower{0%{opacity:0;filter:blur(3px) saturate(.82) brightness(.78);transform:translate(22vw,-12vh) scale(.46)}18%,74%{opacity:.86;filter:blur(0) saturate(.95) brightness(.95);transform:translate(0,0) scale(1)}100%{opacity:0;filter:blur(3px) saturate(.82) brightness(.78);transform:translate(22vw,-12vh) scale(.46)}} @keyframes extractedModelRightLower{0%{opacity:0;filter:blur(3px) saturate(.82) brightness(.78);transform:translate(-22vw,-12vh) scale(.46)}18%,74%{opacity:.86;filter:blur(0) saturate(.95) brightness(.95);transform:translate(0,0) scale(1)}100%{opacity:0;filter:blur(3px) saturate(.82) brightness(.78);transform:translate(-22vw,-12vh) scale(.46)}} @keyframes modelDescLineIn{to{opacity:1;transform:translateY(0);filter:blur(0)}} /* metrics-row aligned compact extracted cards */ .public-home .hero-model-cards article:first-child{top:72%!important;left:17.5vw!important;right:auto!important;width:178px;min-height:64px;padding:8px 10px;gap:7px;align-items:flex-start;background:rgba(0,0,0,.10)} .public-home .hero-model-cards article:first-child.from-right{left:auto!important;right:17.5vw!important} .public-home .hero-model-cards article>img{width:20px!important;height:20px!important;flex-basis:20px!important;margin-top:1px;opacity:.78} .public-home .hero-model-cards article>div{gap:2px} .public-home .hero-model-cards strong{font-size:10.8px!important;line-height:1.18;max-width:132px} .public-home .hero-model-cards p{font-size:8.6px!important;line-height:1.32;gap:1px;min-height:25px;margin-top:0;color:rgba(220,232,240,.44)} .public-home .hero-model-cards p span{transform:translateY(4px)} .public-home .hero-model-cards article:first-child.from-left.is-active{animation:extractedModelLeftMetrics 4s cubic-bezier(.2,.78,.18,1) both!important} .public-home .hero-model-cards article:first-child.from-right.is-active{animation:extractedModelRightMetrics 4s cubic-bezier(.2,.78,.18,1) both!important} @keyframes extractedModelLeftMetrics{0%{opacity:0;filter:blur(3px) saturate(.82) brightness(.78);transform:translate(15vw,-22vh) scale(.5)}18%,74%{opacity:.82;filter:blur(0) saturate(.92) brightness(.94);transform:translate(0,0) scale(1)}100%{opacity:0;filter:blur(3px) saturate(.82) brightness(.78);transform:translate(15vw,-22vh) scale(.5)}} @keyframes extractedModelRightMetrics{0%{opacity:0;filter:blur(3px) saturate(.82) brightness(.78);transform:translate(-15vw,-22vh) scale(.5)}18%,74%{opacity:.82;filter:blur(0) saturate(.92) brightness(.94);transform:translate(0,0) scale(1)}100%{opacity:0;filter:blur(3px) saturate(.82) brightness(.78);transform:translate(-15vw,-22vh) scale(.5)}} /* edge-aligned compact extracted cards */ .public-home .hero-model-cards article:first-child{left:24px!important;right:auto!important;top:72%!important} .public-home .hero-model-cards article:first-child.from-right{left:auto!important;right:24px!important} /* centered-side balanced cards with character-by-character intro */ .public-home .hero-model-cards article:first-child{top:62%!important;left:28px!important;right:auto!important;width:205px;min-height:78px;padding:10px 12px;gap:8px} .public-home .hero-model-cards article:first-child.from-right{left:auto!important;right:28px!important} .public-home .hero-model-cards article>img{width:22px!important;height:22px!important;flex-basis:22px!important;opacity:.8} .public-home .hero-model-cards strong{font-size:11.6px!important;max-width:154px;line-height:1.2} .public-home .hero-model-cards p{font-size:9.2px!important;line-height:1.36;min-height:32px;gap:1px;color:rgba(220,232,240,.46)} .public-home .hero-model-cards p i{display:inline-block;font-style:normal;opacity:0;transform:translateY(4px);filter:blur(2px)} .public-home .hero-model-cards article.is-active p i{animation:modelDescCharIn .28s ease-out var(--d) both} .public-home .hero-model-cards article:first-child.from-left.is-active{animation:extractedModelLeftBalanced 4.25s cubic-bezier(.2,.78,.18,1) both!important} .public-home .hero-model-cards article:first-child.from-right.is-active{animation:extractedModelRightBalanced 4.25s cubic-bezier(.2,.78,.18,1) both!important} @keyframes extractedModelLeftBalanced{0%{opacity:0;filter:blur(3px) saturate(.82) brightness(.78);transform:translate(17vw,-12vh) scale(.48)}16%,76%{opacity:.84;filter:blur(0) saturate(.94) brightness(.94);transform:translate(0,0) scale(1)}100%{opacity:0;filter:blur(3px) saturate(.82) brightness(.78);transform:translate(17vw,-12vh) scale(.48)}} @keyframes extractedModelRightBalanced{0%{opacity:0;filter:blur(3px) saturate(.82) brightness(.78);transform:translate(-17vw,-12vh) scale(.48)}16%,76%{opacity:.84;filter:blur(0) saturate(.94) brightness(.94);transform:translate(0,0) scale(1)}100%{opacity:0;filter:blur(3px) saturate(.82) brightness(.78);transform:translate(-17vw,-12vh) scale(.48)}} @keyframes modelDescCharIn{to{opacity:1;transform:translateY(0);filter:blur(0)}} /* upper three-row model card with colored title and fast typed intro */ .public-home .hero-model-cards article:first-child{top:54%!important;left:30px!important;right:auto!important;width:190px;min-height:96px;padding:9px 11px;display:flex!important;flex-direction:column;align-items:flex-start;gap:5px;background:rgba(0,0,0,.11)} .public-home .hero-model-cards article:first-child.from-right{left:auto!important;right:30px!important} .public-home .hero-model-cards article>img{width:22px!important;height:22px!important;flex-basis:auto!important;margin:0;opacity:.82;align-self:flex-start} .public-home .hero-model-cards article>div{display:flex;flex-direction:column;gap:4px;width:100%;min-width:0} .public-home .hero-model-cards strong{font-size:12px!important;line-height:1.18;max-width:168px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-shadow:0 0 10px currentColor} .public-home .hero-model-cards strong.tone-openai{color:#7dd3fc!important}.public-home .hero-model-cards strong.tone-gemini{color:#a78bfa!important}.public-home .hero-model-cards strong.tone-deepseek{color:#5eead4!important}.public-home .hero-model-cards strong.tone-kling{color:#fbbf24!important}.public-home .hero-model-cards strong.tone-video{color:#fb7185!important}.public-home .hero-model-cards strong.tone-suno{color:#86efac!important}.public-home .hero-model-cards strong.tone-qwen{color:#67e8f9!important}.public-home .hero-model-cards strong.tone-grok{color:#f0abfc!important}.public-home .hero-model-cards strong.tone-claude{color:#fdba74!important}.public-home .hero-model-cards strong.tone-default{color:#e0f2fe!important} .public-home .hero-model-cards p{font-size:9px!important;line-height:1.34;min-height:34px;gap:1px;color:rgba(224,236,244,.52);margin:0} .public-home .hero-model-cards p span{display:block;transform:none!important;filter:none!important;opacity:1!important} .public-home .hero-model-cards p i{display:inline-block;font-style:normal;opacity:0;transform:translateY(3px);filter:blur(2px)} .public-home .hero-model-cards article.is-active p i{animation:modelDescCharFastIn .2s ease-out var(--d) both} .public-home .hero-model-cards article:first-child.from-left.is-active{animation:extractedModelLeftThreeRow 4.15s cubic-bezier(.2,.78,.18,1) both!important} .public-home .hero-model-cards article:first-child.from-right.is-active{animation:extractedModelRightThreeRow 4.15s cubic-bezier(.2,.78,.18,1) both!important} @keyframes extractedModelLeftThreeRow{0%{opacity:0;filter:blur(3px) saturate(.82) brightness(.78);transform:translate(18vw,-6vh) scale(.48)}16%,76%{opacity:.86;filter:blur(0) saturate(.94) brightness(.95);transform:translate(0,0) scale(1)}100%{opacity:0;filter:blur(3px) saturate(.82) brightness(.78);transform:translate(18vw,-6vh) scale(.48)}} @keyframes extractedModelRightThreeRow{0%{opacity:0;filter:blur(3px) saturate(.82) brightness(.78);transform:translate(-18vw,-6vh) scale(.48)}16%,76%{opacity:.86;filter:blur(0) saturate(.94) brightness(.95);transform:translate(0,0) scale(1)}100%{opacity:0;filter:blur(3px) saturate(.82) brightness(.78);transform:translate(-18vw,-6vh) scale(.48)}} @keyframes modelDescCharFastIn{to{opacity:1;transform:translateY(0);filter:blur(0)}} /* centered icon/title and keyboard-like typing reveal */ .public-home .hero-model-cards article:first-child{align-items:center;text-align:center;width:190px;min-height:98px;padding:10px 11px} .public-home .hero-model-cards article>img{align-self:center!important;opacity:1!important;filter:brightness(1.22) saturate(1.12) drop-shadow(0 0 12px rgba(125,211,252,.42))!important} .public-home .hero-model-cards article>div{align-items:center;text-align:center;width:100%} .public-home .hero-model-cards strong{max-width:168px;text-align:center;text-shadow:0 0 12px currentColor,0 0 24px rgba(125,211,252,.18)} .public-home .hero-model-cards p{position:relative;text-align:left;align-self:stretch;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;letter-spacing:0;color:rgba(226,238,246,.58)} .public-home .hero-model-cards p i{opacity:0;transform:none;filter:none} .public-home .hero-model-cards article.is-active p i{animation:modelDescTypeKey .08s steps(1,end) var(--d) both} .public-home .hero-model-cards article.is-active p::after{content:"";display:inline-block;width:1px;height:1em;margin-left:2px;background:rgba(125,211,252,.78);vertical-align:-.15em;animation:modelTypingCursor .68s steps(1,end) infinite} @keyframes modelDescTypeKey{to{opacity:1}} @keyframes modelTypingCursor{0%,48%{opacity:1}49%,100%{opacity:0}} /* stronger upper model card emphasis */ .public-home .hero-model-cards article:first-child{top:48%!important;width:206px;min-height:108px;padding:11px 13px;gap:6px} .public-home .hero-model-cards article>img{width:28px!important;height:28px!important;filter:brightness(1.32) saturate(1.18) drop-shadow(0 0 15px rgba(125,211,252,.52))!important} .public-home .hero-model-cards strong{font-size:13.5px!important;font-weight:900!important;max-width:180px;letter-spacing:0;color:inherit} .public-home .hero-model-cards p{font-size:9.8px!important;font-weight:700;line-height:1.42;min-height:38px;color:rgba(238,247,252,.72);text-shadow:0 0 8px rgba(125,211,252,.14)} .public-home .hero-model-cards p i{font-weight:700} .public-home .hero-model-cards article:first-child.from-left.is-active{animation:extractedModelLeftStrong 4.15s cubic-bezier(.2,.78,.18,1) both!important} .public-home .hero-model-cards article:first-child.from-right.is-active{animation:extractedModelRightStrong 4.15s cubic-bezier(.2,.78,.18,1) both!important} @keyframes extractedModelLeftStrong{0%{opacity:0;filter:blur(3px) saturate(.82) brightness(.78);transform:translate(18vw,0) scale(.5)}16%,76%{opacity:.88;filter:blur(0) saturate(.98) brightness(.98);transform:translate(0,0) scale(1)}100%{opacity:0;filter:blur(3px) saturate(.82) brightness(.78);transform:translate(18vw,0) scale(.5)}} @keyframes extractedModelRightStrong{0%{opacity:0;filter:blur(3px) saturate(.82) brightness(.78);transform:translate(-18vw,0) scale(.5)}16%,76%{opacity:.88;filter:blur(0) saturate(.98) brightness(.98);transform:translate(0,0) scale(1)}100%{opacity:0;filter:blur(3px) saturate(.82) brightness(.78);transform:translate(-18vw,0) scale(.5)}} /* final hero copy, metrics gradient cards, and richer model intros */ .public-home .hero-copy h1{font-size:64px!important;min-height:146px!important} .public-home .hero-copy h1 span{min-height:72px!important;min-width:300px!important} .public-home .home-metrics{gap:12px!important;align-items:stretch!important} .public-home .home-metrics span{width:156px!important;min-height:74px!important;padding:13px 16px!important;border:1px solid rgba(255,255,255,.10)!important;border-radius:14px!important;background:linear-gradient(135deg,rgba(0,202,224,.18),rgba(120,80,255,.13) 58%,rgba(0,229,160,.10))!important;box-shadow:0 14px 36px rgba(0,0,0,.20),inset 0 1px 0 rgba(255,255,255,.08)!important;backdrop-filter:blur(10px);text-align:left!important;color:rgba(203,216,224,.78)!important} .public-home .home-metrics span:nth-child(2){background:linear-gradient(135deg,rgba(120,80,255,.20),rgba(0,202,224,.12) 56%,rgba(255,255,255,.045))!important} .public-home .home-metrics span:nth-child(3){background:linear-gradient(135deg,rgba(0,229,160,.18),rgba(0,202,224,.12) 58%,rgba(120,80,255,.10))!important} .public-home .home-metrics strong{font-size:25px!important;line-height:1.05!important;margin-bottom:7px!important;background:linear-gradient(135deg,#f8fdff,#7dd3fc 44%,#a78bfa)!important;-webkit-background-clip:text;background-clip:text;color:transparent!important;-webkit-text-fill-color:transparent!important;text-shadow:none!important} .public-home .hero-model-cards article>div{align-items:stretch!important;text-align:left!important} .public-home .hero-model-cards p{text-align:left!important;align-self:stretch!important;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Microsoft YaHei",Arial,sans-serif!important;font-size:10.4px!important;font-weight:700!important;line-height:1.5!important;color:rgba(238,247,252,.76)!important;min-height:46px!important} .public-home .hero-model-cards p span{text-align:left!important} .public-home .hero-model-cards article.is-active p::after{display:none!important} @media(max-width:900px){.public-home .hero-copy h1{font-size:clamp(42px,11vw,58px)!important;min-height:0!important}.public-home .hero-copy h1 span{min-height:0!important;min-width:0!important}.public-home .home-metrics span{width:auto!important;text-align:center!important}} /* keep typing cursor while intro body stays left aligned */ .public-home .hero-model-cards article.is-active p::after{display:inline-block!important} /* correction: no leading gap in typed intro; compact replica-like metric cards */ .public-home .hero-model-cards article{box-sizing:border-box!important} .public-home .hero-model-cards article>div{width:100%!important;align-items:stretch!important;text-align:left!important;padding:0!important;margin:0!important} .public-home .hero-model-cards p{display:block!important;width:100%!important;margin:0!important;padding:0!important;text-align:left!important;text-indent:0!important;align-self:stretch!important;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Microsoft YaHei",Arial,sans-serif!important;font-size:10.2px!important;font-weight:700!important;line-height:1.48!important;letter-spacing:0!important;color:rgba(238,247,252,.78)!important;min-height:44px!important;white-space:normal!important} .public-home .hero-model-cards p span{display:block!important;width:100%!important;margin:0!important;padding:0!important;text-align:left!important;text-indent:0!important;opacity:1!important} .public-home .hero-model-cards p i{display:inline!important;margin:0!important;padding:0!important;font-style:normal!important;font-weight:700!important;letter-spacing:0!important;opacity:0} .public-home .hero-model-cards article.is-active p::after{display:none!important} .public-home .home-metrics{display:flex!important;justify-content:center!important;align-items:center!important;gap:10px!important;margin-top:30px!important} .public-home .home-metrics span{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;width:124px!important;min-height:58px!important;padding:10px 14px!important;border-radius:12px!important;border:1px solid rgba(255,255,255,.08)!important;background:linear-gradient(145deg,rgba(255,255,255,.075),rgba(0,202,224,.075) 48%,rgba(120,80,255,.055))!important;box-shadow:0 10px 26px rgba(0,0,0,.14),inset 0 1px 0 rgba(255,255,255,.07)!important;backdrop-filter:blur(8px)!important;text-align:center!important;color:rgba(180,194,202,.82)!important;font-size:12px!important;line-height:1.15!important;font-weight:600!important} .public-home .home-metrics span:nth-child(2){background:linear-gradient(145deg,rgba(255,255,255,.07),rgba(120,80,255,.085) 48%,rgba(0,202,224,.045))!important} .public-home .home-metrics span:nth-child(3){background:linear-gradient(145deg,rgba(255,255,255,.07),rgba(0,229,160,.075) 48%,rgba(0,202,224,.05))!important} .public-home .home-metrics strong{display:block!important;margin:0 0 5px!important;font-size:23px!important;line-height:1!important;font-weight:900!important;letter-spacing:0!important;background:linear-gradient(135deg,#ffffff 0%,#7dd3fc 50%,#8b5cf6 100%)!important;-webkit-background-clip:text!important;background-clip:text!important;color:transparent!important;-webkit-text-fill-color:transparent!important;text-shadow:none!important} @media(max-width:900px){.public-home .home-metrics{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important}.public-home .home-metrics span{width:100%!important}} /* nudge hero metric cards upward */ .public-home .home-metrics{margin-top:22px!important} /* real typing text starts at column zero; metrics move up again */ .public-home .hero-model-cards p{white-space:pre-line!important;overflow:hidden!important} .public-home .hero-model-cards p.is-typing::after{content:"";display:inline-block!important;width:1px;height:1em;margin-left:2px;background:rgba(125,211,252,.78);vertical-align:-.15em;animation:modelTypingCursor .68s steps(1,end) infinite} .public-home .hero-model-cards p:not(.is-typing)::after{display:none!important} .public-home .home-metrics{margin-top:14px!important} /* home top controls */ .public-home .home-nav .dev-btn{display:none!important} .public-home .top-service-btn,.public-home .lang-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:38px;padding:0 14px!important;border-radius:999px!important} .public-home .home-metrics em{font-style:normal} body[data-lang="en"] .public-home .hero-copy h1{font-size:54px!important;line-height:1.08!important;max-width:820px!important} @media(max-width:720px){.public-home .top-service-btn span:not([data-customer-label]){display:none}} /* replica customer service entry */ .public-home .top-service-btn{height:34px!important;min-height:34px!important;width:34px!important;padding:0!important;gap:0!important;border-radius:50%!important;border:1px solid rgba(255,255,255,.18)!important;background:#050816!important;color:#eaf2ff!important;box-shadow:0 10px 26px rgba(0,0,0,.28)!important;backdrop-filter:blur(14px);overflow:visible!important} .public-home .top-service-btn:hover{background:#050816!important;border-color:rgba(255,255,255,.34)!important;transform:translateY(-1px)} .public-home .top-service-btn span{display:none!important} .public-home .top-service-btn .service-headset{display:block;width:28px;height:28px;object-fit:contain;border:0!important;border-radius:50%!important;filter:drop-shadow(0 8px 16px rgba(37,99,235,.22))} .public-home .top-service-btn .service-headset::before,.public-home .top-service-btn .service-headset::after{display:none!important} .customer-widget{right:26px!important;bottom:26px!important;z-index:90!important} .customer-widget .customer-float{position:relative!important;display:grid!important;place-items:center!important;width:58px!important;height:58px!important;min-width:58px!important;padding:0!important;border:1px solid rgba(255,255,255,.18)!important;border-radius:50%!important;background:#050816!important;color:#8ab4ff!important;font-size:0!important;box-shadow:0 14px 36px rgba(0,0,0,.30),0 4px 10px rgba(15,23,42,.16)!important;cursor:pointer!important;transition:transform .18s ease,box-shadow .18s ease!important} .customer-widget .customer-float:hover{transform:translateY(-3px)!important;box-shadow:0 20px 48px rgba(0,0,0,.38),0 8px 18px rgba(37,99,235,.18)!important} .customer-widget .customer-float::before{content:""!important;position:absolute!important;right:8px!important;top:8px!important;width:10px!important;height:10px!important;border-radius:50%!important;background:#27d968!important;box-shadow:0 0 0 3px #050816,0 0 12px rgba(39,217,104,.75)!important;z-index:2!important} .customer-widget .customer-float::after{content:"客服"!important;position:absolute!important;right:70px!important;top:50%!important;display:block!important;white-space:nowrap!important;transform:translate(8px,-50%) scale(.96)!important;padding:8px 12px!important;border-radius:8px!important;background:rgba(15,23,42,.88)!important;color:#fff!important;font-size:13px!important;font-weight:800!important;line-height:1!important;opacity:0!important;pointer-events:none!important;box-shadow:0 10px 24px rgba(15,23,42,.22)!important;transition:opacity .16s ease,transform .16s ease!important} .customer-widget .customer-float:hover::after{opacity:1!important;transform:translate(0,-50%) scale(1)!important} .customer-widget .customer-float span{display:none!important} .customer-widget .customer-float-icon{display:block!important;width:100%!important;height:100%!important;object-fit:cover!important;border-radius:50%!important;box-shadow:none!important} @media(max-width:760px){.customer-widget{right:16px!important;bottom:16px!important}.customer-widget .customer-float{width:54px!important;height:54px!important;min-width:54px!important}.customer-widget .customer-float-icon{width:100%!important;height:100%!important}.customer-widget .customer-float::after{display:none!important}.public-home .top-service-btn{width:32px!important;height:32px!important}.public-home .top-service-btn .service-headset{width:26px!important;height:26px!important}} /* replica starry meteor hero background */ .public-home::after{content:""!important;position:fixed!important;inset:0!important;z-index:2!important;pointer-events:none!important;background:radial-gradient(circle at 12% 18%,rgba(0,202,224,.95) 0 1.7px,transparent 2.8px),radial-gradient(circle at 32% 64%,rgba(0,229,160,.86) 0 2.1px,transparent 3.2px),radial-gradient(circle at 58% 24%,rgba(0,202,224,.80) 0 2.5px,transparent 3.7px),radial-gradient(circle at 82% 72%,rgba(120,80,255,.74) 0 1.8px,transparent 3px),radial-gradient(circle at 72% 14%,rgba(96,240,255,.84) 0 2.2px,transparent 3.4px),radial-gradient(circle at 44% 82%,rgba(0,202,224,.72) 0 1.9px,transparent 3px),linear-gradient(28deg,transparent 0 48%,rgba(0,202,224,.16) 48.08%,transparent 48.42% 100%),linear-gradient(142deg,transparent 0 52%,rgba(0,229,160,.13) 52.08%,transparent 52.38% 100%),linear-gradient(8deg,transparent 0 56%,rgba(120,80,255,.12) 56.08%,transparent 56.34% 100%)!important;background-size:210px 170px,260px 210px,320px 250px,360px 290px,420px 330px,480px 360px,210px 170px,260px 210px,320px 250px!important;background-position:0 0,54px 74px,110px 20px,36px 160px,90px 44px,150px 112px,0 0,54px 74px,110px 20px!important;opacity:.84!important;mix-blend-mode:screen!important;animation:replicaParticleDrift 24s ease-in-out infinite alternate!important} .public-home .home-section,.public-home .home-footer{position:relative;z-index:3;background:transparent!important} .public-home .home-hero{isolation:isolate;background:radial-gradient(circle at 50% 12%,rgba(63,139,255,.34) 0,rgba(63,139,255,.12) 18%,transparent 36%),radial-gradient(circle at 15% 20%,rgba(113,75,255,.22),transparent 30%),radial-gradient(circle at 84% 18%,rgba(24,221,255,.16),transparent 32%),linear-gradient(180deg,rgba(5,8,22,.82) 0%,rgba(8,17,31,.72) 48%,rgba(6,10,18,.62) 100%)!important} .public-home .home-hero::before{display:none!important} .public-home .home-hero::after{content:"";position:absolute;inset:-18% -10% 0;z-index:0;pointer-events:none;background:radial-gradient(circle at 50% 18%,rgba(88,138,255,.20),transparent 24%),radial-gradient(circle at 48% 30%,rgba(140,105,255,.16),transparent 34%),radial-gradient(circle at 52% 46%,rgba(15,225,255,.10),transparent 36%);filter:blur(.2px);opacity:.95} .public-home .home-hero .model-cloud{z-index:0!important} .public-home .home-hero .model-cloud::before,.public-home .home-hero .model-cloud::after{content:"";position:absolute;left:-18%;top:10%;width:260px;height:2px;border-radius:999px;background:linear-gradient(90deg,transparent 0%,rgba(147,197,253,.18) 18%,rgba(255,255,255,.98) 72%,transparent 100%);box-shadow:0 0 18px rgba(125,211,252,.75),0 0 42px rgba(59,130,246,.38);opacity:0;transform:rotate(-28deg) translate3d(0,0,0);animation:replicaMeteor 7.2s linear infinite;pointer-events:none} .public-home .home-hero .model-cloud::after{top:34%;width:210px;animation-delay:3.2s;animation-duration:9.4s;filter:hue-rotate(18deg);opacity:0} .public-home .home-hero .model-orbit-stage::before{box-shadow:0 0 90px rgba(45,103,255,.20) inset,0 0 140px rgba(62,119,255,.13)!important} @keyframes replicaStarDrift{from{background-position:0 0,42px 16px,92px 38px,30px 74px,70px 112px,120px 82px,0 0,0 0}to{background-position:210px 170px,302px 206px,282px 188px,340px 304px,310px 322px,400px 262px,52px 52px,52px 52px}} @keyframes replicaParticleDrift{0%{background-position:0 0,54px 74px,110px 20px,36px 160px,90px 44px,150px 112px,0 0,54px 74px,110px 20px;filter:brightness(.96)}50%{background-position:24px -20px,24px 104px,142px -4px,12px 188px,128px 10px,122px 140px,38px -18px,22px 104px,146px -6px;filter:brightness(1.2)}100%{background-position:-18px 32px,88px 34px,82px 54px,70px 126px,54px 84px,176px 78px,-22px 36px,86px 36px,82px 54px;filter:brightness(1)}} @keyframes replicaMeteor{0%,10%{opacity:0;transform:translate3d(0,0,0) rotate(-28deg)}13%{opacity:1}28%{opacity:.95;transform:translate3d(128vw,64vh,0) rotate(-28deg)}31%,100%{opacity:0;transform:translate3d(128vw,64vh,0) rotate(-28deg)}} @media(max-width:760px){.public-home::after{background-size:170px 140px,210px 170px,250px 200px,290px 230px,330px 260px,370px 290px,170px 140px,210px 170px,250px 200px!important}.public-home .home-hero .model-cloud::before{width:190px;animation-duration:8.4s}.public-home .home-hero .model-cloud::after{width:160px}} /* replica customer support modal */ .customer-modal-overlay{z-index:120!important;background:rgba(3,7,18,.66)!important;backdrop-filter:blur(12px)!important} .customer-modal.replica-customer-modal{width:min(430px,calc(100vw - 28px))!important;padding:0!important;overflow:hidden!important;text-align:left!important;border:1px solid rgba(255,255,255,.14)!important;border-radius:18px!important;background:linear-gradient(180deg,#0b1220 0%,#101827 48%,#0b111c 100%)!important;color:#eef6ff!important;box-shadow:0 30px 110px rgba(0,0,0,.50),0 0 0 1px rgba(96,240,255,.08) inset!important} .replica-customer-modal::before{content:"";position:absolute;inset:0 0 auto;height:132px;background:radial-gradient(circle at 24% 18%,rgba(0,202,224,.30),transparent 34%),linear-gradient(135deg,rgba(37,99,235,.42),rgba(16,185,129,.22) 54%,rgba(124,58,237,.24));pointer-events:none} .replica-customer-modal .customer-modal-close{right:14px!important;top:14px!important;z-index:2!important;width:30px!important;height:30px!important;border-radius:50%!important;background:rgba(255,255,255,.14)!important;color:#fff!important;font-size:20px!important;line-height:30px!important} .service-modal-head{position:relative;z-index:1;display:grid;grid-template-columns:10px minmax(0,1fr);gap:12px;padding:24px 22px 18px!important} .service-status-dot{width:10px;height:10px;margin-top:10px;border-radius:50%;background:#20e36a;box-shadow:0 0 0 5px rgba(32,227,106,.14),0 0 16px rgba(32,227,106,.72)} .service-modal-head h2{margin:0!important;color:#fff!important;font-size:24px!important;line-height:1.15!important;letter-spacing:0!important}.service-modal-head p{margin:7px 0 0!important;color:rgba(226,238,255,.78)!important;font-size:13px!important;line-height:1.6!important} .service-online-card{position:relative;z-index:1;margin:0 16px 12px;padding:14px;border-radius:14px;background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.16);display:grid;grid-template-columns:54px minmax(0,1fr) auto;gap:12px;align-items:center;box-shadow:0 16px 38px rgba(0,0,0,.18)} .service-avatar{width:54px;height:54px;border-radius:14px;background:#050816;display:grid;place-items:center;overflow:hidden}.service-avatar img{width:100%;height:100%;object-fit:cover}.service-online-card strong{display:block;color:#fff;font-size:16px}.service-online-card span{display:block;margin-top:5px;color:#9fb2cc;font-size:13px}.service-online-card em{font-style:normal;height:24px;border-radius:999px;padding:0 9px;display:grid;place-items:center;background:rgba(32,227,106,.13);border:1px solid rgba(32,227,106,.28);color:#34d399;font-size:11px;font-weight:900} .service-card{margin:0 16px 12px;border-radius:14px;background:#f8fbff;color:#0f172a;border:1px solid rgba(219,231,245,.92);box-shadow:0 16px 34px rgba(2,6,23,.18)} .service-qr-card{display:grid;grid-template-columns:132px minmax(0,1fr);gap:14px;align-items:center;padding:14px}.service-qr-frame{width:132px;height:132px;border-radius:14px;padding:8px;background:#fff;border:1px solid #e1e9f4;box-shadow:0 10px 24px rgba(15,23,42,.08)}.service-qr-frame img,.service-qr-frame .customer-qr-fallback{width:100%!important;height:100%!important;border:0!important;border-radius:10px!important;background:linear-gradient(135deg,#eef8ff,#f7fffb)!important;color:#0f9db2!important;display:grid!important;place-items:center!important;font-weight:900!important;text-align:center!important;padding:8px!important}.service-qr-copy strong{display:block;font-size:17px;color:#0f172a}.service-qr-copy span{display:block;margin:7px 0 10px;color:#65758b;font-size:13px;line-height:1.55}.service-qr-copy b{display:inline-flex;min-height:30px;align-items:center;border-radius:999px;padding:0 10px;background:#e9fbf6;color:#059669;font-size:13px} .service-contact-grid{display:grid!important;grid-template-columns:1fr 1fr;gap:10px;padding:10px;background:rgba(248,251,255,.96)}.service-contact-grid a{min-width:0;padding:12px;border-radius:12px;background:#fff;border:1px solid #e5edf6;color:#0f172a!important;text-decoration:none!important}.service-contact-grid small{display:block;color:#7b8ca5;font-size:12px}.service-contact-grid strong{display:block;margin:6px 0;color:#111827;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.service-contact-grid span{display:block;color:#66758a;font-size:12px;line-height:1.45} .replica-customer-modal .service-actions{display:grid!important;grid-template-columns:1fr 1fr;gap:10px;margin:0!important;padding:4px 16px 18px!important}.replica-customer-modal .service-actions a{height:44px!important;border-radius:12px!important;font-size:14px!important;font-weight:900!important;text-decoration:none!important}.replica-customer-modal .service-actions a:first-child{background:linear-gradient(135deg,#14b8d5,#10b981)!important;color:#fff!important;box-shadow:0 12px 24px rgba(20,184,213,.22)!important}.replica-customer-modal .service-actions a:last-child{background:rgba(255,255,255,.10)!important;border:1px solid rgba(255,255,255,.16)!important;color:#dbeafe!important} @media(max-width:620px){.customer-modal.replica-customer-modal{width:calc(100vw - 24px)!important;max-height:calc(100dvh - 24px)!important;overflow:auto!important}.service-qr-card{grid-template-columns:1fr;justify-items:center;text-align:center}.service-contact-grid{grid-template-columns:1fr}.replica-customer-modal .service-actions{grid-template-columns:1fr}.service-online-card{grid-template-columns:48px minmax(0,1fr);}.service-online-card em{grid-column:2}} /* customer modal simplified contact actions */ .replica-customer-modal .service-actions-single{grid-template-columns:1fr!important;padding-top:2px!important}.replica-customer-modal .service-actions-single a{height:48px!important;background:linear-gradient(135deg,#14b8d5,#10b981)!important;color:#fff!important;box-shadow:0 14px 30px rgba(20,184,213,.25)!important}.replica-customer-modal .service-actions-single a::after{content:"";width:7px;height:7px;margin-left:8px;border-top:2px solid currentColor;border-right:2px solid currentColor;transform:rotate(45deg)}.replica-customer-modal .service-actions-single a{display:flex!important;align-items:center!important;justify-content:center!important} .service-qr-card.service-qr-only{grid-template-columns:1fr!important;justify-items:center!important;padding:16px!important}.service-qr-card.service-qr-only .service-qr-frame{width:150px!important;height:150px!important} .service-card.service-qr-card.service-qr-only{background:transparent!important;border-color:transparent!important;box-shadow:none!important}.service-qr-card.service-qr-only .service-qr-frame{background:transparent!important;border-color:transparent!important;box-shadow:none!important;padding:0!important}.service-qr-card.service-qr-only .service-qr-frame img{background:transparent!important;border-radius:8px!important}.replica-customer-modal .service-actions-single a{background:linear-gradient(135deg,#6366f1,#8b5cf6)!important;box-shadow:0 14px 30px rgba(99,102,241,.30)!important;color:#fff!important} /* vertical customer modal variant */ .customer-modal.replica-customer-modal{width:min(340px,calc(100vw - 28px))!important}.service-online-card{grid-template-columns:1fr!important;justify-items:center!important;text-align:center!important;gap:8px!important;padding:14px 16px!important}.service-avatar{width:58px!important;height:58px!important}.service-online-card em{height:24px!important;margin-top:2px!important;padding:0 12px!important}.service-card.service-qr-card.service-qr-only{margin:0 auto 12px!important;width:max-content!important;max-width:calc(100% - 32px)!important;padding:10px!important}.service-qr-card.service-qr-only .service-qr-frame{width:164px!important;height:164px!important}.replica-customer-modal .service-actions-single{padding:4px 18px 20px!important}.replica-customer-modal .service-actions-single a{height:46px!important;border-radius:999px!important}@media(max-width:620px){.customer-modal.replica-customer-modal{width:calc(100vw - 32px)!important;max-height:calc(100dvh - 28px)!important}.service-modal-head{padding:22px 20px 16px!important}.service-online-card{margin:0 14px 12px!important}.service-qr-card.service-qr-only .service-qr-frame{width:150px!important;height:150px!important}} /* compact customer modal sizing */ .customer-modal.replica-customer-modal{width:min(300px,calc(100vw - 32px))!important}.service-modal-head{padding:20px 18px 14px!important}.service-modal-head h2{font-size:21px!important}.service-modal-head p{font-size:12px!important;line-height:1.45!important}.service-online-card{margin:0 14px 10px!important;padding:12px!important}.service-avatar{width:50px!important;height:50px!important}.service-online-card strong{font-size:15px!important}.service-online-card em{height:22px!important;font-size:10px!important}.service-qr-card.service-qr-only{padding:8px!important;margin-bottom:10px!important}.service-qr-card.service-qr-only .service-qr-frame{width:138px!important;height:138px!important}.replica-customer-modal .service-actions-single{padding:2px 18px 18px!important}.replica-customer-modal .service-actions-single a{height:42px!important;font-size:13px!important}@media(max-width:620px){.customer-modal.replica-customer-modal{width:min(300px,calc(100vw - 28px))!important}.service-qr-card.service-qr-only .service-qr-frame{width:132px!important;height:132px!important}} /* replica login modal redesign */ .jn-auth-overlay{background:rgba(3,7,18,.68)!important;backdrop-filter:blur(12px)!important}.jn-auth-modal.replica-login-modal{width:min(386px,calc(100vw - 32px))!important;padding:0!important;overflow:hidden!important;border:1px solid rgba(226,232,240,.92)!important;border-radius:18px!important;background:#fff!important;color:#111827!important;box-shadow:0 34px 110px rgba(2,6,23,.46)!important}.replica-login-modal .jn-modal-close{right:12px!important;top:12px!important;width:30px!important;height:30px!important;background:rgba(255,255,255,.78)!important;color:#475569!important;font-size:20px!important;z-index:2!important}.replica-login-modal .jn-auth-logo{position:relative;margin:0!important;padding:28px 24px 18px!important;background:linear-gradient(135deg,#07111f 0%,#13213a 54%,#0f766e 100%)!important;color:#fff!important;text-align:left!important;display:grid!important;grid-template-columns:44px minmax(0,1fr)!important;gap:12px!important;place-items:center start!important}.replica-login-modal .jn-auth-logo::after{content:"";position:absolute;inset:auto 20px 0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.28),transparent)}.replica-login-modal .jn-auth-logo img{width:44px!important;height:44px!important;border-radius:10px!important;background:#fff!important;box-shadow:0 12px 30px rgba(0,0,0,.28)!important}.replica-login-modal .jn-auth-logo span{color:#fff!important;font-size:22px!important;line-height:1.1!important;font-weight:900!important}.replica-login-modal .jn-auth-subtitle{margin:0!important;padding:12px 24px 16px!important;background:#13213a!important;color:#b9c7da!important;text-align:left!important;font-size:13px!important;line-height:1.55!important}.replica-login-modal .jn-auth-tabs{margin:18px 22px 14px!important;padding:4px!important;border-radius:10px!important;background:#f1f5f9!important;gap:4px!important}.replica-login-modal .jn-auth-tabs button{height:36px!important;border:0!important;border-radius:8px!important;background:transparent!important;color:#64748b!important;font-size:13px!important;font-weight:850!important}.replica-login-modal .jn-auth-tabs button.active{background:#fff!important;color:#0f766e!important;box-shadow:0 8px 18px rgba(15,23,42,.08)!important}.replica-login-modal .jn-auth-form{padding:0 22px!important;gap:11px!important}.replica-login-modal .jn-auth-form label,.replica-login-modal .jn-code-row label,.replica-login-modal .jn-captcha-row label{gap:6px!important;color:#334155!important;font-size:13px!important;font-weight:850!important}.replica-login-modal .jn-auth-form input{height:42px!important;border:1px solid #dbe4ef!important;border-radius:8px!important;background:#f8fafc!important;color:#0f172a!important;font-size:14px!important}.replica-login-modal .jn-auth-form input:focus{background:#fff!important;border-color:#14b8a6!important;box-shadow:0 0 0 3px rgba(20,184,166,.13)!important}.replica-login-modal .jn-code-row,.replica-login-modal .jn-captcha-row{grid-template-columns:minmax(0,1fr) 104px!important;gap:8px!important}.replica-login-modal .jn-code-row button{height:42px!important;border-radius:8px!important;background:#0f766e!important;color:#fff!important;font-size:13px!important}.replica-login-modal .jn-captcha{height:42px!important;border-radius:8px!important;background:linear-gradient(135deg,#ecfeff,#f8fafc)!important;border-color:#cbd5e1!important;color:#0f766e!important;font-size:18px!important}.replica-login-modal .jn-auth-submit{height:44px!important;border-radius:8px!important;background:linear-gradient(135deg,#2563eb,#14b8a6)!important;box-shadow:0 14px 30px rgba(20,184,166,.22)!important;font-size:15px!important}.replica-login-modal .jn-agree{margin-top:0!important;font-size:12px!important;color:#64748b!important}.replica-login-modal .jn-auth-switch{margin:10px 22px 0!important;padding-top:10px!important;border-top:1px solid #edf2f7!important}.replica-login-modal .jn-auth-switch button{color:#0f766e!important;font-size:13px!important}.replica-login-modal .jn-third-title{margin:12px 22px 10px!important;color:#94a3b8!important;font-size:12px!important}.replica-login-modal .jn-third-grid{grid-template-columns:repeat(4,1fr)!important;gap:7px!important;padding:0 22px!important}.replica-login-modal .jn-third-grid button{height:36px!important;border-radius:8px!important;background:#fff!important;border-color:#e2e8f0!important;color:#334155!important;font-size:12px!important}.replica-login-modal .jn-forgot{margin:11px auto 18px!important;color:#64748b!important;font-size:12px!important}.replica-login-modal .jn-register-benefits{padding:0!important;margin:0 0 2px!important;gap:6px!important}.replica-login-modal .jn-register-benefits span{min-height:28px!important;font-size:11px!important;background:#ecfdf5!important;border-color:#bbf7d0!important;color:#047857!important}@media(max-width:620px){.jn-auth-overlay{align-items:end!important;padding:10px!important}.jn-auth-modal.replica-login-modal{width:100%!important;max-height:calc(100dvh - 20px)!important;border-radius:18px 18px 8px 8px!important}.replica-login-modal .jn-auth-logo{padding:24px 20px 16px!important}.replica-login-modal .jn-auth-subtitle{padding:10px 20px 14px!important}.replica-login-modal .jn-auth-tabs{grid-template-columns:repeat(3,minmax(0,1fr))!important;margin:16px 16px 12px!important}.replica-login-modal .jn-auth-form{padding:0 16px!important}.replica-login-modal .jn-code-row,.replica-login-modal .jn-captcha-row{grid-template-columns:1fr!important}.replica-login-modal .jn-third-grid{padding:0 16px 0!important;grid-template-columns:repeat(2,1fr)!important}.replica-login-modal .jn-auth-switch{margin-left:16px!important;margin-right:16px!important}.replica-login-modal .jn-third-title{margin-left:16px!important;margin-right:16px!important}} /* home-style login modal colors and third-party placeholder */ .jn-auth-overlay{background:radial-gradient(circle at 50% 20%,rgba(37,99,235,.26),transparent 34%),rgba(3,7,18,.76)!important;backdrop-filter:blur(14px)!important}.jn-auth-modal.replica-login-modal{border:1px solid rgba(96,165,250,.24)!important;background:linear-gradient(180deg,rgba(9,17,32,.98),rgba(6,12,24,.98))!important;color:#eaf2ff!important;box-shadow:0 34px 120px rgba(0,0,0,.58),0 0 60px rgba(45,103,255,.16)!important}.replica-login-modal .jn-modal-close{background:rgba(15,23,42,.82)!important;border:1px solid rgba(148,163,184,.22)!important;color:#dbeafe!important}.replica-login-modal .jn-auth-logo{background:radial-gradient(circle at 18% 10%,rgba(22,199,132,.24),transparent 32%),linear-gradient(135deg,#07101f 0%,#101b33 56%,#1d2b65 100%)!important;border-bottom:1px solid rgba(96,165,250,.16)!important}.replica-login-modal .jn-auth-logo::after{background:linear-gradient(90deg,transparent,rgba(56,189,248,.46),rgba(124,58,237,.36),transparent)!important}.replica-login-modal .jn-auth-logo img{background:#07101f!important;border:1px solid rgba(255,255,255,.18)!important;box-shadow:0 0 30px rgba(37,99,235,.34)!important}.replica-login-modal .jn-auth-logo span{color:#f8fbff!important;text-shadow:0 0 24px rgba(96,165,250,.26)!important}.replica-login-modal .jn-auth-subtitle{background:#101b33!important;color:#a9bad3!important}.replica-login-modal .jn-auth-tabs{background:rgba(15,23,42,.86)!important;border:1px solid rgba(148,163,184,.16)!important}.replica-login-modal .jn-auth-tabs button{color:#94a3b8!important}.replica-login-modal .jn-auth-tabs button.active{background:linear-gradient(135deg,rgba(37,99,235,.92),rgba(20,184,166,.86))!important;color:#fff!important;box-shadow:0 10px 24px rgba(37,99,235,.28)!important}.replica-login-modal .jn-auth-form label,.replica-login-modal .jn-code-row label,.replica-login-modal .jn-captcha-row label{color:#d7e2f3!important}.replica-login-modal .jn-auth-form input{border:1px solid rgba(148,163,184,.24)!important;background:rgba(15,23,42,.78)!important;color:#eef6ff!important}.replica-login-modal .jn-auth-form input::placeholder{color:#64748b!important}.replica-login-modal .jn-auth-form input:focus{background:rgba(15,23,42,.96)!important;border-color:#38bdf8!important;box-shadow:0 0 0 3px rgba(56,189,248,.12),0 0 24px rgba(37,99,235,.16)!important}.replica-login-modal .jn-code-row button{background:linear-gradient(135deg,#2563eb,#14b8a6)!important;color:#fff!important}.replica-login-modal .jn-captcha{background:linear-gradient(135deg,rgba(30,41,59,.96),rgba(15,23,42,.96))!important;border-color:rgba(56,189,248,.28)!important;color:#67e8f9!important}.replica-login-modal .jn-auth-submit{background:linear-gradient(135deg,#2f78ff,#7c3aed 52%,#16c784)!important;box-shadow:0 16px 36px rgba(37,99,235,.32),0 0 28px rgba(20,184,166,.16)!important;color:#fff!important}.replica-login-modal .jn-auth-submit:disabled{cursor:wait!important;filter:grayscale(.18) brightness(.82)!important}.replica-login-modal .jn-agree{color:#9fb0c8!important}.replica-login-modal .jn-agree a,.replica-login-modal .jn-auth-switch button,.replica-login-modal .jn-forgot{color:#67e8f9!important}.replica-login-modal .jn-auth-switch{border-top-color:rgba(148,163,184,.16)!important}.replica-login-modal .jn-third-title{color:#7f8da3!important}.replica-login-modal .jn-third-title::before,.replica-login-modal .jn-third-title::after{background:rgba(148,163,184,.16)!important}.replica-login-modal .jn-third-grid{display:none!important}.replica-login-modal .jn-third-placeholder{margin:0 22px 4px!important;height:38px!important;border:1px dashed rgba(96,165,250,.28)!important;border-radius:10px!important;display:grid!important;place-items:center!important;background:rgba(15,23,42,.52)!important;color:#7dd3fc!important;font-size:12px!important;font-weight:800!important}.replica-login-modal .jn-register-benefits span{background:rgba(20,184,166,.10)!important;border-color:rgba(20,184,166,.24)!important;color:#99f6e4!important}@media(max-width:620px){.replica-login-modal .jn-third-placeholder{margin-left:16px!important;margin-right:16px!important}.jn-auth-modal.replica-login-modal{border-radius:22px 22px 10px 10px!important}} /* verification-only login and account bind modal */ .replica-login-modal .jn-auth-tabs{grid-template-columns:repeat(2,minmax(0,1fr))!important}.replica-login-modal .jn-auth-switch,.replica-login-modal .jn-forgot,.replica-login-modal .jn-register-form{display:none!important}.replica-login-modal .jn-third-reserved{grid-template-columns:repeat(2,minmax(0,1fr))!important;padding:0 22px 4px!important}.replica-login-modal .jn-third-reserved button{height:38px!important;border:1px dashed rgba(96,165,250,.32)!important;border-radius:10px!important;background:rgba(15,23,42,.52)!important;color:#7dd3fc!important;font-size:12px!important;font-weight:900!important}.account-bind-overlay{background:radial-gradient(circle at 50% 20%,rgba(20,184,166,.22),transparent 34%),rgba(3,7,18,.78)!important}.account-bind-modal{position:relative;width:min(340px,calc(100vw - 32px));overflow:hidden;border:1px solid rgba(96,165,250,.24);border-radius:18px;background:linear-gradient(180deg,rgba(9,17,32,.98),rgba(6,12,24,.98));color:#eaf2ff;box-shadow:0 34px 120px rgba(0,0,0,.58),0 0 60px rgba(45,103,255,.16)}.account-bind-modal .jn-modal-close{right:12px!important;top:12px!important}.bind-head{padding:26px 22px 16px;background:radial-gradient(circle at 18% 10%,rgba(22,199,132,.24),transparent 32%),linear-gradient(135deg,#07101f 0%,#101b33 58%,#1d2b65 100%);border-bottom:1px solid rgba(96,165,250,.16)}.bind-head span{display:inline-flex;height:24px;align-items:center;padding:0 10px;border-radius:999px;background:rgba(56,189,248,.12);color:#7dd3fc;font-size:12px;font-weight:900}.bind-head strong{display:block;margin-top:10px;font-size:22px;line-height:1.15}.bind-head p{margin:8px 0 0;color:#a9bad3;font-size:13px;line-height:1.6}.bind-form{display:grid;gap:12px;padding:18px 22px 20px}.bind-form label{display:grid;gap:6px;color:#d7e2f3;font-size:13px;font-weight:850}.bind-form input{height:42px;border:1px solid rgba(148,163,184,.24);border-radius:8px;background:rgba(15,23,42,.78);color:#eef6ff;padding:0 13px;outline:none}.bind-form input:disabled{opacity:.72}.bind-skip{height:38px;border:0;background:transparent;color:#7dd3fc;font-weight:900;cursor:pointer}@media(max-width:620px){.replica-login-modal .jn-third-reserved{padding-left:16px!important;padding-right:16px!important}.account-bind-overlay{align-items:end!important;padding:10px!important}.account-bind-modal{width:100%;border-radius:22px 22px 10px 10px}.bind-head{padding:24px 20px 15px}.bind-form{padding:16px 18px 18px}} /* login modal password tab, captcha refresh, agreement alignment */ .replica-login-modal .jn-auth-tabs{grid-template-columns:repeat(3,minmax(0,1fr))!important}.replica-login-modal .jn-captcha{cursor:pointer!important;user-select:none!important;border:1px solid rgba(56,189,248,.28)!important}.replica-login-modal .jn-agree{display:flex!important;align-items:center!important;gap:8px!important;line-height:1.4!important;white-space:nowrap!important}.replica-login-modal .jn-agree input{width:14px!important;height:14px!important;min-width:14px!important;margin:0!important;accent-color:#38bdf8!important}.replica-login-modal .jn-agree span{display:inline-flex!important;align-items:center!important;gap:4px!important;flex-wrap:nowrap!important;min-width:0!important}.replica-login-modal .jn-agree a{white-space:nowrap!important}@media(max-width:620px){.replica-login-modal .jn-agree{white-space:normal!important}.replica-login-modal .jn-agree span{flex-wrap:wrap!important}} /* third-party login config and account binding */ .replica-login-modal .jn-third-grid.jn-third-reserved{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(96px,1fr))!important;gap:8px!important;padding:0 22px 6px!important}.replica-login-modal .jn-third-grid.jn-third-reserved button,.replica-login-modal .third-unconfigured{min-height:38px!important;border-radius:10px!important;display:grid!important;place-items:center!important;text-align:center!important;font-size:12px!important;font-weight:850!important}.replica-login-modal .jn-third-grid.jn-third-reserved button{border:1px solid rgba(96,165,250,.28)!important;background:rgba(15,23,42,.72)!important;color:#dbeafe!important}.replica-login-modal .third-unconfigured{border:1px dashed rgba(148,163,184,.28)!important;background:rgba(15,23,42,.42)!important;color:#94a3b8!important}.settings-subpanel{display:grid;gap:14px;margin:12px 0;padding:16px;border:1px solid rgba(148,163,184,.16);border-radius:12px;background:rgba(15,23,42,.03)}.settings-subpanel h3{margin:0;font-size:16px}.provider-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.provider-grid article{display:grid;gap:10px;padding:12px;border:1px solid rgba(148,163,184,.16);border-radius:10px;background:#fff}.inline-check{display:flex!important;align-items:center!important;gap:8px!important;flex-direction:row!important}.inline-check input{width:16px!important;height:16px!important}.account-bind-modal .bind-form{gap:10px!important}.account-bind-modal .bind-form input[type=password]{height:42px;border:1px solid rgba(148,163,184,.25);border-radius:10px;padding:0 12px}@media(max-width:760px){.provider-grid{grid-template-columns:1fr}.replica-login-modal .jn-third-grid.jn-third-reserved{padding-left:16px!important;padding-right:16px!important}} /* centered auth header, legal agreement, and polished binding modal */ .replica-login-modal .jn-auth-logo{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;text-align:center!important;gap:10px!important;padding:30px 24px 12px!important;background:radial-gradient(circle at 50% 0,rgba(56,189,248,.18),transparent 42%),linear-gradient(180deg,#07101f,#101b33)!important}.replica-login-modal .jn-auth-logo::after{display:none!important}.replica-login-modal .jn-auth-logo img{width:52px!important;height:52px!important;border-radius:12px!important}.replica-login-modal .jn-auth-logo span{font-size:23px!important;text-align:center!important}.replica-login-modal .jn-auth-subtitle{padding:0 24px 18px!important;background:#101b33!important;text-align:center!important;color:#c3d3ea!important;line-height:1.55!important}.replica-login-modal .jn-agree{justify-content:center!important;text-align:center!important;width:100%!important;margin:2px auto 0!important;padding:0 6px!important}.replica-login-modal .jn-agree span{justify-content:center!important}.replica-login-modal .jn-agree input{margin-top:1px!important}.replica-login-modal .jn-auth-tabs button{white-space:nowrap!important}.legal-config-panel textarea{min-height:190px;line-height:1.65;resize:vertical}.account-bind-overlay{background:radial-gradient(circle at 50% 18%,rgba(37,99,235,.30),transparent 35%),radial-gradient(circle at 74% 82%,rgba(20,184,166,.18),transparent 30%),rgba(3,7,18,.82)!important;backdrop-filter:blur(14px)!important}.account-bind-modal{width:min(420px,calc(100vw - 32px))!important;border-radius:18px!important;border:1px solid rgba(96,165,250,.30)!important;background:linear-gradient(180deg,rgba(8,15,30,.98),rgba(7,12,24,.98))!important;box-shadow:0 36px 130px rgba(0,0,0,.62),0 0 64px rgba(37,99,235,.18)!important}.account-bind-modal .jn-modal-close{position:absolute!important;right:14px!important;top:14px!important;width:32px!important;height:32px!important;border-radius:8px!important;border:1px solid rgba(148,163,184,.22)!important;background:rgba(15,23,42,.78)!important;color:#dbeafe!important}.account-bind-modal .bind-head{padding:30px 26px 18px!important;text-align:center!important;background:radial-gradient(circle at 50% 0,rgba(56,189,248,.22),transparent 42%),linear-gradient(180deg,#07101f,#101b33)!important}.account-bind-modal .bind-head span{margin:auto!important;height:26px!important;border-radius:999px!important;background:rgba(56,189,248,.13)!important;border:1px solid rgba(56,189,248,.24)!important;color:#7dd3fc!important}.account-bind-modal .bind-head strong{font-size:24px!important;color:#f8fbff!important}.account-bind-modal .bind-head p{max-width:320px!important;margin:10px auto 0!important;color:#b8c7dd!important}.account-bind-modal .bind-form{padding:20px 24px 22px!important;gap:12px!important}.account-bind-modal .bind-form label{color:#d8e4f5!important}.account-bind-modal .bind-form input{height:44px!important;border:1px solid rgba(148,163,184,.24)!important;border-radius:8px!important;background:rgba(15,23,42,.78)!important;color:#eef6ff!important}.account-bind-modal .bind-form input:focus{border-color:#38bdf8!important;box-shadow:0 0 0 3px rgba(56,189,248,.12)!important}.account-bind-modal .jn-auth-submit{height:46px!important;margin-top:4px!important;background:linear-gradient(135deg,#2f78ff,#7c3aed 52%,#16c784)!important;box-shadow:0 16px 36px rgba(37,99,235,.30)!important}.account-bind-modal .bind-skip{color:#7dd3fc!important;border-radius:8px!important}.account-bind-modal .bind-skip:hover{background:rgba(56,189,248,.08)!important}@media(max-width:620px){.replica-login-modal .jn-auth-logo{padding-top:26px!important}.replica-login-modal .jn-auth-subtitle{padding-left:18px!important;padding-right:18px!important}.replica-login-modal .jn-agree{align-items:flex-start!important;text-align:left!important;justify-content:flex-start!important}.replica-login-modal .jn-agree span{justify-content:flex-start!important}.account-bind-modal{width:100%!important;border-radius:22px 22px 10px 10px!important}.account-bind-modal .bind-head{padding:28px 20px 17px!important}.account-bind-modal .bind-form{padding:18px 18px 20px!important}} /* jnai8 centered lower sections */ .public-home #agents,.public-home #platform,.public-home #inspiration,.public-home .home-cta{text-align:center}.public-home #agents>.eyebrow,.public-home #platform>.eyebrow,.public-home #inspiration .eyebrow{margin-left:auto!important;margin-right:auto!important}.public-home #agents>h2,.public-home #platform>h2,.public-home .home-cta h2{max-width:820px;margin-left:auto!important;margin-right:auto!important;text-align:center!important}.public-home #agents .section-lead,.public-home .home-cta p{max-width:760px;margin-left:auto!important;margin-right:auto!important;text-align:center!important}.public-home #inspiration .section-head{display:grid!important;grid-template-columns:1fr!important;justify-items:center!important;text-align:center!important;gap:18px!important;margin-bottom:34px!important}.public-home #inspiration .section-head>div{display:grid!important;justify-items:center!important}.public-home #inspiration .section-head p{max-width:680px;margin-left:auto!important;margin-right:auto!important}.public-home #inspiration .section-head .btn{justify-self:center!important}.public-home .agent-grid,.public-home .capability-grid{margin-top:34px}.public-home .agent-grid article,.public-home .capability-grid article{display:flex!important;flex-direction:column!important;align-items:center!important;text-align:center!important;justify-content:flex-start!important;min-height:258px!important;padding:30px 24px!important;border-radius:18px!important;border:1px solid rgba(0,202,224,.16)!important;background:linear-gradient(180deg,rgba(255,255,255,.075),rgba(255,255,255,.032))!important;box-shadow:0 24px 80px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.06)!important;backdrop-filter:blur(14px)!important}.public-home .agent-grid article::before,.public-home .capability-grid article::before{margin-left:auto!important;margin-right:auto!important;background:linear-gradient(90deg,var(--jn-primary),var(--jn-primary-2),var(--jn-violet))!important}.public-home .agent-grid em,.public-home .capability-grid span{display:inline-flex!important;align-items:center!important;justify-content:center!important;margin:0 auto!important;border-radius:999px!important;background:rgba(0,202,224,.08)!important;border:1px solid rgba(0,202,224,.18)!important;color:var(--jn-primary)!important}.public-home .agent-grid h3,.public-home .capability-grid h3{margin:18px 0 10px!important;text-align:center!important}.public-home .agent-grid p,.public-home .capability-grid p{margin:0 auto 18px!important;max-width:260px!important;text-align:center!important;color:rgba(211,225,232,.78)!important}.public-home .agent-grid a{margin-top:auto!important}.public-home .capability-grid article{min-height:238px!important}.public-home #inspiration{max-width:1380px}.public-home .inspiration-grid.replica-masonry{margin-top:6px}.public-home .replica-masonry article{text-align:left!important;border-radius:16px!important;border:1px solid rgba(255,255,255,.10)!important;background:rgba(255,255,255,.04)!important;box-shadow:0 24px 90px rgba(0,0,0,.28)!important}.public-home .load-more-inspiration{margin-top:26px!important;border-radius:999px!important;border-color:rgba(0,202,224,.24)!important;background:rgba(0,202,224,.08)!important;color:#e8fbff!important}.public-home .home-cta{display:grid!important;justify-items:center!important;border-radius:24px!important;border:1px solid rgba(0,202,224,.18)!important;background:radial-gradient(circle at 50% 0,rgba(0,202,224,.18),transparent 42%),linear-gradient(135deg,rgba(0,202,224,.14),rgba(120,80,255,.12),rgba(0,229,160,.08))!important;box-shadow:0 34px 120px rgba(0,0,0,.32)!important}.public-home .home-cta div{justify-content:center!important}@media(max-width:760px){.public-home #agents,.public-home #platform,.public-home #inspiration,.public-home .home-cta{text-align:center}.public-home .agent-grid article,.public-home .capability-grid article{min-height:0!important;padding:24px 18px!important}.public-home .home-cta{margin-left:14px!important;margin-right:14px!important}} /* jnai8 closer order, transparency, and synced inspiration layout */ .public-home #agents{order:20}.public-home #platform{order:30}.public-home #inspiration{order:40}.public-home .home-cta{order:50}.public-home .agent-grid article,.public-home .capability-grid article{background:rgba(255,255,255,.035)!important;border-color:rgba(255,255,255,.085)!important;box-shadow:0 18px 70px rgba(0,0,0,.18),inset 0 1px 0 rgba(255,255,255,.045)!important}.public-home .agent-grid em,.public-home .capability-grid span{background:rgba(255,255,255,.045)!important;border-color:rgba(255,255,255,.09)!important}.public-home .inspiration-grid.replica-masonry{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;grid-auto-flow:row!important;align-items:start!important;gap:18px!important;columns:auto!important}.public-home .inspiration-grid.replica-masonry article,.public-home .inspiration-grid.replica-masonry article.tall,.public-home .inspiration-grid.replica-masonry article.short{break-inside:auto!important;grid-row:auto!important;min-height:0!important;margin:0!important}.public-home .replica-masonry article{background:rgba(255,255,255,.032)!important;border-color:rgba(255,255,255,.085)!important;box-shadow:0 18px 70px rgba(0,0,0,.20),inset 0 1px 0 rgba(255,255,255,.04)!important;overflow:hidden!important}.public-home .replica-masonry article img{height:190px!important;aspect-ratio:auto!important;object-fit:cover!important}.public-home .replica-masonry article strong{min-height:44px!important;display:block!important}.public-home .replica-masonry article span{min-height:40px!important;display:block!important}.public-home .home-cta{background:linear-gradient(135deg,rgba(255,255,255,.045),rgba(255,255,255,.025))!important;border-color:rgba(255,255,255,.09)!important;box-shadow:0 22px 90px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.045)!important}.inspiration-config-panel textarea{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;line-height:1.6;min-height:190px;resize:vertical}@media(max-width:1080px){.public-home .inspiration-grid.replica-masonry{grid-template-columns:repeat(3,minmax(0,1fr))!important}}@media(max-width:760px){.public-home .inspiration-grid.replica-masonry{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}.public-home .replica-masonry article img{height:136px!important}.public-home .replica-masonry article strong{min-height:auto!important}.public-home .replica-masonry article span{min-height:auto!important}}@media(max-width:430px){.public-home .inspiration-grid.replica-masonry{grid-template-columns:1fr!important}.public-home .replica-masonry article img{height:210px!important}} .public-home .home-main{display:flex!important;flex-direction:column!important} /* final transparent CTA and inspiration pagination polish */ .public-home .home-cta{background:rgba(255,255,255,.018)!important;border-color:rgba(255,255,255,.075)!important;box-shadow:0 18px 80px rgba(0,0,0,.16),inset 0 1px 0 rgba(255,255,255,.035)!important;backdrop-filter:blur(18px)!important}.public-home .home-cta::before{opacity:.18!important}.public-home .home-cta .btn{min-width:128px!important}.public-home .home-cta .btn:not(.primary){background:rgba(255,255,255,.045)!important;border-color:rgba(255,255,255,.12)!important;color:#e8fbff!important}.public-home .load-more-inspiration[hidden]{display:none!important}.public-home .load-more-inspiration{background:rgba(255,255,255,.04)!important;border-color:rgba(255,255,255,.12)!important;color:#e8fbff!important;backdrop-filter:blur(12px)!important} /* jnai8 one-to-one inspiration section only */ .public-home #inspiration{position:relative!important;max-width:1440px!important;padding-top:96px!important;padding-bottom:96px!important}.public-home #inspiration::before{content:"";position:absolute;left:50%;top:24px;width:min(960px,86vw);height:360px;transform:translateX(-50%);background:radial-gradient(circle at 50% 0,rgba(0,202,224,.13),transparent 56%),radial-gradient(circle at 30% 40%,rgba(120,80,255,.12),transparent 44%);pointer-events:none;filter:blur(2px)}.public-home #inspiration .section-head{position:relative!important;z-index:1!important;display:grid!important;grid-template-columns:1fr!important;justify-items:center!important;text-align:center!important;gap:18px!important;margin:0 auto 42px!important}.public-home #inspiration .section-head>div{display:grid!important;justify-items:center!important}.public-home #inspiration .eyebrow{height:30px!important;padding:0 13px!important;border-radius:999px!important;background:rgba(255,255,255,.055)!important;border:1px solid rgba(255,255,255,.10)!important;color:#8eeaff!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.05)!important}.public-home #inspiration h2{margin:12px 0 8px!important;font-size:clamp(34px,4vw,56px)!important;line-height:1.08!important;font-weight:950!important;letter-spacing:0!important;color:#fff!important}.public-home #inspiration .section-head p{margin:0!important;max-width:720px!important;color:rgba(219,234,245,.72)!important;font-size:17px!important;line-height:1.7!important}.public-home #inspiration .section-head .btn{height:40px!important;padding:0 18px!important;border-radius:999px!important;background:rgba(255,255,255,.055)!important;border:1px solid rgba(255,255,255,.11)!important;color:#e9fbff!important;box-shadow:none!important}.public-home #inspiration .inspiration-grid.replica-masonry{position:relative!important;z-index:1!important;display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;grid-auto-flow:dense!important;grid-auto-rows:10px!important;gap:18px!important;align-items:stretch!important;columns:auto!important;margin-top:0!important}.public-home #inspiration .replica-masonry article,.public-home #inspiration .replica-masonry article.tall,.public-home #inspiration .replica-masonry article.short{position:relative!important;grid-row:span 28!important;min-height:0!important;height:auto!important;margin:0!important;padding:16px!important;border-radius:14px!important;overflow:hidden!important;background:rgba(255,255,255,.035)!important;border:1px solid rgba(255,255,255,.085)!important;box-shadow:0 22px 80px rgba(0,0,0,.26),inset 0 1px 0 rgba(255,255,255,.05)!important;backdrop-filter:blur(12px)!important;display:flex!important;flex-direction:column!important;justify-content:flex-end!important;text-align:left!important;transform:none!important}.public-home #inspiration .replica-masonry article.tall{grid-row:span 37!important}.public-home #inspiration .replica-masonry article.short{grid-row:span 23!important}.public-home #inspiration .replica-masonry article img{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;object-fit:cover!important;filter:saturate(1.12) contrast(1.03)!important;transform:scale(1.01)!important}.public-home #inspiration .replica-masonry article::after{content:""!important;position:absolute!important;inset:0!important;background:linear-gradient(180deg,rgba(4,8,15,.02) 14%,rgba(4,8,15,.20) 42%,rgba(4,8,15,.88) 100%)!important;z-index:0!important}.public-home #inspiration .replica-masonry article::before{content:""!important;position:absolute!important;inset:0!important;border:1px solid rgba(255,255,255,.12)!important;border-radius:inherit!important;z-index:2!important;pointer-events:none!important}.public-home #inspiration .replica-masonry .work-meta,.public-home #inspiration .replica-masonry strong,.public-home #inspiration .replica-masonry span{position:relative!important;z-index:3!important}.public-home #inspiration .replica-masonry .work-meta{display:flex!important;gap:7px!important;margin:0 0 9px!important}.public-home #inspiration .replica-masonry .work-meta em{height:24px!important;min-width:42px!important;padding:0 9px!important;border-radius:999px!important;background:rgba(255,255,255,.14)!important;border:1px solid rgba(255,255,255,.16)!important;color:#fff!important;font-size:12px!important;font-weight:800!important;font-style:normal!important}.public-home #inspiration .replica-masonry strong{display:block!important;min-height:0!important;margin:0!important;color:#fff!important;font-size:17px!important;line-height:1.35!important;font-weight:900!important;text-shadow:0 2px 14px rgba(0,0,0,.35)!important}.public-home #inspiration .replica-masonry span{display:block!important;min-height:0!important;margin-top:7px!important;color:rgba(224,239,247,.82)!important;font-size:12px!important;line-height:1.55!important}.public-home #inspiration .load-more-inspiration{position:relative!important;z-index:1!important;display:flex!important;align-items:center!important;justify-content:center!important;width:max-content!important;min-width:168px!important;height:44px!important;margin:34px auto 0!important;padding:0 22px!important;border-radius:999px!important;background:rgba(255,255,255,.055)!important;border:1px solid rgba(255,255,255,.12)!important;color:#eefcff!important;box-shadow:0 14px 50px rgba(0,0,0,.18),inset 0 1px 0 rgba(255,255,255,.05)!important;backdrop-filter:blur(14px)!important}.public-home #inspiration .load-more-inspiration[hidden]{display:none!important}@media(max-width:1180px){.public-home #inspiration .inspiration-grid.replica-masonry{grid-template-columns:repeat(3,minmax(0,1fr))!important}}@media(max-width:760px){.public-home #inspiration{padding-top:66px!important;padding-bottom:70px!important}.public-home #inspiration .inspiration-grid.replica-masonry{grid-template-columns:repeat(2,minmax(0,1fr))!important;grid-auto-rows:8px!important;gap:12px!important}.public-home #inspiration .replica-masonry article,.public-home #inspiration .replica-masonry article.tall,.public-home #inspiration .replica-masonry article.short{grid-row:span 28!important;border-radius:12px!important;padding:12px!important}.public-home #inspiration .replica-masonry article.tall{grid-row:span 34!important}.public-home #inspiration .replica-masonry article.short{grid-row:span 24!important}.public-home #inspiration .section-head{margin-bottom:28px!important}.public-home #inspiration h2{font-size:34px!important}.public-home #inspiration .section-head p{font-size:15px!important}}@media(max-width:430px){.public-home #inspiration .inspiration-grid.replica-masonry{grid-template-columns:1fr!important}.public-home #inspiration .replica-masonry article,.public-home #inspiration .replica-masonry article.tall,.public-home #inspiration .replica-masonry article.short{grid-row:span 32!important}} /* final public home mobile app layout */ @media(max-width:760px){.public-home{min-width:0!important;overflow-x:hidden!important}.public-home::after{opacity:.42!important}.public-home .home-header{position:sticky!important;top:0!important;height:auto!important;min-height:58px!important;padding:10px 12px!important;display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:10px!important;align-items:center!important;background:rgba(3,5,9,.82)!important;border-bottom:1px solid rgba(255,255,255,.08)!important;backdrop-filter:blur(16px)!important}.public-home .home-brand{min-width:0!important;height:38px!important;gap:8px!important}.public-home .home-brand img{width:30px!important;height:30px!important;border-radius:8px!important}.public-home .home-brand span{max-width:44vw!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;font-size:15px!important}.public-home .home-nav{width:auto!important;display:flex!important;justify-content:flex-end!important;gap:7px!important}.public-home .home-nav button{width:auto!important;min-width:0!important;height:34px!important;padding:0 10px!important;border-radius:999px!important;font-size:12px!important;line-height:1!important}.public-home .home-nav .lang-btn{width:42px!important;padding:0!important;font-size:0!important}.public-home .home-nav .lang-btn::after{content:"EN";font-size:12px}.public-home .top-service-btn{width:34px!important;height:34px!important;padding:0!important;border-radius:50%!important}.public-home .top-service-btn span{display:none!important}.public-home .home-nav button[data-auth-open]{height:34px!important;padding:0 13px!important;background:linear-gradient(135deg,var(--jn-primary),#6c7cff)!important;color:#fff!important;box-shadow:0 10px 28px rgba(0,202,224,.18)!important}.public-home .home-hero{height:auto!important;min-height:calc(100svh - 58px)!important;padding:78px 16px 44px!important;display:grid!important;place-items:center!important;overflow:hidden!important;background:radial-gradient(circle at 50% 14%,rgba(65,116,255,.23),transparent 32%),radial-gradient(circle at 20% 64%,rgba(120,80,255,.13),transparent 28%),linear-gradient(180deg,rgba(4,7,13,.82),rgba(3,5,9,.96))!important}.public-home .home-hero::after{inset:0!important;opacity:.55!important}.public-home .home-hero .model-cloud{display:block!important;top:158px!important;left:50%!important;width:0!important;height:0!important;opacity:.26!important;filter:saturate(.72) brightness(.7)!important;transform:translate(-50%,-50%) scale(.62)!important;pointer-events:none!important}.public-home .orbit-spin{--r:270px!important;animation-duration:96s!important}.public-home .orbit-icon-wrap{width:50px!important;height:34px!important}.public-home .orbit-icon{width:18px!important;height:18px!important;opacity:.52!important}.public-home .orbit-name{width:50px!important;font-size:8px!important;line-height:10px!important;color:rgba(220,232,240,.45)!important}.public-home .hero-model-cards,.public-home .model-orbit-stage{display:none!important}.public-home .hero-copy{width:100%!important;max-width:390px!important;min-height:0!important;margin:0 auto!important;padding-top:28px!important;display:flex!important;flex-direction:column!important;align-items:center!important;text-align:center!important;justify-content:center!important}.public-home .hero-copy .eyebrow{height:28px!important;margin:0 0 20px!important;padding:0 13px!important;font-size:12px!important}.public-home .hero-copy h1{min-height:0!important;margin:0 0 16px!important;display:block!important;font-size:clamp(34px,10.5vw,46px)!important;line-height:1.12!important;text-align:center!important}.public-home .hero-copy h1 span{display:block!important;min-width:0!important;min-height:0!important;white-space:normal!important;line-height:1.18!important}.public-home .hero-copy>p:not(.eyebrow){min-height:0!important;margin:0 auto 24px!important;max-width:340px!important;font-size:15px!important;line-height:1.72!important;text-align:center!important;color:rgba(218,231,239,.76)!important}.public-home .hero-actions{width:100%!important;display:grid!important;grid-template-columns:1fr 1fr!important;gap:10px!important;margin:0 0 24px!important}.public-home .hero-actions .btn{width:100%!important;height:44px!important;min-width:0!important;padding:0 10px!important;border-radius:999px!important;font-size:14px!important}.public-home .home-metrics{width:100%!important;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important;margin:0!important}.public-home .home-metrics span{width:100%!important;padding:11px 6px!important;border:1px solid rgba(255,255,255,.08)!important;border-radius:12px!important;background:rgba(255,255,255,.035)!important;font-size:12px!important;line-height:1.35!important}.public-home .home-metrics strong{font-size:21px!important;margin-bottom:4px!important}.public-home .home-section{width:100%!important;max-width:100%!important;padding:54px 16px!important;background:transparent!important}.public-home #agents,.public-home #platform,.public-home #inspiration{overflow:hidden!important}.public-home #agents>h2,.public-home #platform>h2,.public-home #inspiration h2,.public-home .home-cta h2{font-size:28px!important;line-height:1.2!important}.public-home .section-lead,.public-home #inspiration .section-head p,.public-home .home-cta p{font-size:14px!important;line-height:1.7!important}.public-home .agent-grid,.public-home .capability-grid{grid-template-columns:1fr!important;gap:12px!important;margin-top:24px!important}.public-home .agent-grid article,.public-home .capability-grid article{min-height:0!important;padding:20px 16px!important;border-radius:14px!important}.public-home .agent-grid p,.public-home .capability-grid p{max-width:100%!important;margin-bottom:14px!important}.public-home #inspiration{padding:58px 14px 66px!important}.public-home #inspiration::before{top:10px!important;width:92vw!important;height:250px!important;opacity:.7!important}.public-home #inspiration .section-head{gap:12px!important;margin-bottom:24px!important}.public-home #inspiration h2{font-size:30px!important}.public-home #inspiration .section-head .btn{height:38px!important}.public-home #inspiration .inspiration-grid.replica-masonry{grid-template-columns:repeat(2,minmax(0,1fr))!important;grid-auto-rows:7px!important;gap:10px!important}.public-home #inspiration .replica-masonry article,.public-home #inspiration .replica-masonry article.tall,.public-home #inspiration .replica-masonry article.short{grid-row:span 27!important;padding:10px!important;border-radius:12px!important}.public-home #inspiration .replica-masonry article.tall{grid-row:span 32!important}.public-home #inspiration .replica-masonry article.short{grid-row:span 24!important}.public-home #inspiration .replica-masonry .work-meta{gap:5px!important;margin-bottom:7px!important}.public-home #inspiration .replica-masonry .work-meta em{height:21px!important;min-width:34px!important;padding:0 7px!important;font-size:10px!important}.public-home #inspiration .replica-masonry strong{font-size:13px!important;line-height:1.35!important;display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important}.public-home #inspiration .replica-masonry span{font-size:10.5px!important;line-height:1.45!important;display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important}.public-home #inspiration .load-more-inspiration{width:100%!important;max-width:240px!important;height:42px!important;margin-top:26px!important}.public-home .home-cta{width:calc(100% - 28px)!important;margin:26px 14px 54px!important;padding:30px 16px!important;border-radius:18px!important}.public-home .home-cta div{width:100%!important;display:grid!important;grid-template-columns:1fr 1fr!important;gap:10px!important}.public-home .home-cta .btn{width:100%!important;min-width:0!important;height:42px!important;padding:0 10px!important}.public-home .home-footer{padding:22px 14px 88px!important;display:grid!important;gap:10px!important;text-align:center!important}.customer-widget{right:14px!important;bottom:14px!important}.customer-widget .customer-float{width:52px!important;height:52px!important;min-width:52px!important}} @media(max-width:430px){.public-home .home-brand span{max-width:36vw!important}.public-home .home-nav{gap:6px!important}.public-home .home-nav button[data-auth-open]{padding:0 11px!important}.public-home .home-hero{padding-left:14px!important;padding-right:14px!important}.public-home .hero-actions,.public-home .home-cta div{grid-template-columns:1fr!important}.public-home .home-metrics{grid-template-columns:1fr!important;max-width:230px!important;margin-left:auto!important;margin-right:auto!important}.public-home #inspiration .inspiration-grid.replica-masonry{grid-template-columns:1fr!important;grid-auto-rows:8px!important}.public-home #inspiration .replica-masonry article,.public-home #inspiration .replica-masonry article.tall,.public-home #inspiration .replica-masonry article.short{grid-row:span 31!important}.public-home #inspiration .replica-masonry article.tall{grid-row:span 36!important}} /* mobile orbit calm-down: smaller ring labels and no constant flashing */ @media(max-width:760px){ .public-home::after{animation:none!important;filter:none!important;opacity:.24!important} .public-home .home-hero .model-cloud::before, .public-home .home-hero .model-cloud::after{display:none!important;animation:none!important} .public-home .home-hero .model-cloud{top:132px!important;opacity:.72!important;filter:saturate(1.04) brightness(1.1)!important;transform:translate(-50%,-50%) scale(.74)!important} .public-home .orbit-container{animation:none!important;opacity:1!important;transform:none!important} .public-home .orbit-spin{--r:320px!important;animation-duration:180s!important;animation-timing-function:linear!important} .public-home .orbit-icon-wrap{width:40px!important;height:26px!important;gap:1px!important;animation-duration:180s!important;animation-timing-function:linear!important} .public-home .orbit-icon{width:13px!important;height:13px!important;opacity:.84!important;filter:drop-shadow(0 0 6px rgba(0,202,224,.34))!important} .public-home .orbit-name{width:36px!important;font-size:5.8px!important;line-height:7px!important;color:rgba(230,244,250,.72)!important;text-shadow:0 0 7px rgba(0,202,224,.18)!important} .public-home .hero-copy{min-height:430px!important;padding-top:22px!important;justify-content:center!important;transform:none!important;animation:none!important} .public-home .hero-copy h1{height:112px!important;min-height:112px!important;margin-bottom:14px!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;overflow:hidden!important} .public-home .hero-copy h1 span{width:100%!important;min-width:0!important;min-height:52px!important;display:flex!important;align-items:center!important;justify-content:center!important;white-space:nowrap!important} .public-home .hero-copy h1 i{display:none!important;animation:none!important} .public-home .hero-copy>p:not(.eyebrow){min-height:104px!important;margin-bottom:18px!important;display:flex!important;align-items:center!important;justify-content:center!important} .public-home .hero-actions{min-height:44px!important;margin-bottom:18px!important} .public-home .home-metrics{min-height:62px!important} .public-home .orbit-item:hover .orbit-icon-wrap{filter:none!important;transform:translate(-50%,-50%) rotate(calc(-1 * var(--a)))!important} .public-home .orbit-item:hover .orbit-icon{opacity:.88!important;filter:drop-shadow(0 0 7px rgba(0,202,224,.36))!important} .public-home .orbit-item:hover .orbit-name{color:rgba(235,248,252,.78)!important;text-shadow:0 0 7px rgba(0,202,224,.20)!important} } @media(max-width:430px){ .public-home .home-hero .model-cloud{top:126px!important;transform:translate(-50%,-50%) scale(.68)!important} .public-home .orbit-spin{--r:286px!important} .public-home .orbit-icon-wrap{width:36px!important;height:24px!important} .public-home .orbit-icon{width:12px!important;height:12px!important} .public-home .orbit-name{width:32px!important;font-size:5.4px!important;line-height:6.5px!important} .public-home .hero-copy{min-height:450px!important} .public-home .hero-copy h1{height:104px!important;min-height:104px!important;font-size:38px!important} .public-home .hero-copy>p:not(.eyebrow){min-height:126px!important} } /* mobile hero copy hard lock: avoid viewport and typing re-centering jumps */ @media(max-width:760px){ .public-home .home-hero{height:720px!important;min-height:720px!important;max-height:none!important;padding:76px 16px 36px!important;display:block!important;place-items:initial!important;align-items:initial!important;justify-content:initial!important;overflow:hidden!important} .public-home .hero-copy{position:relative!important;z-index:3!important;width:100%!important;max-width:390px!important;height:512px!important;min-height:512px!important;margin:0 auto!important;padding-top:30px!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:flex-start!important;text-align:center!important;transform:none!important;transition:none!important;animation:none!important;contain:layout!important} .public-home .hero-copy .eyebrow{flex:0 0 28px!important;margin:0 0 18px!important} .public-home .hero-copy h1{flex:0 0 128px!important;width:100%!important;height:128px!important;min-height:128px!important;margin:0 0 12px!important;padding:0!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:flex-start!important;font-size:40px!important;line-height:1.08!important;transform:none!important;transition:none!important;animation:none!important;overflow:hidden!important} .public-home .hero-copy h1 span{flex:0 0 60px!important;width:auto!important;min-width:206px!important;height:60px!important;min-height:60px!important;margin-top:6px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;white-space:nowrap!important;font-size:46px!important;line-height:1!important;transform:none!important;transition:none!important;animation:none!important;background:linear-gradient(135deg,var(--jn-primary) 0%,var(--jn-primary-2) 40%,var(--jn-violet) 100%)!important;background-size:200% 200%!important;-webkit-background-clip:text!important;background-clip:text!important;color:transparent!important;-webkit-text-fill-color:transparent!important;overflow:hidden!important} .public-home .hero-copy h1 span::before{content:none!important} .public-home .hero-copy h1 i{display:none!important} .public-home .hero-copy>p:not(.eyebrow){flex:0 0 112px!important;width:100%!important;max-width:336px!important;height:112px!important;min-height:112px!important;margin:0 auto 18px!important;display:flex!important;align-items:center!important;justify-content:center!important;font-size:15px!important;line-height:1.72!important;transform:none!important;transition:none!important;animation:none!important;overflow:hidden!important} .public-home .hero-actions{flex:0 0 44px!important;width:100%!important;height:44px!important;min-height:44px!important;margin:0 0 18px!important;transform:none!important;transition:none!important;animation:none!important} .public-home .home-metrics{flex:0 0 62px!important;width:100%!important;height:62px!important;min-height:62px!important;margin:0!important;transform:none!important;transition:none!important;animation:none!important} } @media(max-width:430px){ .public-home .home-hero{height:748px!important;min-height:748px!important;padding-top:72px!important} .public-home .hero-copy{height:544px!important;min-height:544px!important;padding-top:34px!important} .public-home .hero-copy h1{flex-basis:128px!important;height:128px!important;min-height:128px!important;font-size:38px!important} .public-home .hero-copy h1 span{flex-basis:58px!important;height:58px!important;min-height:58px!important;min-width:206px!important;font-size:44px!important;margin-top:6px!important} .public-home .hero-copy>p:not(.eyebrow){flex-basis:126px!important;height:126px!important;min-height:126px!important;max-width:330px!important} } /* mobile hero first-screen circle/content placement: 2026-06-09 */ @media(max-width:760px){ .public-home .home-hero{ height:640px!important; min-height:640px!important; padding:0 14px 34px!important; display:block!important; overflow:hidden!important; } .public-home .home-hero .model-cloud{ top:252px!important; left:50%!important; transform:translate(-50%,-50%) scale(.58)!important; opacity:.78!important; filter:saturate(1.02) brightness(1.04)!important; } .public-home .orbit-spin{--r:270px!important;animation-duration:190s!important} .public-home .orbit-icon-wrap{width:36px!important;height:23px!important;gap:1px!important} .public-home .orbit-icon{width:12px!important;height:12px!important;opacity:.82!important} .public-home .orbit-name{width:32px!important;font-size:5.2px!important;line-height:6.4px!important;color:rgba(230,244,250,.70)!important} .public-home .hero-copy{ position:absolute!important; left:50%!important; top:100px!important; z-index:3!important; width:min(330px,calc(100vw - 34px))!important; height:315px!important; min-height:315px!important; margin:0!important; padding:0!important; transform:translateX(-50%)!important; display:flex!important; flex-direction:column!important; align-items:center!important; justify-content:flex-start!important; contain:none!important; } .public-home .hero-copy .eyebrow{ flex:0 0 auto!important; height:24px!important; margin:0 0 6px!important; padding:0 10px!important; font-size:11px!important; line-height:24px!important; } .public-home .hero-copy h1{ flex:0 0 auto!important; width:100%!important; height:auto!important; min-height:0!important; margin:0 0 10px!important; padding:0!important; font-size:36px!important; line-height:1.03!important; display:flex!important; flex-direction:column!important; align-items:center!important; justify-content:flex-start!important; overflow:visible!important; } .public-home .hero-copy h1 span{ flex:0 0 auto!important; width:100%!important; min-width:0!important; height:42px!important; min-height:42px!important; margin:2px 0 0!important; font-size:38px!important; line-height:42px!important; display:flex!important; align-items:center!important; justify-content:center!important; white-space:nowrap!important; overflow:hidden!important; } .public-home .hero-copy>p:not(.eyebrow){display:none!important} .public-home .hero-actions{ flex:0 0 auto!important; width:min(270px,100%)!important; height:36px!important; min-height:36px!important; margin:0 0 10px!important; display:grid!important; grid-template-columns:1fr 1fr!important; gap:8px!important; } .public-home .hero-actions .btn{ width:100%!important; height:36px!important; min-height:36px!important; padding:0 8px!important; border-radius:999px!important; font-size:13px!important; line-height:1!important; } .public-home .home-metrics{ flex:0 0 auto!important; width:min(300px,100%)!important; height:42px!important; min-height:42px!important; margin:0!important; display:grid!important; grid-template-columns:repeat(3,minmax(0,1fr))!important; gap:5px!important; } .public-home .home-metrics span{ width:100%!important; min-height:42px!important; height:42px!important; padding:5px 2px!important; border-radius:9px!important; font-size:9.5px!important; line-height:1.08!important; text-align:center!important; display:flex!important; flex-direction:column!important; align-items:center!important; justify-content:center!important; overflow:hidden!important; } .public-home .home-metrics strong{ font-size:14px!important; line-height:1!important; margin:0 0 2px!important; } } /* 2026-06-16 final public-home light modal readability */ html.jn-light-mode body.public-home :is(.customer-modal-overlay,.jn-auth-overlay,.account-bind-overlay), body.public-home.jn-light-mode :is(.customer-modal-overlay,.jn-auth-overlay,.account-bind-overlay), html[data-theme="light"] body.public-home :is(.customer-modal-overlay,.jn-auth-overlay,.account-bind-overlay){ background:rgba(241,245,249,.82)!important; background-image:none!important; color:#0f172a!important; backdrop-filter:blur(10px)!important; -webkit-backdrop-filter:blur(10px)!important; } html.jn-light-mode body.public-home :is(.customer-modal,.replica-customer-modal,.jn-auth-modal,.replica-login-modal,.account-bind-modal), body.public-home.jn-light-mode :is(.customer-modal,.replica-customer-modal,.jn-auth-modal,.replica-login-modal,.account-bind-modal), html[data-theme="light"] body.public-home :is(.customer-modal,.replica-customer-modal,.jn-auth-modal,.replica-login-modal,.account-bind-modal){ background:#fff!important; background-image:none!important; color:#0f172a!important; border-color:rgba(15,23,42,.12)!important; box-shadow:0 28px 80px rgba(15,23,42,.16)!important; text-shadow:none!important; color-scheme:light!important; backdrop-filter:none!important; -webkit-backdrop-filter:none!important; } html.jn-light-mode body.public-home :is(.replica-customer-modal,.replica-login-modal,.account-bind-modal)::before, body.public-home.jn-light-mode :is(.replica-customer-modal,.replica-login-modal,.account-bind-modal)::before, html[data-theme="light"] body.public-home :is(.replica-customer-modal,.replica-login-modal,.account-bind-modal)::before{ background:linear-gradient(135deg,rgba(37,99,235,.12),rgba(6,182,212,.10),rgba(16,185,129,.08))!important; opacity:1!important; } html.jn-light-mode body.public-home :is(.service-modal-head,.replica-login-modal .jn-auth-logo,.replica-login-modal .jn-auth-subtitle,.account-bind-modal .bind-head), body.public-home.jn-light-mode :is(.service-modal-head,.replica-login-modal .jn-auth-logo,.replica-login-modal .jn-auth-subtitle,.account-bind-modal .bind-head), html[data-theme="light"] body.public-home :is(.service-modal-head,.replica-login-modal .jn-auth-logo,.replica-login-modal .jn-auth-subtitle,.account-bind-modal .bind-head){ background:linear-gradient(180deg,#fff,#f1f7ff)!important; background-image:linear-gradient(180deg,#fff,#f1f7ff)!important; color:#0f172a!important; border-color:rgba(15,23,42,.10)!important; box-shadow:none!important; } html.jn-light-mode body.public-home :is(.service-online-card,.service-card,.service-qr-frame,.replica-login-modal .jn-auth-tabs,.replica-login-modal .jn-auth-form,.replica-login-modal .jn-code-row,.replica-login-modal .jn-captcha-row,.replica-login-modal .jn-third-grid,.replica-login-modal .jn-third-reserved,.replica-login-modal .third-unconfigured,.account-bind-modal .bind-form), body.public-home.jn-light-mode :is(.service-online-card,.service-card,.service-qr-frame,.replica-login-modal .jn-auth-tabs,.replica-login-modal .jn-auth-form,.replica-login-modal .jn-code-row,.replica-login-modal .jn-captcha-row,.replica-login-modal .jn-third-grid,.replica-login-modal .jn-third-reserved,.replica-login-modal .third-unconfigured,.account-bind-modal .bind-form), html[data-theme="light"] body.public-home :is(.service-online-card,.service-card,.service-qr-frame,.replica-login-modal .jn-auth-tabs,.replica-login-modal .jn-auth-form,.replica-login-modal .jn-code-row,.replica-login-modal .jn-captcha-row,.replica-login-modal .jn-third-grid,.replica-login-modal .jn-third-reserved,.replica-login-modal .third-unconfigured,.account-bind-modal .bind-form){ background:#f8fafc!important; background-image:none!important; color:#0f172a!important; border-color:rgba(15,23,42,.10)!important; box-shadow:none!important; text-shadow:none!important; } html.jn-light-mode body.public-home :is(.customer-modal,.replica-customer-modal,.jn-auth-modal,.replica-login-modal,.account-bind-modal) :is(h1,h2,h3,h4,strong,b,label,.jn-auth-logo span,.bind-head strong,.service-online-card strong), body.public-home.jn-light-mode :is(.customer-modal,.replica-customer-modal,.jn-auth-modal,.replica-login-modal,.account-bind-modal) :is(h1,h2,h3,h4,strong,b,label,.jn-auth-logo span,.bind-head strong,.service-online-card strong), html[data-theme="light"] body.public-home :is(.customer-modal,.replica-customer-modal,.jn-auth-modal,.replica-login-modal,.account-bind-modal) :is(h1,h2,h3,h4,strong,b,label,.jn-auth-logo span,.bind-head strong,.service-online-card strong){ color:#0f172a!important; -webkit-text-fill-color:currentColor!important; text-shadow:none!important; } html.jn-light-mode body.public-home :is(.customer-modal,.replica-customer-modal,.jn-auth-modal,.replica-login-modal,.account-bind-modal) :is(p,small,span,em,.jn-auth-subtitle,.jn-agree,.jn-third-title,.jn-forgot,.bind-head p,.bind-head span,.service-modal-head p), body.public-home.jn-light-mode :is(.customer-modal,.replica-customer-modal,.jn-auth-modal,.replica-login-modal,.account-bind-modal) :is(p,small,span,em,.jn-auth-subtitle,.jn-agree,.jn-third-title,.jn-forgot,.bind-head p,.bind-head span,.service-modal-head p), html[data-theme="light"] body.public-home :is(.customer-modal,.replica-customer-modal,.jn-auth-modal,.replica-login-modal,.account-bind-modal) :is(p,small,span,em,.jn-auth-subtitle,.jn-agree,.jn-third-title,.jn-forgot,.bind-head p,.bind-head span,.service-modal-head p){ color:#64748b!important; -webkit-text-fill-color:currentColor!important; text-shadow:none!important; } html.jn-light-mode body.public-home :is(.jn-auth-modal,.account-bind-modal) input:not([type="checkbox"]):not([type="radio"]), body.public-home.jn-light-mode :is(.jn-auth-modal,.account-bind-modal) input:not([type="checkbox"]):not([type="radio"]), html[data-theme="light"] body.public-home :is(.jn-auth-modal,.account-bind-modal) input:not([type="checkbox"]):not([type="radio"]){ background:#fff!important; color:#0f172a!important; -webkit-text-fill-color:currentColor!important; border-color:rgba(15,23,42,.14)!important; box-shadow:none!important; } html.jn-light-mode body.public-home :is(.jn-modal-close,.customer-modal-close,.jn-code-row button,.jn-captcha,.bind-skip,.jn-third-grid button,.third-unconfigured), body.public-home.jn-light-mode :is(.jn-modal-close,.customer-modal-close,.jn-code-row button,.jn-captcha,.bind-skip,.jn-third-grid button,.third-unconfigured), html[data-theme="light"] body.public-home :is(.jn-modal-close,.customer-modal-close,.jn-code-row button,.jn-captcha,.bind-skip,.jn-third-grid button,.third-unconfigured){ background:#eef2f7!important; background-image:none!important; color:#0f172a!important; -webkit-text-fill-color:currentColor!important; border-color:rgba(15,23,42,.12)!important; box-shadow:none!important; } html.jn-light-mode body.public-home :is(.jn-auth-submit,.replica-customer-modal .service-actions-single a), body.public-home.jn-light-mode :is(.jn-auth-submit,.replica-customer-modal .service-actions-single a), html[data-theme="light"] body.public-home :is(.jn-auth-submit,.replica-customer-modal .service-actions-single a){ background:#2563eb!important; background-image:linear-gradient(135deg,#2563eb,#06b6d4)!important; border-color:transparent!important; color:#fff!important; -webkit-text-fill-color:#fff!important; box-shadow:0 14px 30px rgba(37,99,235,.22)!important; } /* 2026-06-15 final tiny home nav/orbit adjustment */ body.public-home .home-nav .home-start-link, body.public-home .home-nav button[data-auth-open], html.jn-light-mode body.public-home .home-nav .home-start-link, html.jn-light-mode body.public-home .home-nav button[data-auth-open], html[data-theme="light"] body.public-home .home-nav .home-start-link, html[data-theme="light"] body.public-home .home-nav button[data-auth-open]{ border-color:var(--home-line)!important; text-shadow:none!important; box-shadow:none!important; } body.public-home .home-nav .home-start-link:hover, body.public-home .home-nav button[data-auth-open]:hover{ text-shadow:none!important; box-shadow:none!important; } @media(min-width:761px){ body.public-home .orbit-spin{ --r:min(430px,32vw)!important; } } /* 2026-06-15 final-last home unity, particles, model text */ body.public-home, html.jn-light-mode body.public-home, html[data-theme="light"] body.public-home{ --home-panel:rgba(255,255,255,.018); --home-panel-strong:rgba(255,255,255,.030); --home-line-soft:rgba(255,255,255,.075); background:#03060d!important; } body.public-home::after, html.jn-light-mode body.public-home::after, html[data-theme="light"] body.public-home::after{ z-index:2!important; background: radial-gradient(circle at 12% 18%,rgba(210,250,255,.82) 0 4.6px,transparent 7.6px), radial-gradient(circle at 32% 64%,rgba(0,229,160,.74) 0 5.2px,transparent 8.4px), radial-gradient(circle at 58% 24%,rgba(0,202,224,.80) 0 6px,transparent 9.4px), radial-gradient(circle at 82% 72%,rgba(146,116,255,.70) 0 5px,transparent 8px), radial-gradient(circle at 72% 14%,rgba(128,235,255,.78) 0 4.4px,transparent 7.4px), radial-gradient(circle at 44% 84%,rgba(223,250,255,.60) 0 4px,transparent 7px), radial-gradient(circle at 22% 42%,rgba(255,255,255,.42) 0 3.2px,transparent 6px), radial-gradient(circle at 90% 36%,rgba(0,202,224,.45) 0 3.8px,transparent 6.8px)!important; background-size:360px 280px,430px 350px,520px 420px,620px 480px,760px 560px,900px 640px,540px 460px,700px 520px!important; background-position:0 0,58px 90px,132px 40px,48px 180px,100px 54px,170px 124px,220px 40px,88px 250px!important; opacity:.66!important; mix-blend-mode:screen!important; animation:homeStarBreathLarge 9.5s ease-in-out infinite alternate!important; } body.public-home .home-main, body.public-home .home-hero, body.public-home .home-section, body.public-home #agents, body.public-home #platform, body.public-home #inspiration, body.public-home .home-cta, body.public-home .home-footer{ background:transparent!important; background-image:none!important; } body.public-home .agent-grid article, body.public-home .capability-grid article, body.public-home .replica-masonry article, body.public-home .home-metrics span, body.public-home .home-cta{ background:rgba(255,255,255,.018)!important; border-color:var(--home-line-soft)!important; box-shadow:inset 0 1px 0 rgba(255,255,255,.035)!important; } body.public-home .home-cta{ backdrop-filter:none!important; } body.public-home #inspiration::before, body.public-home .home-cta::before{ opacity:0!important; } body.public-home .hero-model-cards article{ width:236px!important; min-height:128px!important; padding:14px 16px!important; } body.public-home .hero-model-cards article>img{ width:32px!important; height:32px!important; } body.public-home .hero-model-cards strong{ font-size:15px!important; line-height:1.25!important; max-width:200px!important; } body.public-home .hero-model-cards p{ font-size:12px!important; line-height:1.55!important; min-height:54px!important; } @keyframes homeStarBreathLarge{ 0%{ opacity:.44; filter:brightness(.9) blur(0); background-position:0 0,58px 90px,132px 40px,48px 180px,100px 54px,170px 124px,220px 40px,88px 250px; } 50%{ opacity:.86; filter:brightness(1.28) blur(.2px); background-position:30px -24px,20px 128px,178px 8px,12px 218px,150px 18px,130px 166px,250px 10px,50px 288px; } 100%{ opacity:.56; filter:brightness(1.04) blur(0); background-position:-24px 38px,104px 46px,92px 72px,92px 140px,54px 100px,202px 78px,190px 76px,130px 210px; } } @media(max-width:760px){ body.public-home::after, html.jn-light-mode body.public-home::after, html[data-theme="light"] body.public-home::after{ background-size:280px 220px,340px 280px,420px 340px,500px 390px,600px 460px,700px 520px,430px 360px,560px 420px!important; opacity:.58!important; } } /* 2026-06-16 true-tail: public home light modal readability */ html.jn-light-mode body.public-home :is(.customer-modal-overlay,.jn-auth-overlay,.account-bind-overlay), html[data-theme="light"] body.public-home :is(.customer-modal-overlay,.jn-auth-overlay,.account-bind-overlay), body.public-home.jn-light-mode :is(.customer-modal-overlay,.jn-auth-overlay,.account-bind-overlay), body.public-home[data-theme="light"] :is(.customer-modal-overlay,.jn-auth-overlay,.account-bind-overlay){ background:rgba(241,245,249,.82)!important; background-image:none!important; color:#0f172a!important; } html.jn-light-mode body.public-home :is(.customer-modal,.replica-customer-modal,.jn-auth-modal,.replica-login-modal,.account-bind-modal), html[data-theme="light"] body.public-home :is(.customer-modal,.replica-customer-modal,.jn-auth-modal,.replica-login-modal,.account-bind-modal), body.public-home.jn-light-mode :is(.customer-modal,.replica-customer-modal,.jn-auth-modal,.replica-login-modal,.account-bind-modal), body.public-home[data-theme="light"] :is(.customer-modal,.replica-customer-modal,.jn-auth-modal,.replica-login-modal,.account-bind-modal){ background:#fff!important; background-image:none!important; color:#0f172a!important; border-color:rgba(15,23,42,.12)!important; box-shadow:0 28px 80px rgba(15,23,42,.16)!important; text-shadow:none!important; color-scheme:light!important; } html.jn-light-mode body.public-home :is(.service-modal-head,.replica-login-modal .jn-auth-logo,.replica-login-modal .jn-auth-subtitle,.account-bind-modal .bind-head), html[data-theme="light"] body.public-home :is(.service-modal-head,.replica-login-modal .jn-auth-logo,.replica-login-modal .jn-auth-subtitle,.account-bind-modal .bind-head), body.public-home.jn-light-mode :is(.service-modal-head,.replica-login-modal .jn-auth-logo,.replica-login-modal .jn-auth-subtitle,.account-bind-modal .bind-head), body.public-home[data-theme="light"] :is(.service-modal-head,.replica-login-modal .jn-auth-logo,.replica-login-modal .jn-auth-subtitle,.account-bind-modal .bind-head){ background:#fff!important; background-image:linear-gradient(180deg,#fff,#f1f7ff)!important; color:#0f172a!important; border-color:rgba(15,23,42,.10)!important; box-shadow:none!important; } html.jn-light-mode body.public-home :is(.service-online-card,.service-card,.service-qr-frame,.replica-login-modal .jn-auth-tabs,.replica-login-modal .jn-auth-form,.replica-login-modal .jn-code-row,.replica-login-modal .jn-captcha-row,.replica-login-modal .jn-third-grid,.account-bind-modal .bind-form), html[data-theme="light"] body.public-home :is(.service-online-card,.service-card,.service-qr-frame,.replica-login-modal .jn-auth-tabs,.replica-login-modal .jn-auth-form,.replica-login-modal .jn-code-row,.replica-login-modal .jn-captcha-row,.replica-login-modal .jn-third-grid,.account-bind-modal .bind-form), body.public-home.jn-light-mode :is(.service-online-card,.service-card,.service-qr-frame,.replica-login-modal .jn-auth-tabs,.replica-login-modal .jn-auth-form,.replica-login-modal .jn-code-row,.replica-login-modal .jn-captcha-row,.replica-login-modal .jn-third-grid,.account-bind-modal .bind-form), body.public-home[data-theme="light"] :is(.service-online-card,.service-card,.service-qr-frame,.replica-login-modal .jn-auth-tabs,.replica-login-modal .jn-auth-form,.replica-login-modal .jn-code-row,.replica-login-modal .jn-captcha-row,.replica-login-modal .jn-third-grid,.account-bind-modal .bind-form){ background:#f8fafc!important; background-image:none!important; color:#0f172a!important; border-color:rgba(15,23,42,.10)!important; box-shadow:none!important; text-shadow:none!important; } html.jn-light-mode body.public-home :is(.customer-modal,.replica-customer-modal,.jn-auth-modal,.replica-login-modal,.account-bind-modal) :is(h1,h2,h3,h4,strong,b,label,.jn-auth-logo span,.bind-head strong), html[data-theme="light"] body.public-home :is(.customer-modal,.replica-customer-modal,.jn-auth-modal,.replica-login-modal,.account-bind-modal) :is(h1,h2,h3,h4,strong,b,label,.jn-auth-logo span,.bind-head strong), body.public-home.jn-light-mode :is(.customer-modal,.replica-customer-modal,.jn-auth-modal,.replica-login-modal,.account-bind-modal) :is(h1,h2,h3,h4,strong,b,label,.jn-auth-logo span,.bind-head strong), body.public-home[data-theme="light"] :is(.customer-modal,.replica-customer-modal,.jn-auth-modal,.replica-login-modal,.account-bind-modal) :is(h1,h2,h3,h4,strong,b,label,.jn-auth-logo span,.bind-head strong){ color:#0f172a!important; -webkit-text-fill-color:currentColor!important; text-shadow:none!important; } html.jn-light-mode body.public-home :is(.customer-modal,.replica-customer-modal,.jn-auth-modal,.replica-login-modal,.account-bind-modal) :is(p,span,small,em,.jn-auth-subtitle,.jn-agree,.jn-third-title,.jn-forgot,.bind-head p,.bind-head span), html[data-theme="light"] body.public-home :is(.customer-modal,.replica-customer-modal,.jn-auth-modal,.replica-login-modal,.account-bind-modal) :is(p,span,small,em,.jn-auth-subtitle,.jn-agree,.jn-third-title,.jn-forgot,.bind-head p,.bind-head span), body.public-home.jn-light-mode :is(.customer-modal,.replica-customer-modal,.jn-auth-modal,.replica-login-modal,.account-bind-modal) :is(p,span,small,em,.jn-auth-subtitle,.jn-agree,.jn-third-title,.jn-forgot,.bind-head p,.bind-head span), body.public-home[data-theme="light"] :is(.customer-modal,.replica-customer-modal,.jn-auth-modal,.replica-login-modal,.account-bind-modal) :is(p,span,small,em,.jn-auth-subtitle,.jn-agree,.jn-third-title,.jn-forgot,.bind-head p,.bind-head span){ color:#64748b!important; -webkit-text-fill-color:currentColor!important; text-shadow:none!important; } html.jn-light-mode body.public-home :is(.jn-modal-close,.customer-modal-close,.jn-code-row button,.jn-captcha,.bind-skip,.jn-third-grid button), html[data-theme="light"] body.public-home :is(.jn-modal-close,.customer-modal-close,.jn-code-row button,.jn-captcha,.bind-skip,.jn-third-grid button), body.public-home.jn-light-mode :is(.jn-modal-close,.customer-modal-close,.jn-code-row button,.jn-captcha,.bind-skip,.jn-third-grid button), body.public-home[data-theme="light"] :is(.jn-modal-close,.customer-modal-close,.jn-code-row button,.jn-captcha,.bind-skip,.jn-third-grid button){ background:#eef2f7!important; background-image:none!important; color:#0f172a!important; -webkit-text-fill-color:currentColor!important; border-color:rgba(15,23,42,.12)!important; box-shadow:none!important; } html.jn-light-mode body.public-home :is(.jn-auth-submit,.replica-customer-modal .service-actions-single a), html[data-theme="light"] body.public-home :is(.jn-auth-submit,.replica-customer-modal .service-actions-single a), body.public-home.jn-light-mode :is(.jn-auth-submit,.replica-customer-modal .service-actions-single a), body.public-home[data-theme="light"] :is(.jn-auth-submit,.replica-customer-modal .service-actions-single a){ background:#2563eb!important; background-image:linear-gradient(135deg,#2563eb,#06b6d4)!important; border-color:transparent!important; color:#fff!important; -webkit-text-fill-color:#fff!important; box-shadow:0 14px 30px rgba(37,99,235,.22)!important; } /* Stage 3 auth real cover final override: keep real login UI on the accepted dark frontend style. */ body.public-home .jn-auth-overlay{ background:radial-gradient(circle at 50% 18%,rgba(56,189,248,.16),transparent 34%),rgba(3,7,18,.74)!important; backdrop-filter:blur(14px)!important; -webkit-backdrop-filter:blur(14px)!important; } body.public-home .jn-auth-modal.replica-login-modal{ width:min(406px,calc(100vw - 32px))!important; max-height:calc(100dvh - 36px)!important; overflow:auto!important; border:1px solid rgba(56,189,248,.22)!important; border-radius:18px!important; background:linear-gradient(180deg,rgba(9,17,32,.98),rgba(6,12,24,.98))!important; color:#eaf2ff!important; box-shadow:0 34px 120px rgba(0,0,0,.58),0 0 60px rgba(56,189,248,.12)!important; } body.public-home .replica-login-modal .jn-modal-close{ right:12px!important; top:12px!important; width:30px!important; height:30px!important; border-radius:8px!important; border:1px solid rgba(148,163,184,.22)!important; background:rgba(15,23,42,.82)!important; color:#dbeafe!important; box-shadow:none!important; } body.public-home .replica-login-modal .jn-auth-logo{ display:flex!important; flex-direction:column!important; align-items:center!important; justify-content:center!important; gap:9px!important; padding:30px 26px 12px!important; margin:0!important; text-align:center!important; background:radial-gradient(circle at 50% 0,rgba(56,189,248,.18),transparent 42%),linear-gradient(180deg,#07101f,#101b33)!important; } body.public-home .replica-login-modal .jn-auth-logo::after{display:none!important} body.public-home .replica-login-modal .jn-auth-logo img{ width:50px!important; height:50px!important; border-radius:12px!important; background:#07101f!important; border:1px solid rgba(255,255,255,.18)!important; box-shadow:0 0 30px rgba(56,189,248,.22)!important; } body.public-home .replica-login-modal .jn-auth-logo span{ color:#f8fbff!important; font-size:22px!important; line-height:1.12!important; font-weight:900!important; text-align:center!important; } body.public-home .replica-login-modal .jn-auth-subtitle{ margin:0!important; padding:0 26px 17px!important; background:#101b33!important; color:#c3d3ea!important; text-align:center!important; font-size:12.6px!important; line-height:1.52!important; } body.public-home .replica-login-modal .jn-auth-tabs{ display:grid!important; grid-template-columns:repeat(3,minmax(0,1fr))!important; gap:4px!important; margin:14px 22px 12px!important; padding:4px!important; border:1px solid rgba(148,163,184,.15)!important; border-radius:9px!important; background:rgba(15,23,42,.86)!important; box-shadow:none!important; } body.public-home .replica-login-modal .jn-auth-tabs button{ height:31px!important; min-height:31px!important; padding:0 5px!important; border:0!important; border-radius:7px!important; background:transparent!important; color:#94a3b8!important; font-size:11.7px!important; font-weight:850!important; white-space:nowrap!important; box-shadow:none!important; } body.public-home .replica-login-modal .jn-auth-tabs button.active{ background:rgba(56,189,248,.09)!important; color:#dff6ff!important; box-shadow:inset 0 0 0 1px rgba(56,189,248,.26)!important; } body.public-home .replica-login-modal .jn-auth-form{ display:grid!important; gap:9px!important; padding:0 22px!important; background:transparent!important; } body.public-home .replica-login-modal .jn-auth-form label, body.public-home .replica-login-modal .jn-code-row label{ gap:4px!important; color:#d7e2f3!important; font-size:11.8px!important; font-weight:820!important; line-height:1.22!important; } body.public-home .replica-login-modal .jn-auth-form input:not([type="checkbox"]){ height:38px!important; min-height:38px!important; border:1px solid rgba(148,163,184,.22)!important; border-radius:7px!important; background:rgba(15,23,42,.78)!important; color:#eef6ff!important; caret-color:#38bdf8!important; font-size:13px!important; padding:0 10px!important; box-shadow:none!important; } body.public-home .replica-login-modal .jn-auth-form input:not([type="checkbox"])::placeholder{color:#64748b!important} body.public-home .replica-login-modal .jn-auth-form input:not([type="checkbox"]):focus{ background:rgba(15,23,42,.96)!important; border-color:#38bdf8!important; box-shadow:0 0 0 3px rgba(56,189,248,.10)!important; } body.public-home .replica-login-modal .jn-code-row{ display:grid!important; grid-template-columns:minmax(0,1fr) 94px!important; gap:7px!important; align-items:end!important; } body.public-home .replica-login-modal .jn-code-row button{ height:38px!important; min-height:38px!important; border:1px solid rgba(56,189,248,.24)!important; border-radius:7px!important; background:rgba(56,189,248,.07)!important; color:#ccefff!important; font-size:11.4px!important; font-weight:850!important; box-shadow:none!important; } body.public-home .replica-login-modal .jn-code-row button:hover, body.public-home .replica-login-modal .jn-auth-submit:hover{ background:rgba(56,189,248,.12)!important; border-color:rgba(56,189,248,.38)!important; color:#f0fbff!important; } body.public-home .front-auth-slider{ display:grid!important; gap:3px!important; margin:0 0 4px!important; touch-action:none!important; } body.public-home .front-auth-slider-track{ position:relative!important; height:30px!important; width:100%!important; border:1px solid rgba(56,189,248,.18)!important; border-radius:8px!important; background:linear-gradient(180deg,#070b12,#05070d)!important; color:#d8ecf7!important; overflow:hidden!important; cursor:grab!important; text-align:center!important; user-select:none!important; box-shadow:inset 0 1px 0 rgba(255,255,255,.04),0 8px 18px rgba(0,0,0,.14)!important; } body.public-home .front-auth-slider-fill{ position:absolute!important; inset:3px auto 3px 3px!important; width:var(--front-auth-slide-progress,0%)!important; max-width:calc(100% - 6px)!important; border-radius:7px!important; background:linear-gradient(90deg,rgba(56,189,248,.16),rgba(14,165,233,.08))!important; border:1px solid rgba(56,189,248,.20)!important; } body.public-home .front-auth-slider-thumb{ position:absolute!important; left:var(--front-auth-thumb-left,4px)!important; top:4px!important; width:22px!important; height:22px!important; border-radius:7px!important; display:grid!important; place-items:center!important; background:#dff6ff!important; color:#0b1220!important; box-shadow:0 7px 16px rgba(0,0,0,.26),0 0 0 1px rgba(56,189,248,.18)!important; } body.public-home .front-auth-slider-thumb svg{width:15px!important;height:15px!important;stroke-width:2.8!important} body.public-home .jn-auth-overlay .replica-login-modal .front-auth-slider-thumb{color:#0b1220!important;-webkit-text-fill-color:#0b1220!important} body.public-home .jn-auth-overlay .replica-login-modal .front-auth-slider-thumb svg{stroke:#0b1220!important} body.public-home .front-auth-slider-text{ position:relative!important; z-index:1!important; display:flex!important; align-items:center!important; justify-content:center!important; height:100%!important; padding:0 34px!important; font-size:11.5px!important; font-weight:850!important; white-space:nowrap!important; overflow:hidden!important; text-overflow:ellipsis!important; pointer-events:none!important; } body.public-home .front-auth-slider small{ display:none!important; color:#94a3b8!important; font-size:10px!important; line-height:1.3!important; text-align:center!important; white-space:nowrap!important; overflow:hidden!important; text-overflow:ellipsis!important; } body.public-home .front-auth-slider.is-sliding .front-auth-slider-track{border-color:rgba(56,189,248,.34)!important;background:linear-gradient(180deg,#08111b,#060b12)!important} body.public-home .front-auth-slider.is-checking .front-auth-slider-fill{width:62%!important;background:rgba(96,165,250,.12)!important} body.public-home .front-auth-slider.is-passed .front-auth-slider-track{border-color:rgba(34,197,94,.28)!important;background:rgba(12,31,24,.72)!important;color:#dcfce7!important} body.public-home .front-auth-slider.is-passed .front-auth-slider-fill{width:calc(100% - 6px)!important;background:rgba(34,197,94,.13)!important;border-color:rgba(34,197,94,.22)!important} body.public-home .front-auth-slider.is-passed .front-auth-slider-thumb{background:#eafff0!important;color:#166534!important} body.public-home .front-auth-slider.is-failed .front-auth-slider-track{border-color:rgba(248,113,113,.36)!important;color:#fecaca!important;animation:frontAuthShake .22s ease 1!important} body.public-home .front-auth-inline-tip{ min-height:18px!important; display:inline-flex!important; align-items:center!important; justify-content:center!important; justify-self:center!important; width:auto!important; max-width:100%!important; padding:2px 7px!important; border-radius:6px!important; border:1px solid rgba(56,189,248,.18)!important; background:rgba(56,189,248,.045)!important; color:#b9eaff!important; font-size:10px!important; font-weight:800!important; line-height:1.2!important; text-align:center!important; } body.public-home .front-auth-inline-tip[hidden]{display:none!important} body.public-home .front-auth-inline-tip.is-success{border-color:rgba(34,197,94,.20)!important;background:rgba(34,197,94,.055)!important;color:#bbf7d0!important} body.public-home .front-auth-inline-tip.is-warning{border-color:rgba(56,189,248,.18)!important;background:rgba(56,189,248,.045)!important;color:#b9eaff!important} body.public-home .replica-login-modal .jn-auth-submit{ width:100%!important; height:36px!important; min-height:36px!important; border-radius:8px!important; border:1px solid rgba(56,189,248,.30)!important; background:rgba(56,189,248,.085)!important; background-image:none!important; color:#dff6ff!important; box-shadow:none!important; font-size:12.6px!important; font-weight:900!important; cursor:pointer!important; } body.public-home .replica-login-modal .jn-agree{ display:flex!important; align-items:center!important; justify-content:center!important; gap:7px!important; margin:0 auto!important; padding:0 4px!important; color:#9fb0c8!important; font-size:10.8px!important; line-height:1.35!important; text-align:center!important; white-space:nowrap!important; } body.public-home .jn-auth-overlay .replica-login-modal .jn-auth-form .jn-agree input[type="checkbox"]{ width:13px!important; height:13px!important; min-width:13px!important; min-height:13px!important; margin:0!important; padding:0!important; transform:translateY(0)!important; accent-color:#38bdf8!important; appearance:auto!important; -webkit-appearance:auto!important; box-shadow:none!important; } body.public-home .replica-login-modal .jn-agree span{ display:inline-flex!important; align-items:center!important; justify-content:center!important; gap:4px!important; margin:0!important; line-height:1.35!important; } body.public-home .replica-login-modal .jn-agree a{color:#7dd3fc!important} body.public-home .replica-login-modal .jn-third-title{ margin:10px 22px 8px!important; color:#7f8da3!important; font-size:11px!important; } body.public-home .replica-login-modal .jn-third-title::before, body.public-home .replica-login-modal .jn-third-title::after{background:rgba(148,163,184,.16)!important} body.public-home .replica-login-modal .jn-third-grid.jn-third-reserved{ display:grid!important; grid-template-columns:repeat(4,minmax(0,1fr))!important; gap:7px!important; padding:0 22px 18px!important; background:transparent!important; } body.public-home .replica-login-modal .jn-third-grid.jn-third-reserved a.jn-social-login-btn{ min-height:34px!important; border:1px solid rgba(148,163,184,.16)!important; border-radius:8px!important; background:rgba(15,23,42,.58)!important; color:#dbeafe!important; display:flex!important; align-items:center!important; justify-content:center!important; gap:5px!important; padding:5px!important; font-size:10.8px!important; font-weight:850!important; text-decoration:none!important; box-shadow:none!important; } body.public-home .replica-login-modal .jn-third-grid.jn-third-reserved a.jn-social-login-btn:hover{ border-color:rgba(56,189,248,.30)!important; background:rgba(56,189,248,.08)!important; } body.public-home .replica-login-modal .jn-social-login-icon{ width:16px!important; height:16px!important; display:inline-grid!important; place-items:center!important; flex:0 0 16px!important; } body.public-home .replica-login-modal .jn-social-login-icon svg{width:16px!important;height:16px!important} body.public-home .replica-login-modal .jn-third-placeholder, body.public-home .replica-login-modal .third-unconfigured{display:none!important} @keyframes frontAuthShake{ 0%,100%{transform:translateX(0)} 33%{transform:translateX(-3px)} 66%{transform:translateX(3px)} } @media(max-width:620px){ body.public-home .jn-auth-overlay{ align-items:center!important; justify-content:center!important; padding:10px!important; } body.public-home .jn-auth-modal.replica-login-modal{ width:min(372px,calc(100vw - 20px))!important; max-height:calc(100dvh - 20px)!important; border-radius:18px!important; } body.public-home .replica-login-modal .jn-auth-logo{padding:26px 20px 10px!important} body.public-home .replica-login-modal .jn-auth-logo img{width:46px!important;height:46px!important} body.public-home .replica-login-modal .jn-auth-logo span{font-size:21px!important} body.public-home .replica-login-modal .jn-auth-subtitle{padding:0 20px 14px!important;font-size:12.2px!important} body.public-home .replica-login-modal .jn-auth-tabs{margin:12px 14px 10px!important} body.public-home .replica-login-modal .jn-auth-tabs button{height:30px!important;font-size:11px!important;padding:0 2px!important} body.public-home .replica-login-modal .jn-auth-form{padding:0 14px!important;gap:8px!important} body.public-home .replica-login-modal .jn-auth-form input:not([type="checkbox"]){height:36px!important;min-height:36px!important;font-size:12.5px!important} body.public-home .replica-login-modal .jn-code-row{grid-template-columns:minmax(0,1fr) 86px!important;gap:6px!important} body.public-home .replica-login-modal .jn-code-row button{height:36px!important;min-height:36px!important;font-size:10.6px!important;padding:0 4px!important} body.public-home .front-auth-slider-track{height:29px!important} body.public-home .replica-login-modal .jn-auth-submit{height:36px!important;min-height:36px!important} body.public-home .replica-login-modal .jn-agree{ justify-content:flex-start!important; text-align:left!important; white-space:normal!important; font-size:10.5px!important; } body.public-home .replica-login-modal .jn-third-title{margin:9px 14px 7px!important} body.public-home .replica-login-modal .jn-third-grid.jn-third-reserved{ grid-template-columns:repeat(2,minmax(0,1fr))!important; padding:0 14px 14px!important; gap:6px!important; } } /* 2026-06-23 stage2: live LingzhiRuntime homepage shell and accepted preview styles */ [v-cloak]{display:none!important} body.public-home{overflow-x:hidden!important;overflow-y:auto!important;min-height:100vh!important} body.public-home .front-preview-lab{ width:100%; max-width:none; min-height:100vh!important; margin:0; padding:0; overflow:visible!important; } body.public-home .front-preview-lab .front-preview-chrome{display:none!important} body.public-home .front-home-preview-shell{min-height:100vh!important;overflow:visible!important} body.public-home .front-home-preview-shell .home-header{top:0} body.public-home .front-home-preview-shell .home-footer{margin-bottom:0} body.public-home .customer-widget{ display:block!important; position:fixed!important; right:22px!important; bottom:22px!important; z-index:100020!important; } body.public-home .customer-float{ width:58px!important; height:58px!important; padding:0!important; border-radius:50%!important; display:grid!important; place-items:center!important; gap:0!important; font-size:0!important; line-height:0!important; color:transparent!important; } body.public-home .customer-float::after{display:none!important;content:none!important} body.public-home .customer-float-icon{ display:block!important; width:30px!important; height:30px!important; object-fit:contain!important; margin:auto!important; } body.public-home .customer-float span{ position:absolute!important; width:1px!important; height:1px!important; overflow:hidden!important; clip:rect(0 0 0 0)!important; white-space:nowrap!important; } body.public-home .home-inspiration-board{ display:grid!important; grid-template-columns:repeat(4,minmax(0,1fr))!important; gap:18px!important; align-items:start!important; } body.public-home .home-work-card{ min-width:0!important; overflow:hidden!important; border-radius:18px!important; border:1px solid rgba(148,163,184,.16)!important; background:linear-gradient(180deg,rgba(255,255,255,.075),rgba(255,255,255,.032))!important; box-shadow:0 20px 60px rgba(2,6,23,.20)!important; } body.public-home .home-work-media{ position:relative!important; width:100%!important; aspect-ratio:4/5!important; display:block!important; padding:0!important; border:0!important; background:#0b1220!important; overflow:hidden!important; cursor:zoom-in!important; } body.public-home .home-work-media img, body.public-home .home-work-media video{ width:100%!important; height:100%!important; display:block!important; object-fit:cover!important; transition:transform .22s ease!important; } body.public-home .home-work-media:hover img, body.public-home .home-work-media:hover video{transform:scale(1.035)!important} body.public-home .home-work-zoom{ position:absolute!important; right:10px!important; bottom:10px!important; height:28px!important; padding:0 10px!important; border-radius:999px!important; background:rgba(2,6,23,.62)!important; border:1px solid rgba(255,255,255,.16)!important; color:#fff!important; font-size:12px!important; font-weight:900!important; display:inline-flex!important; align-items:center!important; backdrop-filter:blur(10px)!important; } body.public-home .home-work-body{ display:grid!important; gap:12px!important; padding:14px!important; } body.public-home .home-work-author{ display:grid!important; grid-template-columns:38px minmax(0,1fr)!important; gap:10px!important; align-items:center!important; } body.public-home .home-work-avatar{ position:relative!important; width:38px!important; height:38px!important; border-radius:50%!important; display:grid!important; place-items:center!important; background:linear-gradient(135deg,#2563eb,#06b6d4)!important; color:#fff!important; font-size:13px!important; font-weight:900!important; } body.public-home .home-work-avatar::after{ content:""!important; position:absolute!important; inset:-5px!important; background-image:var(--jn-avatar-frame-image)!important; background-size:100% 100%!important; background-repeat:no-repeat!important; pointer-events:none!important; } body.public-home .home-work-avatar img{ width:100%!important; height:100%!important; border-radius:50%!important; object-fit:cover!important; } body.public-home .home-work-author strong{ display:block!important; color:#fff!important; font-size:13px!important; line-height:1.25!important; white-space:nowrap!important; overflow:hidden!important; text-overflow:ellipsis!important; } body.public-home .home-work-author small{ display:block!important; margin-top:3px!important; color:#8ea4c7!important; font-size:11px!important; line-height:1.25!important; white-space:nowrap!important; overflow:hidden!important; text-overflow:ellipsis!important; } body.public-home .home-work-body h3{ margin:0!important; color:#fff!important; font-size:15px!important; line-height:1.45!important; min-height:42px!important; display:-webkit-box!important; -webkit-line-clamp:2!important; -webkit-box-orient:vertical!important; overflow:hidden!important; } body.public-home .home-work-actions{ display:flex!important; align-items:center!important; gap:8px!important; } body.public-home .home-work-actions span{ height:28px!important; display:inline-flex!important; align-items:center!important; gap:5px!important; padding:0 9px!important; border-radius:999px!important; background:rgba(255,255,255,.07)!important; color:#cbd5e1!important; font-size:12px!important; font-weight:850!important; } body.public-home .home-work-actions i{ font-style:normal!important; color:#93c5fd!important; } body.public-home .home-work-actions button{ margin-left:auto!important; height:30px!important; border:1px solid rgba(96,165,250,.28)!important; border-radius:999px!important; background:rgba(37,99,235,.16)!important; color:#dbeafe!important; padding:0 12px!important; font-size:12px!important; font-weight:900!important; cursor:pointer!important; } body.public-home .home-footer-meta{ display:flex!important; align-items:center!important; justify-content:center!important; gap:8px 16px!important; flex-wrap:wrap!important; color:#94a3b8!important; max-width:min(100%,980px)!important; } body.public-home .home-footer-meta>span{ font-size:13px!important; line-height:1.6!important; text-align:center!important; max-width:100%!important; } body.public-home .home-footer-beian{ display:inline-flex!important; align-items:center!important; justify-content:center!important; gap:6px!important; color:#a8b6cc!important; font-size:12px!important; line-height:1.6!important; text-decoration:none!important; max-width:100%!important; min-height:28px!important; padding:2px 0!important; } body.public-home .home-footer-beian img{ width:18px!important; height:18px!important; object-fit:contain!important; opacity:.9!important; } body.public-home .home-image-preview-layer{ position:fixed!important; inset:0!important; z-index:100130!important; display:grid!important; place-items:center!important; background:rgba(2,6,23,.78)!important; backdrop-filter:blur(12px)!important; padding:24px!important; } body.public-home .home-image-preview-modal{ position:relative!important; width:min(980px,calc(100vw - 32px))!important; max-height:calc(100dvh - 32px)!important; display:grid!important; grid-template-rows:minmax(0,1fr) auto!important; overflow:hidden!important; border:1px solid rgba(148,163,184,.24)!important; border-radius:18px!important; background:#050816!important; box-shadow:0 30px 100px rgba(0,0,0,.48)!important; color:#fff!important; } body.public-home .home-image-preview-close{ position:absolute!important; right:12px!important; top:12px!important; z-index:2!important; width:36px!important; height:36px!important; border:1px solid rgba(255,255,255,.18)!important; border-radius:50%!important; background:rgba(2,6,23,.68)!important; color:#fff!important; font-size:24px!important; line-height:1!important; cursor:pointer!important; } body.public-home .home-image-preview-stage{ min-height:0!important; display:grid!important; place-items:center!important; background:#020617!important; } body.public-home .home-image-preview-stage img, body.public-home .home-image-preview-stage video{ max-width:100%!important; max-height:calc(100dvh - 150px)!important; object-fit:contain!important; display:block!important; } body.public-home .home-image-preview-modal footer{ display:grid!important; grid-template-columns:minmax(0,1fr) auto!important; gap:8px 14px!important; align-items:center!important; padding:14px 16px!important; border-top:1px solid rgba(148,163,184,.16)!important; } body.public-home .home-image-preview-modal footer strong{ min-width:0!important; color:#fff!important; white-space:nowrap!important; overflow:hidden!important; text-overflow:ellipsis!important; } body.public-home .home-image-preview-modal footer span{ grid-column:1!important; color:#94a3b8!important; font-size:12px!important; } body.public-home .home-image-preview-modal footer button{ grid-column:2!important; grid-row:1 / span 2!important; height:36px!important; border:0!important; border-radius:999px!important; background:#2563eb!important; color:#fff!important; padding:0 14px!important; font-weight:900!important; cursor:pointer!important; } body.public-home .jn-profile-toast{ position:fixed!important; left:50%!important; bottom:28px!important; z-index:100120!important; transform:translateX(-50%)!important; max-width:min(420px,calc(100vw - 32px))!important; padding:10px 14px!important; border-radius:999px!important; background:rgba(15,23,42,.92)!important; border:1px solid rgba(125,211,252,.24)!important; color:#f8fafc!important; box-shadow:0 16px 46px rgba(0,0,0,.34)!important; font-size:13px!important; font-weight:800!important; text-align:center!important; } @media(max-width:960px){ body.public-home .home-inspiration-board{grid-template-columns:repeat(3,minmax(0,1fr))!important} } @media(max-width:760px){ body.public-home .home-inspiration-board{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important} body.public-home .home-work-card{border-radius:14px!important} body.public-home .home-work-body{padding:10px!important;gap:9px!important} body.public-home .home-work-author{grid-template-columns:30px minmax(0,1fr)!important;gap:8px!important} body.public-home .home-work-avatar{width:30px!important;height:30px!important;font-size:11px!important} body.public-home .home-work-author strong{font-size:12px!important} body.public-home .home-work-author small{font-size:10px!important} body.public-home .home-work-body h3{font-size:12.5px!important;min-height:36px!important} body.public-home .home-work-actions{gap:5px!important} body.public-home .home-work-actions span{height:24px!important;padding:0 7px!important;font-size:10px!important} body.public-home .home-work-actions button{height:26px!important;padding:0 8px!important;font-size:10.5px!important} body.public-home .home-footer{ display:grid!important; justify-items:center!important; gap:12px!important; padding:22px 16px 92px!important; text-align:center!important; } body.public-home .home-footer-brand{justify-content:center!important} body.public-home .home-footer-meta{ width:100%!important; display:flex!important; align-items:stretch!important; justify-content:center!important; gap:8px!important; flex-wrap:wrap!important; } body.public-home .home-footer-meta>span{ width:100%!important; text-align:center!important; color:#95a3b8!important; } body.public-home .home-footer-beian{ flex:1 1 calc(50% - 4px)!important; width:auto!important; max-width:168px!important; min-width:0!important; min-height:36px!important; justify-content:center!important; align-items:center!important; padding:7px 8px!important; border:1px solid rgba(148,163,184,.14)!important; border-radius:999px!important; background:rgba(255,255,255,.035)!important; box-shadow:inset 0 1px 0 rgba(255,255,255,.035)!important; } body.public-home .home-footer-beian:first-of-type:last-of-type{ flex:0 1 320px!important; max-width:min(100%,320px)!important; padding-inline:12px!important; } body.public-home .home-footer-beian img{width:16px!important;height:16px!important} body.public-home .home-footer-beian span{ max-width:calc(100% - 24px)!important; text-align:center!important; font-size:11.5px!important; line-height:1.45!important; overflow-wrap:anywhere!important; word-break:break-word!important; } body.public-home .home-image-preview-layer{padding:10px!important} body.public-home .home-image-preview-modal{ width:calc(100vw - 20px)!important; max-height:calc(100dvh - 20px)!important; border-radius:14px!important; } body.public-home .home-image-preview-stage img, body.public-home .home-image-preview-stage video{max-height:calc(100dvh - 140px)!important} body.public-home .home-image-preview-modal footer{grid-template-columns:1fr!important} body.public-home .home-image-preview-modal footer button{ grid-column:1!important; grid-row:auto!important; width:100%!important; } } /* 2026-06-17 home auth modal black lock */ body.public-home .jn-auth-overlay, html.jn-light-mode body.public-home .jn-auth-overlay, html[data-theme="light"] body.public-home .jn-auth-overlay, body.public-home.jn-light-mode .jn-auth-overlay, body.public-home[data-theme="light"] .jn-auth-overlay{ background:rgba(0,0,0,.72)!important; background-image:none!important; color:#f8fafc!important; backdrop-filter:blur(10px)!important; -webkit-backdrop-filter:blur(10px)!important; } body.public-home .jn-auth-overlay .replica-login-modal, html.jn-light-mode body.public-home .jn-auth-overlay .replica-login-modal, html[data-theme="light"] body.public-home .jn-auth-overlay .replica-login-modal, body.public-home.jn-light-mode .jn-auth-overlay .replica-login-modal, body.public-home[data-theme="light"] .jn-auth-overlay .replica-login-modal{ background:#05070d!important; background-image:linear-gradient(180deg,#090d16,#05070d)!important; color:#f8fafc!important; border-color:rgba(148,163,184,.18)!important; box-shadow:0 28px 90px rgba(0,0,0,.58)!important; color-scheme:dark!important; } body.public-home .jn-auth-overlay .replica-login-modal :is(.jn-auth-logo,.jn-auth-subtitle,.jn-auth-tabs,.jn-auth-form,.jn-code-row,.jn-third-grid), html.jn-light-mode body.public-home .jn-auth-overlay .replica-login-modal :is(.jn-auth-logo,.jn-auth-subtitle,.jn-auth-tabs,.jn-auth-form,.jn-code-row,.jn-third-grid), html[data-theme="light"] body.public-home .jn-auth-overlay .replica-login-modal :is(.jn-auth-logo,.jn-auth-subtitle,.jn-auth-tabs,.jn-auth-form,.jn-code-row,.jn-third-grid), body.public-home.jn-light-mode .jn-auth-overlay .replica-login-modal :is(.jn-auth-logo,.jn-auth-subtitle,.jn-auth-tabs,.jn-auth-form,.jn-code-row,.jn-third-grid), body.public-home[data-theme="light"] .jn-auth-overlay .replica-login-modal :is(.jn-auth-logo,.jn-auth-subtitle,.jn-auth-tabs,.jn-auth-form,.jn-code-row,.jn-third-grid){ background:#0b1018!important; background-image:none!important; color:#f8fafc!important; border-color:rgba(148,163,184,.18)!important; box-shadow:none!important; } body.public-home .jn-auth-overlay .replica-login-modal .jn-auth-logo, html.jn-light-mode body.public-home .jn-auth-overlay .replica-login-modal .jn-auth-logo, html[data-theme="light"] body.public-home .jn-auth-overlay .replica-login-modal .jn-auth-logo, body.public-home.jn-light-mode .jn-auth-overlay .replica-login-modal .jn-auth-logo, body.public-home[data-theme="light"] .jn-auth-overlay .replica-login-modal .jn-auth-logo, body.public-home .jn-auth-overlay .replica-login-modal .jn-auth-subtitle, html.jn-light-mode body.public-home .jn-auth-overlay .replica-login-modal .jn-auth-subtitle, html[data-theme="light"] body.public-home .jn-auth-overlay .replica-login-modal .jn-auth-subtitle, body.public-home.jn-light-mode .jn-auth-overlay .replica-login-modal .jn-auth-subtitle, body.public-home[data-theme="light"] .jn-auth-overlay .replica-login-modal .jn-auth-subtitle{ background:transparent!important; border:0!important; } body.public-home .jn-auth-overlay .replica-login-modal :is(.jn-auth-logo span,.jn-auth-form span,.jn-agree span,.jn-third-title,b,label), html.jn-light-mode body.public-home .jn-auth-overlay .replica-login-modal :is(.jn-auth-logo span,.jn-auth-form span,.jn-agree span,.jn-third-title,b,label), html[data-theme="light"] body.public-home .jn-auth-overlay .replica-login-modal :is(.jn-auth-logo span,.jn-auth-form span,.jn-agree span,.jn-third-title,b,label), body.public-home.jn-light-mode .jn-auth-overlay .replica-login-modal :is(.jn-auth-logo span,.jn-auth-form span,.jn-agree span,.jn-third-title,b,label), body.public-home[data-theme="light"] .jn-auth-overlay .replica-login-modal :is(.jn-auth-logo span,.jn-auth-form span,.jn-agree span,.jn-third-title,b,label){ color:#f8fafc!important; -webkit-text-fill-color:#f8fafc!important; } body.public-home .jn-auth-overlay .replica-login-modal :is(.jn-auth-subtitle,.jn-agree), html.jn-light-mode body.public-home .jn-auth-overlay .replica-login-modal :is(.jn-auth-subtitle,.jn-agree), html[data-theme="light"] body.public-home .jn-auth-overlay .replica-login-modal :is(.jn-auth-subtitle,.jn-agree), body.public-home.jn-light-mode .jn-auth-overlay .replica-login-modal :is(.jn-auth-subtitle,.jn-agree), body.public-home[data-theme="light"] .jn-auth-overlay .replica-login-modal :is(.jn-auth-subtitle,.jn-agree){ color:#9aa7bd!important; -webkit-text-fill-color:#9aa7bd!important; } body.public-home .jn-auth-overlay .replica-login-modal input:not([type="checkbox"]):not([type="radio"]), html.jn-light-mode body.public-home .jn-auth-overlay .replica-login-modal input:not([type="checkbox"]):not([type="radio"]), html[data-theme="light"] body.public-home .jn-auth-overlay .replica-login-modal input:not([type="checkbox"]):not([type="radio"]), body.public-home.jn-light-mode .jn-auth-overlay .replica-login-modal input:not([type="checkbox"]):not([type="radio"]), body.public-home[data-theme="light"] .jn-auth-overlay .replica-login-modal input:not([type="checkbox"]):not([type="radio"]){ background:#070b12!important; color:#f8fafc!important; -webkit-text-fill-color:#f8fafc!important; border-color:rgba(148,163,184,.22)!important; box-shadow:none!important; } body.public-home .jn-auth-overlay .replica-login-modal :is(.jn-code-row button,.jn-auth-submit,.jn-modal-close), html.jn-light-mode body.public-home .jn-auth-overlay .replica-login-modal :is(.jn-code-row button,.jn-auth-submit,.jn-modal-close), html[data-theme="light"] body.public-home .jn-auth-overlay .replica-login-modal :is(.jn-code-row button,.jn-auth-submit,.jn-modal-close), body.public-home.jn-light-mode .jn-auth-overlay .replica-login-modal :is(.jn-code-row button,.jn-auth-submit,.jn-modal-close), body.public-home[data-theme="light"] .jn-auth-overlay .replica-login-modal :is(.jn-code-row button,.jn-auth-submit,.jn-modal-close){ background:#151b25!important; background-image:none!important; color:#fff!important; -webkit-text-fill-color:#fff!important; border-color:rgba(148,163,184,.22)!important; box-shadow:none!important; } body.public-home .jn-auth-overlay .replica-login-modal .jn-social-login-icon::before{ content:none!important; } body.public-home .jn-auth-overlay .replica-login-modal .jn-social-login-icon svg{ width:100%!important; height:100%!important; display:block!important; } /* 2026-06-17: compact login modal and backend social login buttons */ body.public-home .jn-auth-modal.replica-login-modal{ width:min(372px,calc(100vw - 30px))!important; max-height:calc(100dvh - 28px)!important; padding:0 0 14px!important; border-radius:14px!important; overflow:auto!important; } body.public-home .replica-login-modal .jn-modal-close{ top:9px!important; right:9px!important; width:28px!important; height:28px!important; border-radius:8px!important; font-size:17px!important; line-height:28px!important; } body.public-home .replica-login-modal .jn-auth-logo{ margin:0!important; padding:20px 18px 7px!important; gap:7px!important; } body.public-home .replica-login-modal .jn-auth-logo img{ width:40px!important; height:40px!important; border-radius:10px!important; } body.public-home .replica-login-modal .jn-auth-logo span{ font-size:19px!important; line-height:1.15!important; letter-spacing:0!important; } body.public-home .replica-login-modal .jn-auth-subtitle{ margin:0!important; padding:0 20px 12px!important; font-size:12px!important; line-height:1.42!important; } body.public-home .replica-login-modal .jn-auth-tabs{ margin:0 16px 10px!important; padding:3px!important; gap:4px!important; border-radius:9px!important; } body.public-home .replica-login-modal .jn-auth-tabs button{ height:31px!important; min-height:31px!important; border-radius:7px!important; font-size:11.5px!important; font-weight:850!important; padding:0 4px!important; } body.public-home .replica-login-modal .jn-auth-form{ padding:0 16px!important; gap:8px!important; } body.public-home .replica-login-modal .jn-auth-form label, body.public-home .replica-login-modal .jn-code-row label, body.public-home .replica-login-modal .jn-captcha-row label{ gap:4px!important; font-size:11.5px!important; line-height:1.22!important; } body.public-home .replica-login-modal .jn-auth-form input{ height:35px!important; min-height:35px!important; border-radius:8px!important; padding:0 10px!important; font-size:12.5px!important; } body.public-home .replica-login-modal .jn-code-row, body.public-home .replica-login-modal .jn-captcha-row{ grid-template-columns:minmax(0,1fr) 90px!important; gap:7px!important; } body.public-home .replica-login-modal .jn-code-row button, body.public-home .replica-login-modal .jn-captcha{ height:35px!important; min-height:35px!important; border-radius:8px!important; font-size:11.5px!important; padding:0 6px!important; } body.public-home .replica-login-modal .jn-captcha{ font-size:14px!important; letter-spacing:1px!important; } body.public-home .replica-login-modal .jn-auth-submit{ height:38px!important; min-height:38px!important; border-radius:9px!important; font-size:13px!important; margin-top:0!important; } body.public-home .replica-login-modal .jn-agree{ margin:0!important; padding:0 2px!important; gap:6px!important; font-size:10.5px!important; line-height:1.35!important; } body.public-home .replica-login-modal .jn-agree input{ width:12px!important; height:12px!important; min-width:12px!important; } body.public-home .replica-login-modal .jn-third-title{ margin:10px 16px 8px!important; font-size:10.8px!important; line-height:1.2!important; } body.public-home .replica-login-modal .jn-third-grid.jn-third-reserved{ display:grid!important; grid-template-columns:repeat(3,minmax(0,1fr))!important; gap:7px!important; padding:0 16px 2px!important; } body.public-home .replica-login-modal .jn-third-grid.jn-third-reserved[data-count="1"]{ grid-template-columns:1fr!important; } body.public-home .replica-login-modal .jn-third-grid.jn-third-reserved[data-count="2"]{ grid-template-columns:repeat(2,minmax(0,1fr))!important; } body.public-home .replica-login-modal .jn-social-login-btn{ min-width:0!important; min-height:34px!important; display:flex!important; align-items:center!important; justify-content:center!important; gap:6px!important; border:1px solid rgba(148,163,184,.22)!important; border-radius:9px!important; background:rgba(255,255,255,.06)!important; color:#edf4ff!important; text-decoration:none!important; font-size:11.5px!important; font-weight:850!important; line-height:1.2!important; box-shadow:none!important; transition:transform .16s ease,border-color .16s ease,background .16s ease!important; } body.public-home .replica-login-modal .jn-social-login-btn:hover{ transform:translateY(-1px)!important; border-color:rgba(96,165,250,.46)!important; background:rgba(96,165,250,.13)!important; } body.public-home .replica-login-modal .jn-social-login-btn b{ min-width:0!important; overflow:hidden!important; text-overflow:ellipsis!important; white-space:nowrap!important; color:inherit!important; font:inherit!important; } body.public-home .replica-login-modal .jn-social-login-icon{ width:18px!important; height:18px!important; flex:0 0 18px!important; display:grid!important; place-items:center!important; border-radius:6px!important; background:linear-gradient(135deg,#2563eb,#06b6d4)!important; color:#fff!important; -webkit-text-fill-color:#fff!important; font-size:9.5px!important; font-weight:950!important; line-height:1!important; } body.public-home .replica-login-modal .jn-social-login-icon::before{ content:attr(data-icon); } body.public-home .replica-login-modal .jn-social-login-btn.is-qq .jn-social-login-icon{ background:transparent!important; color:inherit!important; -webkit-text-fill-color:initial!important; border-radius:0!important; overflow:visible!important; } body.public-home .replica-login-modal .jn-social-login-btn.is-qq .jn-social-login-icon::before{ content:none!important; } body.public-home .replica-login-modal .jn-social-login-btn.is-qq .jn-social-login-icon img{ width:100%!important; height:100%!important; display:block!important; object-fit:contain!important; } body.public-home .replica-login-modal .jn-social-login-btn.is-wx .jn-social-login-icon, body.public-home .replica-login-modal .jn-social-login-btn.is-wechat .jn-social-login-icon{background:linear-gradient(135deg,#10b981,#22c55e)!important} body.public-home .replica-login-modal .jn-social-login-btn.is-alipay .jn-social-login-icon{background:linear-gradient(135deg,#1677ff,#06b6d4)!important} body.public-home .replica-login-modal .jn-social-login-btn.is-sina .jn-social-login-icon{background:linear-gradient(135deg,#ef4444,#f97316)!important} body.public-home .replica-login-modal .jn-social-login-btn.is-bilibili .jn-social-login-icon{background:linear-gradient(135deg,#fb7299,#60a5fa)!important} html.jn-light-mode body.public-home .replica-login-modal .jn-social-login-btn, html[data-theme="light"] body.public-home .replica-login-modal .jn-social-login-btn, body.public-home.jn-light-mode .replica-login-modal .jn-social-login-btn, body.public-home[data-theme="light"] .replica-login-modal .jn-social-login-btn{ background:#fff!important; color:#0f172a!important; -webkit-text-fill-color:#0f172a!important; border-color:rgba(15,23,42,.12)!important; box-shadow:0 8px 18px rgba(15,23,42,.04)!important; } html.jn-light-mode body.public-home .replica-login-modal .jn-social-login-btn:hover, html[data-theme="light"] body.public-home .replica-login-modal .jn-social-login-btn:hover, body.public-home.jn-light-mode .replica-login-modal .jn-social-login-btn:hover, body.public-home[data-theme="light"] .replica-login-modal .jn-social-login-btn:hover{ background:#f8fafc!important; border-color:rgba(37,99,235,.24)!important; } html.jn-light-mode body.public-home .replica-login-modal .jn-social-login-btn b, html[data-theme="light"] body.public-home .replica-login-modal .jn-social-login-btn b, body.public-home.jn-light-mode .replica-login-modal .jn-social-login-btn b, body.public-home[data-theme="light"] .replica-login-modal .jn-social-login-btn b{ color:#0f172a!important; -webkit-text-fill-color:#0f172a!important; } @media(max-width:620px){ body.public-home .jn-auth-overlay{ align-items:center!important; justify-content:center!important; padding:8px!important; } body.public-home .jn-auth-modal.replica-login-modal{ width:min(330px,calc(100vw - 16px))!important; max-height:calc(100svh - 16px)!important; border-radius:14px!important; } body.public-home .replica-login-modal .jn-auth-logo{ min-height:0!important; padding:16px 18px 6px!important; } body.public-home .replica-login-modal .jn-auth-logo img{ width:34px!important; height:34px!important; } body.public-home .replica-login-modal .jn-auth-logo span{ font-size:16px!important; line-height:19px!important; } body.public-home .replica-login-modal .jn-auth-subtitle{ padding:0 16px 10px!important; font-size:11px!important; } body.public-home .replica-login-modal .jn-auth-tabs{ margin:0 12px 8px!important; } body.public-home .replica-login-modal .jn-auth-tabs button{ height:29px!important; min-height:29px!important; font-size:10.8px!important; } body.public-home .replica-login-modal .jn-auth-form{ padding:0 12px!important; gap:7px!important; } body.public-home .replica-login-modal .jn-auth-form input, body.public-home .replica-login-modal .jn-code-row button, body.public-home .replica-login-modal .jn-captcha{ height:32px!important; min-height:32px!important; } body.public-home .replica-login-modal .jn-code-row, body.public-home .replica-login-modal .jn-captcha-row{ grid-template-columns:minmax(0,1fr) 84px!important; gap:6px!important; } body.public-home .replica-login-modal .jn-auth-submit{ height:35px!important; min-height:35px!important; } body.public-home .replica-login-modal .jn-third-title{ margin:8px 12px 7px!important; } body.public-home .replica-login-modal .jn-third-grid.jn-third-reserved{ padding:0 12px 0!important; gap:6px!important; grid-template-columns:repeat(2,minmax(0,1fr))!important; } body.public-home .replica-login-modal .jn-third-grid.jn-third-reserved[data-count="1"]{ grid-template-columns:1fr!important; } body.public-home .replica-login-modal .jn-social-login-btn{ min-height:32px!important; font-size:10.6px!important; } } @media(max-width:370px){ body.public-home .jn-auth-modal.replica-login-modal{ width:calc(100vw - 12px)!important; max-height:calc(100svh - 12px)!important; } body.public-home .replica-login-modal .jn-auth-tabs button{ font-size:10.2px!important; } body.public-home .replica-login-modal .jn-third-grid.jn-third-reserved{ grid-template-columns:1fr!important; } } /* 2026-06-16 end-cap: public home auth/support modals in light mode */ html.jn-light-mode body.public-home :is(.customer-modal-overlay,.jn-auth-overlay,.account-bind-overlay), html[data-theme="light"] body.public-home :is(.customer-modal-overlay,.jn-auth-overlay,.account-bind-overlay), body.public-home.jn-light-mode :is(.customer-modal-overlay,.jn-auth-overlay,.account-bind-overlay), body.public-home[data-theme="light"] :is(.customer-modal-overlay,.jn-auth-overlay,.account-bind-overlay){ background:rgba(241,245,249,.82)!important; background-image:none!important; color:#0f172a!important; backdrop-filter:blur(10px)!important; -webkit-backdrop-filter:blur(10px)!important; } html.jn-light-mode body.public-home :is(.customer-modal,.replica-customer-modal,.jn-auth-modal,.replica-login-modal,.account-bind-modal), html[data-theme="light"] body.public-home :is(.customer-modal,.replica-customer-modal,.jn-auth-modal,.replica-login-modal,.account-bind-modal), body.public-home.jn-light-mode :is(.customer-modal,.replica-customer-modal,.jn-auth-modal,.replica-login-modal,.account-bind-modal), body.public-home[data-theme="light"] :is(.customer-modal,.replica-customer-modal,.jn-auth-modal,.replica-login-modal,.account-bind-modal){ background:#fff!important; background-image:none!important; color:#0f172a!important; border-color:rgba(15,23,42,.12)!important; box-shadow:0 28px 80px rgba(15,23,42,.16)!important; text-shadow:none!important; color-scheme:light!important; backdrop-filter:none!important; -webkit-backdrop-filter:none!important; } html.jn-light-mode body.public-home :is(.replica-customer-modal,.replica-login-modal,.account-bind-modal)::before, html[data-theme="light"] body.public-home :is(.replica-customer-modal,.replica-login-modal,.account-bind-modal)::before, body.public-home.jn-light-mode :is(.replica-customer-modal,.replica-login-modal,.account-bind-modal)::before, body.public-home[data-theme="light"] :is(.replica-customer-modal,.replica-login-modal,.account-bind-modal)::before{ background:linear-gradient(135deg,rgba(37,99,235,.12),rgba(6,182,212,.10),rgba(16,185,129,.08))!important; opacity:1!important; } html.jn-light-mode body.public-home :is(.service-modal-head,.replica-login-modal .jn-auth-logo,.replica-login-modal .jn-auth-subtitle,.account-bind-modal .bind-head), html[data-theme="light"] body.public-home :is(.service-modal-head,.replica-login-modal .jn-auth-logo,.replica-login-modal .jn-auth-subtitle,.account-bind-modal .bind-head), body.public-home.jn-light-mode :is(.service-modal-head,.replica-login-modal .jn-auth-logo,.replica-login-modal .jn-auth-subtitle,.account-bind-modal .bind-head), body.public-home[data-theme="light"] :is(.service-modal-head,.replica-login-modal .jn-auth-logo,.replica-login-modal .jn-auth-subtitle,.account-bind-modal .bind-head){ background:#fff!important; background-image:linear-gradient(180deg,#fff,#f1f7ff)!important; color:#0f172a!important; border-color:rgba(15,23,42,.10)!important; box-shadow:none!important; } html.jn-light-mode body.public-home :is(.service-online-card,.service-card,.service-qr-frame,.replica-login-modal .jn-auth-tabs,.replica-login-modal .jn-auth-form,.replica-login-modal .jn-code-row,.replica-login-modal .jn-captcha-row,.replica-login-modal .jn-third-grid,.account-bind-modal .bind-form), html[data-theme="light"] body.public-home :is(.service-online-card,.service-card,.service-qr-frame,.replica-login-modal .jn-auth-tabs,.replica-login-modal .jn-auth-form,.replica-login-modal .jn-code-row,.replica-login-modal .jn-captcha-row,.replica-login-modal .jn-third-grid,.account-bind-modal .bind-form), body.public-home.jn-light-mode :is(.service-online-card,.service-card,.service-qr-frame,.replica-login-modal .jn-auth-tabs,.replica-login-modal .jn-auth-form,.replica-login-modal .jn-code-row,.replica-login-modal .jn-captcha-row,.replica-login-modal .jn-third-grid,.account-bind-modal .bind-form), body.public-home[data-theme="light"] :is(.service-online-card,.service-card,.service-qr-frame,.replica-login-modal .jn-auth-tabs,.replica-login-modal .jn-auth-form,.replica-login-modal .jn-code-row,.replica-login-modal .jn-captcha-row,.replica-login-modal .jn-third-grid,.account-bind-modal .bind-form){ background:#f8fafc!important; background-image:none!important; color:#0f172a!important; border-color:rgba(15,23,42,.10)!important; box-shadow:none!important; text-shadow:none!important; } html.jn-light-mode body.public-home :is(.customer-modal,.replica-customer-modal,.jn-auth-modal,.replica-login-modal,.account-bind-modal) :is(h1,h2,h3,h4,strong,b,label,.jn-auth-logo span,.bind-head strong), html[data-theme="light"] body.public-home :is(.customer-modal,.replica-customer-modal,.jn-auth-modal,.replica-login-modal,.account-bind-modal) :is(h1,h2,h3,h4,strong,b,label,.jn-auth-logo span,.bind-head strong), body.public-home.jn-light-mode :is(.customer-modal,.replica-customer-modal,.jn-auth-modal,.replica-login-modal,.account-bind-modal) :is(h1,h2,h3,h4,strong,b,label,.jn-auth-logo span,.bind-head strong), body.public-home[data-theme="light"] :is(.customer-modal,.replica-customer-modal,.jn-auth-modal,.replica-login-modal,.account-bind-modal) :is(h1,h2,h3,h4,strong,b,label,.jn-auth-logo span,.bind-head strong){ color:#0f172a!important; -webkit-text-fill-color:currentColor!important; text-shadow:none!important; } html.jn-light-mode body.public-home :is(.customer-modal,.replica-customer-modal,.jn-auth-modal,.replica-login-modal,.account-bind-modal) :is(p,span,small,em,.jn-auth-subtitle,.jn-agree,.jn-third-title,.jn-forgot,.bind-head p,.bind-head span), html[data-theme="light"] body.public-home :is(.customer-modal,.replica-customer-modal,.jn-auth-modal,.replica-login-modal,.account-bind-modal) :is(p,span,small,em,.jn-auth-subtitle,.jn-agree,.jn-third-title,.jn-forgot,.bind-head p,.bind-head span), body.public-home.jn-light-mode :is(.customer-modal,.replica-customer-modal,.jn-auth-modal,.replica-login-modal,.account-bind-modal) :is(p,span,small,em,.jn-auth-subtitle,.jn-agree,.jn-third-title,.jn-forgot,.bind-head p,.bind-head span), body.public-home[data-theme="light"] :is(.customer-modal,.replica-customer-modal,.jn-auth-modal,.replica-login-modal,.account-bind-modal) :is(p,span,small,em,.jn-auth-subtitle,.jn-agree,.jn-third-title,.jn-forgot,.bind-head p,.bind-head span){ color:#64748b!important; -webkit-text-fill-color:currentColor!important; text-shadow:none!important; } html.jn-light-mode body.public-home :is(.jn-auth-modal input:not([type="checkbox"]):not([type="radio"]),.account-bind-modal input:not([type="checkbox"]):not([type="radio"])), html[data-theme="light"] body.public-home :is(.jn-auth-modal input:not([type="checkbox"]):not([type="radio"]),.account-bind-modal input:not([type="checkbox"]):not([type="radio"])), body.public-home.jn-light-mode :is(.jn-auth-modal input:not([type="checkbox"]):not([type="radio"]),.account-bind-modal input:not([type="checkbox"]):not([type="radio"])), body.public-home[data-theme="light"] :is(.jn-auth-modal input:not([type="checkbox"]):not([type="radio"]),.account-bind-modal input:not([type="checkbox"]):not([type="radio"])){ background:#fff!important; color:#0f172a!important; -webkit-text-fill-color:currentColor!important; border-color:rgba(15,23,42,.14)!important; box-shadow:none!important; } html.jn-light-mode body.public-home :is(.jn-modal-close,.customer-modal-close,.jn-code-row button,.jn-captcha,.bind-skip,.jn-third-grid button), html[data-theme="light"] body.public-home :is(.jn-modal-close,.customer-modal-close,.jn-code-row button,.jn-captcha,.bind-skip,.jn-third-grid button), body.public-home.jn-light-mode :is(.jn-modal-close,.customer-modal-close,.jn-code-row button,.jn-captcha,.bind-skip,.jn-third-grid button), body.public-home[data-theme="light"] :is(.jn-modal-close,.customer-modal-close,.jn-code-row button,.jn-captcha,.bind-skip,.jn-third-grid button){ background:#eef2f7!important; background-image:none!important; color:#0f172a!important; -webkit-text-fill-color:currentColor!important; border-color:rgba(15,23,42,.12)!important; box-shadow:none!important; } html.jn-light-mode body.public-home :is(.jn-auth-submit,.replica-customer-modal .service-actions-single a), html[data-theme="light"] body.public-home :is(.jn-auth-submit,.replica-customer-modal .service-actions-single a), body.public-home.jn-light-mode :is(.jn-auth-submit,.replica-customer-modal .service-actions-single a), body.public-home[data-theme="light"] :is(.jn-auth-submit,.replica-customer-modal .service-actions-single a){ background:#2563eb!important; background-image:linear-gradient(135deg,#2563eb,#06b6d4)!important; border-color:transparent!important; color:#fff!important; -webkit-text-fill-color:#fff!important; box-shadow:0 14px 30px rgba(37,99,235,.22)!important; } /* 2026-06-16 public-home modal end-cap */ html.jn-light-mode body.public-home :is(.customer-modal-overlay,.jn-auth-overlay,.account-bind-overlay), body.public-home.jn-light-mode :is(.customer-modal-overlay,.jn-auth-overlay,.account-bind-overlay), html[data-theme="light"] body.public-home :is(.customer-modal-overlay,.jn-auth-overlay,.account-bind-overlay){ background:rgba(241,245,249,.82)!important; background-image:none!important; color:#0f172a!important; backdrop-filter:blur(10px)!important; -webkit-backdrop-filter:blur(10px)!important; } html.jn-light-mode body.public-home :is(.customer-modal,.replica-customer-modal,.jn-auth-modal,.replica-login-modal,.account-bind-modal), body.public-home.jn-light-mode :is(.customer-modal,.replica-customer-modal,.jn-auth-modal,.replica-login-modal,.account-bind-modal), html[data-theme="light"] body.public-home :is(.customer-modal,.replica-customer-modal,.jn-auth-modal,.replica-login-modal,.account-bind-modal){ background:#fff!important; background-image:none!important; color:#0f172a!important; border-color:rgba(15,23,42,.12)!important; box-shadow:0 28px 80px rgba(15,23,42,.16)!important; text-shadow:none!important; color-scheme:light!important; backdrop-filter:none!important; -webkit-backdrop-filter:none!important; } html.jn-light-mode body.public-home :is(.service-modal-head,.replica-login-modal .jn-auth-logo,.replica-login-modal .jn-auth-subtitle,.account-bind-modal .bind-head), body.public-home.jn-light-mode :is(.service-modal-head,.replica-login-modal .jn-auth-logo,.replica-login-modal .jn-auth-subtitle,.account-bind-modal .bind-head), html[data-theme="light"] body.public-home :is(.service-modal-head,.replica-login-modal .jn-auth-logo,.replica-login-modal .jn-auth-subtitle,.account-bind-modal .bind-head){ background:#fff!important; background-image:linear-gradient(180deg,#fff,#f1f7ff)!important; color:#0f172a!important; border-color:rgba(15,23,42,.10)!important; box-shadow:none!important; } html.jn-light-mode body.public-home :is(.service-online-card,.service-card,.service-qr-frame,.replica-login-modal .jn-auth-tabs,.replica-login-modal .jn-auth-form,.replica-login-modal .jn-code-row,.replica-login-modal .jn-captcha-row,.replica-login-modal .jn-third-grid,.replica-login-modal .jn-third-reserved,.replica-login-modal .third-unconfigured,.account-bind-modal .bind-form), body.public-home.jn-light-mode :is(.service-online-card,.service-card,.service-qr-frame,.replica-login-modal .jn-auth-tabs,.replica-login-modal .jn-auth-form,.replica-login-modal .jn-code-row,.replica-login-modal .jn-captcha-row,.replica-login-modal .jn-third-grid,.replica-login-modal .jn-third-reserved,.replica-login-modal .third-unconfigured,.account-bind-modal .bind-form), html[data-theme="light"] body.public-home :is(.service-online-card,.service-card,.service-qr-frame,.replica-login-modal .jn-auth-tabs,.replica-login-modal .jn-auth-form,.replica-login-modal .jn-code-row,.replica-login-modal .jn-captcha-row,.replica-login-modal .jn-third-grid,.replica-login-modal .jn-third-reserved,.replica-login-modal .third-unconfigured,.account-bind-modal .bind-form){ background:#f8fafc!important; background-image:none!important; color:#0f172a!important; border-color:rgba(15,23,42,.10)!important; box-shadow:none!important; text-shadow:none!important; } html.jn-light-mode body.public-home :is(.customer-modal,.replica-customer-modal,.jn-auth-modal,.replica-login-modal,.account-bind-modal) :is(h1,h2,h3,h4,strong,b,label,.jn-auth-logo span,.bind-head strong,.service-online-card strong), body.public-home.jn-light-mode :is(.customer-modal,.replica-customer-modal,.jn-auth-modal,.replica-login-modal,.account-bind-modal) :is(h1,h2,h3,h4,strong,b,label,.jn-auth-logo span,.bind-head strong,.service-online-card strong), html[data-theme="light"] body.public-home :is(.customer-modal,.replica-customer-modal,.jn-auth-modal,.replica-login-modal,.account-bind-modal) :is(h1,h2,h3,h4,strong,b,label,.jn-auth-logo span,.bind-head strong,.service-online-card strong){ color:#0f172a!important; -webkit-text-fill-color:currentColor!important; text-shadow:none!important; } html.jn-light-mode body.public-home :is(.customer-modal,.replica-customer-modal,.jn-auth-modal,.replica-login-modal,.account-bind-modal) :is(p,small,span,em,.jn-auth-subtitle,.jn-agree,.jn-third-title,.jn-forgot,.bind-head p,.bind-head span,.service-modal-head p), body.public-home.jn-light-mode :is(.customer-modal,.replica-customer-modal,.jn-auth-modal,.replica-login-modal,.account-bind-modal) :is(p,small,span,em,.jn-auth-subtitle,.jn-agree,.jn-third-title,.jn-forgot,.bind-head p,.bind-head span,.service-modal-head p), html[data-theme="light"] body.public-home :is(.customer-modal,.replica-customer-modal,.jn-auth-modal,.replica-login-modal,.account-bind-modal) :is(p,small,span,em,.jn-auth-subtitle,.jn-agree,.jn-third-title,.jn-forgot,.bind-head p,.bind-head span,.service-modal-head p){ color:#64748b!important; -webkit-text-fill-color:currentColor!important; text-shadow:none!important; } html.jn-light-mode body.public-home :is(.jn-auth-modal,.account-bind-modal) input:not([type="checkbox"]):not([type="radio"]), body.public-home.jn-light-mode :is(.jn-auth-modal,.account-bind-modal) input:not([type="checkbox"]):not([type="radio"]), html[data-theme="light"] body.public-home :is(.jn-auth-modal,.account-bind-modal) input:not([type="checkbox"]):not([type="radio"]){ background:#fff!important; color:#0f172a!important; -webkit-text-fill-color:currentColor!important; border-color:rgba(15,23,42,.14)!important; box-shadow:none!important; } html.jn-light-mode body.public-home :is(.jn-modal-close,.customer-modal-close,.jn-code-row button,.jn-captcha,.bind-skip,.jn-third-grid button,.third-unconfigured), body.public-home.jn-light-mode :is(.jn-modal-close,.customer-modal-close,.jn-code-row button,.jn-captcha,.bind-skip,.jn-third-grid button,.third-unconfigured), html[data-theme="light"] body.public-home :is(.jn-modal-close,.customer-modal-close,.jn-code-row button,.jn-captcha,.bind-skip,.jn-third-grid button,.third-unconfigured){ background:#eef2f7!important; background-image:none!important; color:#0f172a!important; -webkit-text-fill-color:currentColor!important; border-color:rgba(15,23,42,.12)!important; box-shadow:none!important; } html.jn-light-mode body.public-home :is(.jn-auth-submit,.replica-customer-modal .service-actions-single a), body.public-home.jn-light-mode :is(.jn-auth-submit,.replica-customer-modal .service-actions-single a), html[data-theme="light"] body.public-home :is(.jn-auth-submit,.replica-customer-modal .service-actions-single a){ background:#2563eb!important; background-image:linear-gradient(135deg,#2563eb,#06b6d4)!important; border-color:transparent!important; color:#fff!important; -webkit-text-fill-color:#fff!important; box-shadow:0 14px 30px rgba(37,99,235,.22)!important; } /* 2026-06-16 true-final public-home light modal readability */ html.jn-light-mode body.public-home :is(.customer-modal-overlay,.jn-auth-overlay,.account-bind-overlay), body.public-home.jn-light-mode :is(.customer-modal-overlay,.jn-auth-overlay,.account-bind-overlay), html[data-theme="light"] body.public-home :is(.customer-modal-overlay,.jn-auth-overlay,.account-bind-overlay){ background:rgba(241,245,249,.82)!important; background-image:none!important; color:#0f172a!important; backdrop-filter:blur(10px)!important; -webkit-backdrop-filter:blur(10px)!important; } html.jn-light-mode body.public-home :is(.customer-modal,.replica-customer-modal,.jn-auth-modal,.replica-login-modal,.account-bind-modal), body.public-home.jn-light-mode :is(.customer-modal,.replica-customer-modal,.jn-auth-modal,.replica-login-modal,.account-bind-modal), html[data-theme="light"] body.public-home :is(.customer-modal,.replica-customer-modal,.jn-auth-modal,.replica-login-modal,.account-bind-modal){ background:#fff!important; background-image:none!important; color:#0f172a!important; border-color:rgba(15,23,42,.12)!important; box-shadow:0 28px 80px rgba(15,23,42,.16)!important; text-shadow:none!important; color-scheme:light!important; backdrop-filter:none!important; -webkit-backdrop-filter:none!important; } html.jn-light-mode body.public-home :is(.service-modal-head,.replica-login-modal .jn-auth-logo,.replica-login-modal .jn-auth-subtitle,.account-bind-modal .bind-head), body.public-home.jn-light-mode :is(.service-modal-head,.replica-login-modal .jn-auth-logo,.replica-login-modal .jn-auth-subtitle,.account-bind-modal .bind-head), html[data-theme="light"] body.public-home :is(.service-modal-head,.replica-login-modal .jn-auth-logo,.replica-login-modal .jn-auth-subtitle,.account-bind-modal .bind-head){ background:linear-gradient(180deg,#fff,#f1f7ff)!important; background-image:linear-gradient(180deg,#fff,#f1f7ff)!important; color:#0f172a!important; border-color:rgba(15,23,42,.10)!important; box-shadow:none!important; } html.jn-light-mode body.public-home :is(.service-online-card,.service-card,.service-qr-frame,.replica-login-modal .jn-auth-tabs,.replica-login-modal .jn-auth-form,.replica-login-modal .jn-code-row,.replica-login-modal .jn-captcha-row,.replica-login-modal .jn-third-grid,.replica-login-modal .jn-third-reserved,.replica-login-modal .third-unconfigured,.account-bind-modal .bind-form), body.public-home.jn-light-mode :is(.service-online-card,.service-card,.service-qr-frame,.replica-login-modal .jn-auth-tabs,.replica-login-modal .jn-auth-form,.replica-login-modal .jn-code-row,.replica-login-modal .jn-captcha-row,.replica-login-modal .jn-third-grid,.replica-login-modal .jn-third-reserved,.replica-login-modal .third-unconfigured,.account-bind-modal .bind-form), html[data-theme="light"] body.public-home :is(.service-online-card,.service-card,.service-qr-frame,.replica-login-modal .jn-auth-tabs,.replica-login-modal .jn-auth-form,.replica-login-modal .jn-code-row,.replica-login-modal .jn-captcha-row,.replica-login-modal .jn-third-grid,.replica-login-modal .jn-third-reserved,.replica-login-modal .third-unconfigured,.account-bind-modal .bind-form){ background:#f8fafc!important; background-image:none!important; color:#0f172a!important; border-color:rgba(15,23,42,.10)!important; box-shadow:none!important; text-shadow:none!important; } html.jn-light-mode body.public-home :is(.customer-modal,.replica-customer-modal,.jn-auth-modal,.replica-login-modal,.account-bind-modal) :is(h1,h2,h3,h4,strong,b,label,.jn-auth-logo span,.bind-head strong,.service-online-card strong), body.public-home.jn-light-mode :is(.customer-modal,.replica-customer-modal,.jn-auth-modal,.replica-login-modal,.account-bind-modal) :is(h1,h2,h3,h4,strong,b,label,.jn-auth-logo span,.bind-head strong,.service-online-card strong), html[data-theme="light"] body.public-home :is(.customer-modal,.replica-customer-modal,.jn-auth-modal,.replica-login-modal,.account-bind-modal) :is(h1,h2,h3,h4,strong,b,label,.jn-auth-logo span,.bind-head strong,.service-online-card strong){ color:#0f172a!important; -webkit-text-fill-color:currentColor!important; text-shadow:none!important; } html.jn-light-mode body.public-home :is(.customer-modal,.replica-customer-modal,.jn-auth-modal,.replica-login-modal,.account-bind-modal) :is(p,small,span,em,.jn-auth-subtitle,.jn-agree,.jn-third-title,.jn-forgot,.bind-head p,.bind-head span,.service-modal-head p), body.public-home.jn-light-mode :is(.customer-modal,.replica-customer-modal,.jn-auth-modal,.replica-login-modal,.account-bind-modal) :is(p,small,span,em,.jn-auth-subtitle,.jn-agree,.jn-third-title,.jn-forgot,.bind-head p,.bind-head span,.service-modal-head p), html[data-theme="light"] body.public-home :is(.customer-modal,.replica-customer-modal,.jn-auth-modal,.replica-login-modal,.account-bind-modal) :is(p,small,span,em,.jn-auth-subtitle,.jn-agree,.jn-third-title,.jn-forgot,.bind-head p,.bind-head span,.service-modal-head p){ color:#64748b!important; -webkit-text-fill-color:currentColor!important; text-shadow:none!important; } html.jn-light-mode body.public-home :is(.jn-auth-modal,.account-bind-modal) input:not([type="checkbox"]):not([type="radio"]), body.public-home.jn-light-mode :is(.jn-auth-modal,.account-bind-modal) input:not([type="checkbox"]):not([type="radio"]), html[data-theme="light"] body.public-home :is(.jn-auth-modal,.account-bind-modal) input:not([type="checkbox"]):not([type="radio"]){ background:#fff!important; color:#0f172a!important; -webkit-text-fill-color:currentColor!important; border-color:rgba(15,23,42,.14)!important; box-shadow:none!important; } html.jn-light-mode body.public-home :is(.jn-modal-close,.customer-modal-close,.jn-code-row button,.jn-captcha,.bind-skip,.jn-third-grid button,.third-unconfigured), body.public-home.jn-light-mode :is(.jn-modal-close,.customer-modal-close,.jn-code-row button,.jn-captcha,.bind-skip,.jn-third-grid button,.third-unconfigured), html[data-theme="light"] body.public-home :is(.jn-modal-close,.customer-modal-close,.jn-code-row button,.jn-captcha,.bind-skip,.jn-third-grid button,.third-unconfigured){ background:#eef2f7!important; background-image:none!important; color:#0f172a!important; -webkit-text-fill-color:currentColor!important; border-color:rgba(15,23,42,.12)!important; box-shadow:none!important; } html.jn-light-mode body.public-home :is(.jn-auth-submit,.replica-customer-modal .service-actions-single a), body.public-home.jn-light-mode :is(.jn-auth-submit,.replica-customer-modal .service-actions-single a), html[data-theme="light"] body.public-home :is(.jn-auth-submit,.replica-customer-modal .service-actions-single a){ background:#2563eb!important; background-image:linear-gradient(135deg,#2563eb,#06b6d4)!important; border-color:transparent!important; color:#fff!important; -webkit-text-fill-color:#fff!important; box-shadow:0 14px 30px rgba(37,99,235,.22)!important; } /* 2026-06-15 final home visual unity, larger breathing particles, larger model pop text */ body.public-home, html.jn-light-mode body.public-home, html[data-theme="light"] body.public-home{ --home-panel:rgba(255,255,255,.018); --home-panel-strong:rgba(255,255,255,.030); --home-line-soft:rgba(255,255,255,.075); background:#03060d!important; } body.public-home::after, html.jn-light-mode body.public-home::after, html[data-theme="light"] body.public-home::after{ z-index:2!important; background: radial-gradient(circle at 12% 18%,rgba(210,250,255,.82) 0 4.6px,transparent 7.6px), radial-gradient(circle at 32% 64%,rgba(0,229,160,.74) 0 5.2px,transparent 8.4px), radial-gradient(circle at 58% 24%,rgba(0,202,224,.80) 0 6px,transparent 9.4px), radial-gradient(circle at 82% 72%,rgba(146,116,255,.70) 0 5px,transparent 8px), radial-gradient(circle at 72% 14%,rgba(128,235,255,.78) 0 4.4px,transparent 7.4px), radial-gradient(circle at 44% 84%,rgba(223,250,255,.60) 0 4px,transparent 7px), radial-gradient(circle at 22% 42%,rgba(255,255,255,.42) 0 3.2px,transparent 6px), radial-gradient(circle at 90% 36%,rgba(0,202,224,.45) 0 3.8px,transparent 6.8px)!important; background-size:360px 280px,430px 350px,520px 420px,620px 480px,760px 560px,900px 640px,540px 460px,700px 520px!important; background-position:0 0,58px 90px,132px 40px,48px 180px,100px 54px,170px 124px,220px 40px,88px 250px!important; opacity:.66!important; animation:homeStarBreathLarge 9.5s ease-in-out infinite alternate!important; } body.public-home .home-main, body.public-home .home-hero, body.public-home .home-section, body.public-home #agents, body.public-home #platform, body.public-home #inspiration, body.public-home .home-cta, body.public-home .home-footer{ background:transparent!important; background-image:none!important; } body.public-home .agent-grid article, body.public-home .capability-grid article, body.public-home .replica-masonry article, body.public-home .home-metrics span, body.public-home .home-cta{ background:rgba(255,255,255,.018)!important; border-color:var(--home-line-soft)!important; box-shadow:inset 0 1px 0 rgba(255,255,255,.035)!important; } body.public-home .home-cta{ backdrop-filter:none!important; } body.public-home #inspiration::before, body.public-home .home-cta::before{ opacity:0!important; } body.public-home .hero-model-cards article{ width:236px!important; min-height:128px!important; padding:14px 16px!important; } body.public-home .hero-model-cards article>img{ width:32px!important; height:32px!important; } body.public-home .hero-model-cards strong{ font-size:15px!important; line-height:1.25!important; max-width:200px!important; } body.public-home .hero-model-cards p{ font-size:12px!important; line-height:1.55!important; min-height:54px!important; } @keyframes homeStarBreathLarge{ 0%{ opacity:.44; filter:brightness(.9) blur(0); background-position:0 0,58px 90px,132px 40px,48px 180px,100px 54px,170px 124px,220px 40px,88px 250px; } 50%{ opacity:.86; filter:brightness(1.28) blur(.2px); background-position:30px -24px,20px 128px,178px 8px,12px 218px,150px 18px,130px 166px,250px 10px,50px 288px; } 100%{ opacity:.56; filter:brightness(1.04) blur(0); background-position:-24px 38px,104px 46px,92px 72px,92px 140px,54px 100px,202px 78px,190px 76px,130px 210px; } } @media(max-width:760px){ body.public-home::after, html.jn-light-mode body.public-home::after, html[data-theme="light"] body.public-home::after{ background-size:280px 220px,340px 280px,420px 340px,500px 390px,600px 460px,700px 520px,430px 360px,560px 420px!important; opacity:.58!important; } } /* 2026-06-15 tiny home nav/orbit adjustment */ body.public-home .home-nav .home-start-link, body.public-home .home-nav button[data-auth-open], html.jn-light-mode body.public-home .home-nav .home-start-link, html.jn-light-mode body.public-home .home-nav button[data-auth-open], html[data-theme="light"] body.public-home .home-nav .home-start-link, html[data-theme="light"] body.public-home .home-nav button[data-auth-open]{ border-color:var(--home-line)!important; text-shadow:none!important; } @media(min-width:761px){ body.public-home .orbit-spin{ --r:min(430px,32vw)!important; } } @media(max-width:430px){ .public-home .home-hero{height:625px!important;min-height:625px!important;padding-top:0!important} .public-home .home-hero .model-cloud{top:246px!important;transform:translate(-50%,-50%) scale(.55)!important} .public-home .orbit-spin{--r:252px!important} .public-home .hero-copy{top:96px!important;width:min(318px,calc(100vw - 30px))!important;height:300px!important;min-height:300px!important} .public-home .hero-copy h1{font-size:34px!important;margin-bottom:9px!important} .public-home .hero-copy h1 span{height:40px!important;min-height:40px!important;font-size:36px!important;line-height:40px!important} .public-home .hero-actions{width:min(260px,100%)!important;height:34px!important;min-height:34px!important;margin-bottom:9px!important;grid-template-columns:1fr 1fr!important} .public-home .hero-actions .btn{height:34px!important;min-height:34px!important;font-size:12px!important} .public-home .home-metrics{width:min(286px,100%)!important;height:40px!important;min-height:40px!important;grid-template-columns:repeat(3,minmax(0,1fr))!important} .public-home .home-metrics span{height:40px!important;min-height:40px!important;font-size:9px!important;padding:4px 1px!important} .public-home .home-metrics strong{font-size:13px!important} } /* mobile inspiration ordering and compact gallery: 2026-06-09 */ @media(max-width:760px){ .public-home .home-main{display:flex!important;flex-direction:column!important} .public-home #inspiration{order:18!important;padding:40px 12px 48px!important;overflow:hidden!important} .public-home #agents{order:20!important} .public-home #platform{order:30!important} .public-home .home-cta{order:50!important} .public-home #inspiration::before{top:0!important;width:94vw!important;height:180px!important;opacity:.42!important} .public-home #inspiration .section-head{margin:0 auto 18px!important;gap:10px!important} .public-home #inspiration .eyebrow{height:24px!important;padding:0 10px!important;font-size:11px!important} .public-home #inspiration h2{margin:8px 0 4px!important;font-size:26px!important;line-height:1.12!important} .public-home #inspiration .section-head p{font-size:12.5px!important;line-height:1.45!important} .public-home #inspiration .section-head .btn{height:32px!important;padding:0 14px!important;font-size:12px!important} .public-home #inspiration .inspiration-grid.replica-masonry{ display:grid!important; grid-template-columns:repeat(2,minmax(0,1fr))!important; grid-auto-rows:5px!important; gap:8px!important; margin:0!important; } .public-home #inspiration .replica-masonry article, .public-home #inspiration .replica-masonry article.tall, .public-home #inspiration .replica-masonry article.short{ grid-row:span 25!important; min-height:0!important; padding:8px!important; border-radius:10px!important; } .public-home #inspiration .replica-masonry article.tall{grid-row:span 28!important} .public-home #inspiration .replica-masonry article.short{grid-row:span 22!important} .public-home #inspiration .replica-masonry .work-meta{gap:4px!important;margin-bottom:5px!important} .public-home #inspiration .replica-masonry .work-meta em{height:18px!important;min-width:28px!important;padding:0 5px!important;font-size:9px!important} .public-home #inspiration .replica-masonry strong{font-size:11.5px!important;line-height:1.25!important;display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important} .public-home #inspiration .replica-masonry span{margin-top:4px!important;font-size:9px!important;line-height:1.35!important;display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important} .public-home #inspiration .load-more-inspiration{min-width:136px!important;height:36px!important;margin-top:18px!important;padding:0 16px!important;font-size:12px!important} } @media(max-width:760px) and (orientation:landscape){ .public-home #inspiration{padding-top:32px!important;padding-bottom:38px!important} .public-home #inspiration .inspiration-grid.replica-masonry{grid-template-columns:repeat(2,minmax(0,1fr))!important;max-width:520px!important;margin:0 auto!important} .public-home #inspiration .replica-masonry article, .public-home #inspiration .replica-masonry article.tall, .public-home #inspiration .replica-masonry article.short{grid-row:span 20!important} .public-home #inspiration .replica-masonry span{display:none!important} } @media(max-width:430px){ .public-home #inspiration .inspiration-grid.replica-masonry{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important} .public-home #inspiration .replica-masonry article, .public-home #inspiration .replica-masonry article.tall, .public-home #inspiration .replica-masonry article.short{grid-row:span 23!important;padding:7px!important} .public-home #inspiration .replica-masonry article.tall{grid-row:span 26!important} .public-home #inspiration .replica-masonry article.short{grid-row:span 20!important} } /* mobile hero circle balance tweak: 2026-06-09 round 2 */ @media(max-width:760px){ .public-home .home-hero .model-cloud{ top:256px!important; transform:translate(-50%,-50%) scale(.62)!important; } .public-home .orbit-spin{--r:288px!important} .public-home .hero-copy{ top:98px!important; width:min(342px,calc(100vw - 28px))!important; height:326px!important; min-height:326px!important; } .public-home .hero-copy h1{margin-bottom:12px!important} .public-home .home-metrics{ order:4!important; width:min(294px,100%)!important; height:40px!important; min-height:40px!important; margin:0 0 12px!important; gap:6px!important; } .public-home .home-metrics span{ height:40px!important; min-height:40px!important; padding:4px 2px!important; border-radius:9px!important; font-size:9px!important; } .public-home .home-metrics strong{ font-size:13px!important; margin-bottom:2px!important; } .public-home .hero-actions{ order:5!important; width:auto!important; min-width:0!important; height:32px!important; min-height:32px!important; margin:0!important; display:flex!important; align-items:center!important; justify-content:center!important; gap:10px!important; } .public-home .hero-actions .btn{ width:auto!important; min-width:max-content!important; height:32px!important; min-height:32px!important; padding:0 13px!important; border-radius:999px!important; font-size:12px!important; white-space:nowrap!important; } } @media(max-width:430px){ .public-home .home-hero .model-cloud{top:250px!important;transform:translate(-50%,-50%) scale(.59)!important} .public-home .orbit-spin{--r:268px!important} .public-home .hero-copy{top:94px!important;width:min(326px,calc(100vw - 26px))!important;height:312px!important;min-height:312px!important} .public-home .home-metrics{width:min(284px,100%)!important;height:38px!important;min-height:38px!important;margin-bottom:10px!important;grid-template-columns:repeat(3,minmax(0,1fr))!important} .public-home .home-metrics span{height:38px!important;min-height:38px!important;font-size:8.8px!important;padding:4px 1px!important} .public-home .home-metrics strong{font-size:12.5px!important} .public-home .hero-actions{height:31px!important;min-height:31px!important;gap:9px!important;grid-template-columns:none!important} .public-home .hero-actions .btn{height:31px!important;min-height:31px!important;padding:0 12px!important;font-size:12px!important} } /* mobile hero browser compatibility and no model popup: 2026-06-09 round 3 */ @media(max-width:760px){ .public-home, .public-home .home-hero{ width:100%!important; max-width:100%!important; overflow-x:hidden!important; -webkit-text-size-adjust:100%; text-size-adjust:100%; } .public-home .home-hero{ height:625px!important; min-height:625px!important; min-height:min(625px,100svh)!important; -webkit-transform:translateZ(0); transform:translateZ(0); } .public-home .home-hero .model-cloud{ top:242px!important; transform:translate3d(-50%,-50%,0) scale(.62)!important; transform-origin:center center!important; } .public-home .orbit-spin{--r:288px!important} .public-home .orbit-item, .public-home .orbit-icon-wrap, .public-home .orbit-icon, .public-home .orbit-name{ pointer-events:none!important; -webkit-tap-highlight-color:transparent!important; } .public-home .orbit-item.is-extracted, .public-home .orbit-item:hover{ opacity:1!important; filter:none!important; pointer-events:none!important; } .public-home .orbit-item.is-extracted .orbit-icon-wrap, .public-home .orbit-item:hover .orbit-icon-wrap{ transform:translate(-50%,-50%) rotate(calc(-1 * var(--a)))!important; filter:none!important; } .public-home .hero-model-cards, .public-home .hero-model-cards article, .public-home .hero-model-cards article.is-active, .public-home .hero-model-cards article.from-left, .public-home .hero-model-cards article.from-right{ display:none!important; visibility:hidden!important; opacity:0!important; animation:none!important; transition:none!important; transform:none!important; pointer-events:none!important; } .public-home .hero-copy{ top:88px!important; width:min(342px,calc(100% - 28px))!important; height:326px!important; min-height:326px!important; transform:translate3d(-50%,0,0)!important; } .public-home .hero-actions{ height:36px!important; min-height:36px!important; gap:10px!important; } .public-home .hero-actions .btn{ height:36px!important; min-height:36px!important; padding:0 16px!important; font-size:13px!important; line-height:36px!important; } } @media(max-width:430px){ .public-home .home-hero{height:610px!important;min-height:610px!important;min-height:min(610px,100svh)!important} .public-home .home-hero .model-cloud{top:236px!important;transform:translate3d(-50%,-50%,0) scale(.59)!important} .public-home .hero-copy{top:84px!important;width:min(326px,calc(100% - 26px))!important;height:312px!important;min-height:312px!important} .public-home .hero-actions{height:35px!important;min-height:35px!important;gap:9px!important} .public-home .hero-actions .btn{height:35px!important;min-height:35px!important;padding:0 15px!important;font-size:12.8px!important;line-height:35px!important} } @supports not (height:100svh){ @media(max-width:760px){.public-home .home-hero{min-height:625px!important}} @media(max-width:430px){.public-home .home-hero{min-height:610px!important}} } /* mobile hero circle centered content spacing: 2026-06-09 round 4 */ @media(max-width:760px){ .public-home .hero-copy{ top:84px!important; left:50%!important; width:min(330px,calc(100% - 30px))!important; height:332px!important; min-height:332px!important; padding:0!important; display:flex!important; flex-direction:column!important; align-items:center!important; justify-content:center!important; gap:10px!important; text-align:center!important; transform:translate3d(-50%,0,0)!important; } .public-home .hero-copy .eyebrow{ order:1!important; width:max-content!important; max-width:100%!important; height:24px!important; margin:0!important; padding:0 11px!important; line-height:24px!important; text-align:center!important; justify-content:center!important; } .public-home .hero-copy h1{ order:2!important; width:100%!important; margin:0!important; padding:0!important; display:flex!important; flex-direction:column!important; align-items:center!important; justify-content:center!important; gap:5px!important; text-align:center!important; font-size:34px!important; line-height:1.03!important; } .public-home .hero-copy h1 span{ width:100%!important; height:40px!important; min-height:40px!important; margin:0!important; display:flex!important; align-items:center!important; justify-content:center!important; text-align:center!important; font-size:36px!important; line-height:40px!important; white-space:nowrap!important; } .public-home .home-metrics{ order:3!important; width:min(292px,100%)!important; height:40px!important; min-height:40px!important; margin:2px 0 0!important; display:grid!important; grid-template-columns:repeat(3,minmax(0,1fr))!important; gap:6px!important; align-items:center!important; justify-content:center!important; } .public-home .home-metrics span{ width:100%!important; height:40px!important; min-height:40px!important; margin:0!important; padding:4px 2px!important; display:flex!important; flex-direction:column!important; align-items:center!important; justify-content:center!important; text-align:center!important; } .public-home .hero-actions{ order:4!important; width:min(292px,100%)!important; height:36px!important; min-height:36px!important; margin:2px 0 0!important; display:grid!important; grid-template-columns:1fr 1fr!important; gap:10px!important; align-items:center!important; justify-content:center!important; } .public-home .hero-actions .btn{ width:100%!important; min-width:0!important; height:36px!important; min-height:36px!important; padding:0 10px!important; display:flex!important; align-items:center!important; justify-content:center!important; text-align:center!important; line-height:1!important; } } @media(max-width:430px){ .public-home .hero-copy{ top:80px!important; width:min(314px,calc(100% - 28px))!important; height:322px!important; min-height:322px!important; gap:9px!important; } .public-home .hero-copy h1{font-size:33px!important;gap:4px!important} .public-home .hero-copy h1 span{height:38px!important;min-height:38px!important;font-size:34px!important;line-height:38px!important} .public-home .home-metrics{width:min(284px,100%)!important;height:39px!important;min-height:39px!important;gap:5px!important} .public-home .home-metrics span{height:39px!important;min-height:39px!important} .public-home .hero-actions{width:min(284px,100%)!important;height:35px!important;min-height:35px!important;gap:9px!important} .public-home .hero-actions .btn{height:35px!important;min-height:35px!important;padding:0 9px!important} } /* mobile hero button frame shrink: 2026-06-09 round 5 */ @media(max-width:760px){ .public-home .hero-actions{ width:min(276px,100%)!important; height:34px!important; min-height:34px!important; gap:9px!important; } .public-home .hero-actions .btn{ height:34px!important; min-height:34px!important; padding:0 8px!important; font-size:12.6px!important; line-height:1!important; } } @media(max-width:430px){ .public-home .hero-actions{ width:min(268px,100%)!important; height:33px!important; min-height:33px!important; gap:8px!important; } .public-home .hero-actions .btn{ height:33px!important; min-height:33px!important; padding:0 7px!important; font-size:12.4px!important; } } /* mobile inspiration lift: 2026-06-09 round 6 */ @media(max-width:760px){ .public-home #inspiration{ padding-top:22px!important; margin-top:-18px!important; } } @media(max-width:430px){ .public-home #inspiration{ padding-top:18px!important; margin-top:-22px!important; } } /* mobile auth modal compact compatibility: 2026-06-09 round 7 */ @media(max-width:620px){ .jn-auth-overlay{ align-items:center!important; justify-content:center!important; padding:8px!important; overflow:auto!important; } .jn-auth-modal.replica-login-modal{ width:min(352px,calc(100vw - 16px))!important; max-height:calc(100svh - 16px)!important; border-radius:16px!important; } .replica-login-modal .jn-modal-close{ top:8px!important; right:8px!important; width:28px!important; height:28px!important; border-radius:8px!important; font-size:18px!important; } .replica-login-modal .jn-auth-logo{ padding:18px 18px 8px!important; gap:7px!important; } .replica-login-modal .jn-auth-logo img{ width:38px!important; height:38px!important; border-radius:9px!important; } .replica-login-modal .jn-auth-logo span{ font-size:18px!important; line-height:1.12!important; } .replica-login-modal .jn-auth-subtitle{ padding:0 18px 10px!important; font-size:12px!important; line-height:1.45!important; } .replica-login-modal .jn-auth-tabs{ margin:10px 12px 9px!important; padding:3px!important; gap:3px!important; border-radius:9px!important; } .replica-login-modal .jn-auth-tabs button{ height:30px!important; border-radius:7px!important; font-size:11.5px!important; font-weight:800!important; padding:0 2px!important; } .replica-login-modal .jn-auth-form{ padding:0 12px!important; gap:8px!important; } .replica-login-modal .jn-auth-form label, .replica-login-modal .jn-code-row label, .replica-login-modal .jn-captcha-row label{ gap:4px!important; font-size:11.5px!important; line-height:1.2!important; } .replica-login-modal .jn-auth-form input{ height:34px!important; min-height:34px!important; padding:0 10px!important; border-radius:7px!important; font-size:12.5px!important; } .replica-login-modal .jn-code-row, .replica-login-modal .jn-captcha-row{ grid-template-columns:minmax(0,1fr) 88px!important; gap:6px!important; } .replica-login-modal .jn-code-row button, .replica-login-modal .jn-captcha{ height:34px!important; min-height:34px!important; border-radius:7px!important; font-size:11.5px!important; padding:0 6px!important; } .replica-login-modal .jn-captcha{ font-size:14px!important; letter-spacing:1px!important; } .replica-login-modal .jn-auth-submit{ height:36px!important; min-height:36px!important; border-radius:8px!important; font-size:13px!important; margin-top:1px!important; } .replica-login-modal .jn-agree{ margin-top:0!important; padding:0 2px!important; gap:6px!important; font-size:10.5px!important; line-height:1.35!important; } .replica-login-modal .jn-agree input{ width:12px!important; height:12px!important; min-width:12px!important; } .replica-login-modal .jn-third-title{ margin:8px 12px 7px!important; font-size:10.5px!important; } .replica-login-modal .jn-third-grid.jn-third-reserved{ padding:0 12px 4px!important; gap:6px!important; grid-template-columns:repeat(2,minmax(0,1fr))!important; } .replica-login-modal .jn-third-grid.jn-third-reserved button, .replica-login-modal .third-unconfigured{ min-height:32px!important; border-radius:8px!important; font-size:10.5px!important; } .replica-login-modal .jn-third-placeholder{ height:32px!important; margin:0 12px 3px!important; border-radius:8px!important; font-size:10.5px!important; } .replica-login-modal .jn-register-benefits{ gap:4px!important; } .replica-login-modal .jn-register-benefits span{ min-height:24px!important; font-size:10px!important; border-radius:7px!important; padding:3px 5px!important; } .account-bind-overlay{ align-items:center!important; justify-content:center!important; padding:8px!important; overflow:auto!important; } .account-bind-modal{ width:min(352px,calc(100vw - 16px))!important; max-height:calc(100svh - 16px)!important; border-radius:16px!important; overflow:auto!important; } .account-bind-modal .bind-head{ padding:20px 16px 12px!important; } .account-bind-modal .bind-head span{ height:22px!important; font-size:10.5px!important; } .account-bind-modal .bind-head strong{ font-size:19px!important; } .account-bind-modal .bind-head p{ margin-top:7px!important; font-size:11.5px!important; line-height:1.45!important; } .account-bind-modal .bind-form{ padding:14px 14px 16px!important; gap:8px!important; } .account-bind-modal .bind-form label{ gap:4px!important; font-size:11.5px!important; } .account-bind-modal .bind-form input{ height:34px!important; min-height:34px!important; border-radius:7px!important; font-size:12.5px!important; padding:0 10px!important; } .account-bind-modal .jn-auth-submit, .account-bind-modal .bind-skip{ height:36px!important; min-height:36px!important; font-size:12.5px!important; } } @media(max-width:380px){ .jn-auth-modal.replica-login-modal, .account-bind-modal{ width:calc(100vw - 12px)!important; max-height:calc(100svh - 12px)!important; } .replica-login-modal .jn-auth-tabs button{font-size:10.8px!important} .replica-login-modal .jn-auth-form{gap:7px!important} .replica-login-modal .jn-code-row, .replica-login-modal .jn-captcha-row{grid-template-columns:minmax(0,1fr) 82px!important;gap:5px!important} .replica-login-modal .jn-code-row button, .replica-login-modal .jn-captcha{font-size:10.5px!important;padding:0 4px!important} } @supports not (height:100svh){ @media(max-width:620px){ .jn-auth-modal.replica-login-modal, .account-bind-modal{max-height:calc(100vh - 16px)!important} } } /* mobile hero buttons and inspiration lift: 2026-06-09 round 8 */ @media(max-width:760px){ .public-home .hero-actions{ width:min(264px,100%)!important; height:32px!important; min-height:32px!important; gap:8px!important; margin-top:0!important; } .public-home .hero-actions .btn{ height:32px!important; min-height:32px!important; padding:0 7px!important; font-size:12.2px!important; line-height:32px!important; } .public-home #inspiration{ padding-top:18px!important; margin-top:-28px!important; } } @media(max-width:430px){ .public-home .hero-actions{ width:min(258px,100%)!important; height:31px!important; min-height:31px!important; gap:7px!important; } .public-home .hero-actions .btn{ height:31px!important; min-height:31px!important; padding:0 6px!important; font-size:12px!important; line-height:31px!important; } .public-home #inspiration{ padding-top:14px!important; margin-top:-34px!important; } } /* mobile auth header name and agreement centering: 2026-06-09 round 9 */ @media(max-width:620px){ .jn-auth-modal.replica-login-modal .jn-auth-logo{ display:flex!important; flex-direction:column!important; align-items:center!important; justify-content:center!important; text-align:center!important; gap:6px!important; min-height:72px!important; padding:16px 18px 8px!important; } .jn-auth-modal.replica-login-modal .jn-auth-logo img{ display:block!important; flex:0 0 auto!important; width:38px!important; height:38px!important; } .jn-auth-modal.replica-login-modal .jn-auth-logo span{ display:block!important; width:100%!important; max-width:100%!important; min-height:20px!important; overflow:visible!important; white-space:nowrap!important; text-overflow:clip!important; color:#f8fbff!important; font-size:17px!important; line-height:20px!important; font-weight:900!important; text-align:center!important; } .jn-auth-modal.replica-login-modal .jn-agree{ display:flex!important; flex-direction:row!important; align-items:center!important; justify-content:center!important; width:100%!important; max-width:100%!important; margin:2px auto 0!important; padding:0 4px!important; gap:6px!important; text-align:center!important; line-height:1.35!important; } .jn-auth-modal.replica-login-modal .jn-agree input{ flex:0 0 12px!important; width:12px!important; height:12px!important; min-width:12px!important; margin:0!important; transform:translateY(0)!important; } .jn-auth-modal.replica-login-modal .jn-agree span{ display:inline-flex!important; align-items:center!important; justify-content:center!important; flex:0 1 auto!important; min-width:0!important; max-width:calc(100% - 20px)!important; gap:3px!important; flex-wrap:wrap!important; text-align:center!important; } .jn-auth-modal.replica-login-modal .jn-agree a{ display:inline!important; white-space:nowrap!important; } } @media(max-width:380px){ .jn-auth-modal.replica-login-modal .jn-auth-logo{ min-height:68px!important; padding-top:14px!important; } .jn-auth-modal.replica-login-modal .jn-auth-logo span{ font-size:16px!important; line-height:19px!important; } .jn-auth-modal.replica-login-modal .jn-agree{ font-size:10.2px!important; gap:5px!important; } } /* transparent modal outside frame: 2026-06-09 round 10 */ .jn-auth-overlay, .customer-modal-overlay, .account-bind-overlay{ background:transparent!important; backdrop-filter:none!important; -webkit-backdrop-filter:none!important; } @media(max-width:620px){ .jn-auth-overlay, .customer-modal-overlay, .account-bind-overlay{ background:transparent!important; backdrop-filter:none!important; -webkit-backdrop-filter:none!important; } } /* 2026-06-15 polished customer avatar */ .service-avatar.service-avatar-polished, .service-avatar{ position:relative!important; width:58px!important; height:58px!important; padding:7px!important; border-radius:18px!important; overflow:visible!important; background: radial-gradient(circle at 28% 18%,rgba(96,240,255,.38),transparent 42%), linear-gradient(145deg,rgba(15,23,42,.96),rgba(15,118,110,.72))!important; border:1px solid rgba(125,211,252,.38)!important; box-shadow: 0 16px 34px rgba(2,6,23,.30), 0 0 0 5px rgba(37,99,235,.12), inset 0 1px 0 rgba(255,255,255,.18)!important; } .service-avatar.service-avatar-polished::before, .service-avatar::before{ content:""!important; position:absolute!important; inset:-5px!important; border-radius:22px!important; background:linear-gradient(135deg,rgba(37,99,235,.46),rgba(20,184,166,.30),rgba(139,92,246,.32))!important; opacity:.48!important; filter:blur(8px)!important; z-index:-1!important; } .service-avatar.service-avatar-polished::after, .service-avatar::after{ content:""!important; position:absolute!important; right:-2px!important; bottom:-2px!important; width:14px!important; height:14px!important; border-radius:50%!important; background:#22c55e!important; border:3px solid #0b1220!important; box-shadow:0 0 16px rgba(34,197,94,.82)!important; } .service-avatar.service-avatar-polished img, .service-avatar img{ width:100%!important; height:100%!important; object-fit:contain!important; border-radius:12px!important; background:transparent!important; filter:drop-shadow(0 8px 14px rgba(0,0,0,.28))!important; } .customer-float .customer-float-icon, .top-service-btn .service-headset{ width:22px!important; height:22px!important; object-fit:contain!important; filter:drop-shadow(0 5px 10px rgba(0,0,0,.22))!important; } @media(max-width:620px){ .service-avatar.service-avatar-polished, .service-avatar{ width:54px!important; height:54px!important; border-radius:17px!important; } } /* frontend replica console shell: 2026-06-09 pass 1 */ .front-console{--rep-side:#111827;--rep-side-2:#182033;--rep-blue:#2563eb;--rep-cyan:#06b6d4;--rep-pink:#ec4899;--rep-line:#e4ebf5;--rep-card:#fff;background:#f4f7fc!important} .front-replica-shell{width:228px!important;padding:14px 12px!important;background:linear-gradient(180deg,#111827 0,#182033 54%,#0b1220 100%)!important;box-shadow:16px 0 48px rgba(15,23,42,.14)!important} .front-side-top{display:flex;align-items:center;gap:10px;margin-bottom:12px}.front-side-top .front-logo{flex:1;margin:0!important;background:transparent!important;height:44px!important;padding:0!important}.front-side-top .front-logo img{width:30px;height:30px}.front-side-top .front-logo span{font-size:16px} .front-grid-toggle,.front-mobile-more{width:38px;height:38px;border:1px solid rgba(255,255,255,.12);border-radius:10px;background:rgba(255,255,255,.07);display:grid;grid-template-columns:repeat(2,7px);grid-auto-rows:7px;place-content:center;gap:5px;cursor:pointer;transition:.18s ease}.front-grid-toggle span,.front-mobile-more span{display:block;width:7px;height:7px;border-radius:3px;background:#dbeafe}.front-grid-toggle:hover,.front-grid-toggle.active,.front-mobile-more:hover,.front-mobile-more.active{background:linear-gradient(135deg,rgba(37,99,235,.34),rgba(236,72,153,.22));border-color:rgba(147,197,253,.5)} .front-primary-menu{display:grid!important;gap:8px!important;margin-top:8px!important;overflow:visible!important;padding-right:0!important}.front-primary-menu a{height:46px!important;border-radius:12px!important;font-size:14px!important;color:#cbd7ea!important;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.06)}.front-primary-menu a span{width:26px!important;height:26px!important;border-radius:9px!important;background:rgba(255,255,255,.08)!important;color:#93c5fd!important}.front-primary-menu a.active,.front-primary-menu a:hover{background:linear-gradient(135deg,rgba(37,99,235,.32),rgba(236,72,153,.18))!important;color:#fff!important;transform:none!important;box-shadow:none!important}.front-primary-menu a.active span,.front-primary-menu a:hover span{background:rgba(255,255,255,.18)!important;color:#fff!important} .front-more-wrap{position:relative;margin-top:14px}.front-more-wrap>.front-grid-toggle{width:100%;height:42px;display:flex;align-items:center;justify-content:center;gap:5px}.front-more-panel{position:absolute;left:0;top:48px;width:284px;max-height:min(480px,calc(100vh - 150px));overflow:auto;padding:12px;border:1px solid rgba(255,255,255,.12);border-radius:16px;background:rgba(15,23,42,.96);box-shadow:0 22px 70px rgba(0,0,0,.28);backdrop-filter:blur(18px);opacity:0;transform:translateY(-8px) scale(.98);pointer-events:none;transition:.18s ease;z-index:30}.front-more-panel.open{opacity:1;transform:translateY(0) scale(1);pointer-events:auto}.front-more-head{display:flex;align-items:end;justify-content:space-between;color:#fff;padding:2px 4px 10px}.front-more-head small{color:#94a3b8}.front-more-panel a{height:40px;display:flex;align-items:center;gap:10px;padding:0 10px;border-radius:10px;color:#cbd5e1}.front-more-panel a span{width:24px;text-align:center;color:#93c5fd}.front-more-panel a:hover,.front-more-panel a.active{background:rgba(255,255,255,.08);color:#fff} .front-account-dock{margin-top:auto!important;display:grid!important;grid-template-columns:minmax(0,1fr) auto;gap:8px!important;align-items:center!important;padding:10px!important;border-radius:16px!important;background:linear-gradient(135deg,rgba(37,99,235,.22),rgba(236,72,153,.13))!important}.front-profile-link{min-width:0;display:flex;align-items:center;gap:9px;color:#fff}.front-profile-link strong{max-width:92px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.front-recharge-trigger{height:34px;border:0;border-radius:10px;padding:0 12px;background:linear-gradient(135deg,#2563eb,#06b6d4);color:#fff;font-weight:800;cursor:pointer}.front-replica-topbar{height:66px!important;background:rgba(255,255,255,.9)!important;backdrop-filter:blur(18px)!important}.front-main{margin-left:228px!important}.recharge-pill{cursor:pointer;border-radius:12px!important}.front-avatar-link{text-decoration:none}.front-recharge-modal[hidden]{display:none!important}.front-recharge-modal{position:fixed;inset:0;z-index:90;display:grid;place-items:center;padding:18px}.front-recharge-backdrop{position:absolute;inset:0;background:rgba(15,23,42,.22);backdrop-filter:blur(5px)}.front-recharge-dialog{position:relative;width:min(390px,calc(100vw - 28px));padding:22px;border:1px solid rgba(226,232,240,.96);border-radius:20px;background:#fff;box-shadow:0 30px 90px rgba(15,23,42,.26)}.front-recharge-dialog h2{margin:4px 0 8px}.front-recharge-close{position:absolute;right:12px;top:12px;width:32px;height:32px;border:0;border-radius:10px;background:#f1f5f9;cursor:pointer;font-size:20px;color:#334155} @media(max-width:1050px){.front-replica-shell{position:sticky!important;top:0!important;width:100%!important;z-index:30!important;padding:10px 12px!important}.front-side-top{margin-bottom:8px}.front-replica-shell .front-logo{max-width:180px}.front-primary-menu{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:7px!important}.front-primary-menu a{height:38px!important;justify-content:center!important;padding:0 8px!important;font-size:13px!important}.front-primary-menu a span{display:none!important}.front-more-wrap{display:none}.front-mobile-more{display:grid}.front-more-panel{position:fixed;left:12px;right:12px;top:62px;width:auto;max-height:calc(100dvh - 86px)}.front-account-dock{grid-template-columns:minmax(0,1fr) auto;margin-top:8px!important}.front-main{margin-left:0!important}.front-replica-topbar{position:static!important;height:auto!important;padding:12px 14px!important}.front-tools{justify-content:space-between}.front-recharge-backdrop{background:rgba(15,23,42,.12);backdrop-filter:none}} @media(min-width:1051px){.front-mobile-more{display:none!important}} @media(max-width:520px){.front-primary-menu{grid-template-columns:repeat(2,minmax(0,1fr))!important}.front-account-dock{display:flex!important}.front-profile-link strong{max-width:120px}.front-recharge-dialog{border-radius:18px;padding:20px 16px}} /* jnai8 one-to-one frontend frame: 2026-06-09 pass 4 */ .front-console{--jn-bg:#f5f7fb;--jn-text:#1f2937;--jn-muted:#8a94a6;--jn-line:#edf1f7;--jn-blue:#2563eb;background:var(--jn-bg)!important;color:var(--jn-text)!important;min-height:100vh!important}.front-sidebar.jnai8-shell{position:fixed!important;left:0!important;top:0!important;bottom:0!important;width:218px!important;padding:18px 14px!important;background:#fff!important;border-right:1px solid #edf1f7!important;box-shadow:6px 0 24px rgba(20,32,56,.04)!important;display:flex!important;flex-direction:column!important;z-index:30!important;color:#243047!important}.jnai8-side-head{height:44px!important;margin:0 0 20px!important;display:flex!important;align-items:center!important;gap:12px!important}.jnai8-logo{height:42px!important;margin:0!important;padding:0!important;background:transparent!important;color:#0f172a!important;gap:9px!important}.jnai8-logo img{width:30px!important;height:30px!important}.jnai8-logo span{font-size:18px!important;font-weight:900!important;color:#111827!important;letter-spacing:0!important}.jnai8-grid{width:38px!important;height:38px!important;border-radius:11px!important;border:1px solid #e8edf5!important;background:#f8fafc!important;display:grid!important;grid-template-columns:repeat(2,6px)!important;grid-auto-rows:6px!important;gap:5px!important;place-content:center!important;box-shadow:none!important}.jnai8-grid span{width:6px!important;height:6px!important;border-radius:2px!important;background:#64748b!important}.jnai8-grid.active,.jnai8-grid:hover{background:#eff6ff!important;border-color:#bfdbfe!important}.jnai8-grid.active span,.jnai8-grid:hover span{background:#2563eb!important}.front-main.jnai8-main{margin-left:218px!important;min-height:100vh!important;background:#f5f7fb!important}.front-replica-topbar.jnai8-topbar{height:64px!important;padding:0 28px!important;background:#fff!important;border-bottom:1px solid #edf1f7!important;box-shadow:none!important;backdrop-filter:none!important;display:flex!important;align-items:center!important;justify-content:space-between!important;position:sticky!important;top:0!important;z-index:20!important}.front-content{padding:22px 28px 36px!important}.front-notice{margin:20px 28px 0!important;border:1px solid #e8edf5!important;border-radius:14px!important;background:#fff!important;box-shadow:none!important} .front-primary-menu.jnai8-primary{display:grid!important;gap:8px!important;margin:0!important;padding:0!important;overflow:visible!important}.front-primary-menu.jnai8-primary a{height:44px!important;padding:0 12px!important;border-radius:12px!important;border:0!important;background:transparent!important;color:#596579!important;display:flex!important;align-items:center!important;gap:10px!important;font-size:14px!important;font-weight:700!important;text-decoration:none!important;box-shadow:none!important;transform:none!important}.front-primary-menu.jnai8-primary a span{width:34px!important;height:28px!important;border-radius:8px!important;background:#f3f6fb!important;color:#64748b!important;font-size:10px!important;font-weight:900!important;display:grid!important;place-items:center!important}.front-primary-menu.jnai8-primary a em{font-style:normal!important;white-space:nowrap!important}.front-primary-menu.jnai8-primary a.active{background:#eff6ff!important;color:#2563eb!important}.front-primary-menu.jnai8-primary a.active span{background:#2563eb!important;color:#fff!important}.front-primary-menu.jnai8-primary a:hover{background:#f6f9ff!important;color:#2563eb!important} .front-more-panel.jnai8-more{position:absolute!important;left:14px!important;top:70px!important;width:238px!important;max-height:calc(100vh - 120px)!important;overflow:auto!important;padding:14px!important;border-radius:16px!important;border:1px solid #e8edf5!important;background:#fff!important;box-shadow:0 18px 55px rgba(15,23,42,.13)!important;backdrop-filter:none!important;opacity:0!important;transform:translateY(-8px)!important;pointer-events:none!important;transition:.16s ease!important;z-index:60!important}.front-more-panel.jnai8-more.open{opacity:1!important;transform:translateY(0)!important;pointer-events:auto!important}.front-more-panel.jnai8-more .front-more-head{padding:0 2px 10px!important;color:#1f2937!important}.front-more-panel.jnai8-more .front-more-head small{color:#9aa4b2!important}.front-more-panel.jnai8-more a{height:40px!important;padding:0 9px!important;border-radius:10px!important;color:#596579!important;display:flex!important;align-items:center!important;gap:9px!important;text-decoration:none!important}.front-more-panel.jnai8-more a span{width:42px!important;color:#94a3b8!important;font-size:10px!important;font-weight:900!important;text-align:left!important}.front-more-panel.jnai8-more a em{font-style:normal!important;font-size:13px!important;font-weight:700!important}.front-more-panel.jnai8-more a:hover,.front-more-panel.jnai8-more a.active{background:#eff6ff!important;color:#2563eb!important}.front-more-panel.jnai8-more a:hover span,.front-more-panel.jnai8-more a.active span{color:#2563eb!important} .front-account-dock.jnai8-account{margin-top:auto!important;padding:12px!important;border-radius:16px!important;border:1px solid #edf1f7!important;background:#f8fafc!important;display:grid!important;grid-template-columns:1fr!important;gap:10px!important;box-shadow:none!important}.jnai8-user{border:0!important;background:transparent!important;padding:0!important;margin:0!important;display:flex!important;align-items:center!important;gap:10px!important;text-align:left!important;cursor:pointer!important;color:#1f2937!important}.jnai8-user .avatar-dot{width:36px!important;height:36px!important;border-radius:50%!important;background:#2563eb!important;color:#fff!important;font-size:13px!important}.jnai8-user strong{font-size:13px!important;max-width:120px!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}.jnai8-user span{font-size:12px!important;color:#8a94a6!important}.front-recharge-trigger{height:34px!important;border-radius:10px!important;background:#2563eb!important;color:#fff!important;border:0!important;font-weight:800!important;box-shadow:0 8px 18px rgba(37,99,235,.2)!important} .jnai8-topbar .front-title{display:flex!important;align-items:center!important;gap:10px!important}.jnai8-topbar .front-title span{width:34px!important;height:34px!important;border-radius:10px!important;background:#eff6ff!important;color:#2563eb!important;display:grid!important;place-items:center!important;font-size:11px!important;font-weight:900!important}.jnai8-topbar .front-title strong{font-size:18px!important;color:#111827!important}.front-tools{display:flex!important;align-items:center!important;gap:12px!important}.recharge-pill{height:36px!important;border-radius:18px!important;padding:0 14px!important;background:#f8fafc!important;border:1px solid #e7edf6!important;color:#475569!important;display:flex!important;gap:8px!important;align-items:center!important}.recharge-pill span{font-size:12px!important;color:#8a94a6!important}.recharge-pill strong{font-size:13px!important;color:#2563eb!important}.front-avatar-link{width:36px!important;height:36px!important;border-radius:50%!important;border:0!important;background:#2563eb!important;color:#fff!important;font-weight:900!important;cursor:pointer!important} .front-recharge-modal[hidden],.front-profile-modal[hidden]{display:none!important}.jnai8-modal{position:fixed!important;inset:0!important;z-index:100!important;display:grid!important;place-items:center!important;padding:24px!important}.jnai8-modal .front-recharge-backdrop{position:absolute!important;inset:0!important;background:rgba(15,23,42,.18)!important;backdrop-filter:none!important}.jnai8-dialog{position:relative!important;width:min(430px,calc(100vw - 32px))!important;padding:24px!important;border-radius:18px!important;border:1px solid #e8edf5!important;background:#fff!important;box-shadow:0 24px 80px rgba(15,23,42,.18)!important}.front-recharge-close{position:absolute!important;right:14px!important;top:14px!important;width:auto!important;min-width:44px!important;height:30px!important;border-radius:9px!important;border:1px solid #e7edf6!important;background:#f8fafc!important;color:#64748b!important;font-size:12px!important}.jnai8-profile-avatar{width:58px;height:58px;border-radius:50%;background:#2563eb;color:#fff;display:grid;place-items:center;font-weight:900;margin:8px auto 16px}.jnai8-profile-list{display:grid;gap:8px;margin:0 0 18px}.jnai8-profile-list div{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;border-radius:10px;background:#f8fafc}.jnai8-profile-list dt{font-size:12px;color:#8a94a6}.jnai8-profile-list dd{margin:0;font-size:13px;color:#111827;font-weight:700} .draw-card,.front-card,.admin-card,.data-card,.chat-shell,.sample-gallery article,.task-card{border-radius:14px!important;border:1px solid #e8edf5!important;background:#fff!important;box-shadow:0 10px 28px rgba(15,23,42,.04)!important}.card-toolbar h1,.front-page h1{color:#111827!important}.btn.primary,.generate-button{background:#2563eb!important;border-color:#2563eb!important;box-shadow:0 10px 24px rgba(37,99,235,.18)!important}.btn.ghost{background:#f8fafc!important;border-color:#e7edf6!important;color:#475569!important} @media(max-width:900px){.front-sidebar.jnai8-shell{position:sticky!important;top:0!important;bottom:auto!important;width:100%!important;padding:10px 12px!important;border-right:0!important;border-bottom:1px solid #edf1f7!important}.jnai8-side-head{margin-bottom:8px!important}.front-primary-menu.jnai8-primary{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:6px!important}.front-primary-menu.jnai8-primary a{height:38px!important;justify-content:center!important;padding:0 6px!important;font-size:12px!important}.front-primary-menu.jnai8-primary a span{display:none!important}.front-account-dock.jnai8-account{display:flex!important;align-items:center!important;justify-content:space-between!important;margin-top:8px!important}.front-main.jnai8-main{margin-left:0!important}.front-replica-topbar.jnai8-topbar{height:auto!important;padding:12px 14px!important;position:static!important}.front-more-panel.jnai8-more{position:fixed!important;left:12px!important;right:12px!important;top:62px!important;width:auto!important}.front-content{padding:14px!important}.front-notice{margin:12px 14px 0!important}}@media(max-width:520px){.front-primary-menu.jnai8-primary{grid-template-columns:repeat(2,minmax(0,1fr))!important}.jnai8-logo span{font-size:16px!important}.jnai8-dialog{padding:20px 16px!important}.recharge-pill span{display:none!important}} /* front top-right more menu relocation: 2026-06-09 pass 5 */ .jnai8-side-head{justify-content:flex-start!important}.jnai8-side-head .jnai8-logo{flex:0 0 auto!important}.jnai8-topbar .front-tools{position:relative!important}.jnai8-top-more{flex:0 0 auto!important}.front-more-panel.jnai8-top-panel{left:auto!important;right:0!important;top:46px!important;width:248px!important}.front-more-panel.jnai8-top-panel.open{opacity:1!important;transform:translateY(0)!important;pointer-events:auto!important}@media(max-width:900px){.front-more-panel.jnai8-top-panel{position:absolute!important;left:auto!important;right:0!important;top:44px!important;width:min(260px,calc(100vw - 28px))!important}.jnai8-topbar .front-tools{margin-left:auto!important}} /* jnai8 detail polish: 2026-06-09 pass 6 */ html,body.front-console{background:#f6f8fc!important}.front-console{--jn-bg:#f6f8fc;--jn-blue:#2f6df6;--jn-text:#202734;--jn-muted:#8d97a8;--jn-line:#e9eef6;background:#f6f8fc!important}.front-sidebar.jnai8-shell{width:206px!important;padding:18px 12px!important;background:#fff!important;border-right:1px solid #edf1f6!important;box-shadow:8px 0 22px rgba(31,45,61,.035)!important}.front-main.jnai8-main{margin-left:206px!important;background:#f6f8fc!important}.jnai8-logo img{width:28px!important;height:28px!important}.jnai8-logo span{font-size:17px!important}.jnai8-side-head{height:42px!important;margin-bottom:18px!important}.front-primary-menu.jnai8-primary{gap:6px!important}.front-primary-menu.jnai8-primary a{height:42px!important;padding:0 10px!important;border-radius:10px!important;color:#697386!important;font-weight:650!important}.front-primary-menu.jnai8-primary a span{width:32px!important;height:26px!important;border-radius:8px!important;background:#f6f8fb!important;color:#9aa5b6!important}.front-primary-menu.jnai8-primary a.active{background:#edf4ff!important;color:#2f6df6!important}.front-primary-menu.jnai8-primary a.active span{background:#2f6df6!important;color:#fff!important}.front-primary-menu.jnai8-primary a:hover{background:#f2f7ff!important;color:#2f6df6!important}.front-account-dock.jnai8-account{padding:10px!important;border-radius:14px!important;background:#f8fafc!important;border-color:#edf1f6!important}.jnai8-user .avatar-dot{background:#2f6df6!important}.front-recharge-trigger{height:32px!important;border-radius:9px!important;background:#2f6df6!important;box-shadow:none!important}.front-replica-topbar.jnai8-topbar{height:58px!important;padding:0 24px!important;background:#fff!important;border-bottom:1px solid #edf1f6!important}.jnai8-topbar .front-title span{width:30px!important;height:30px!important;border-radius:9px!important;background:#edf4ff!important;color:#2f6df6!important}.jnai8-topbar .front-title strong{font-size:16px!important;font-weight:750!important}.jnai8-top-more{width:36px!important;height:36px!important;border-radius:10px!important;background:#fff!important;border-color:#e7edf6!important}.jnai8-top-more:hover,.jnai8-top-more.active{background:#edf4ff!important}.front-more-panel.jnai8-top-panel{top:42px!important;width:236px!important;padding:12px!important;border-radius:14px!important;border-color:#e7edf6!important;box-shadow:0 18px 48px rgba(24,39,75,.12)!important}.front-more-panel.jnai8-more a{height:38px!important;border-radius:9px!important}.front-more-panel.jnai8-more a:hover,.front-more-panel.jnai8-more a.active{background:#edf4ff!important;color:#2f6df6!important}.front-notice{margin:16px 24px 0!important;border-radius:12px!important}.front-content{padding:18px 24px 32px!important}.draw-card,.front-card,.admin-card,.data-card,.chat-shell,.sample-gallery article,.task-card{border-radius:12px!important;border-color:#e9eef6!important;box-shadow:0 8px 22px rgba(31,45,61,.035)!important}.field input,.field textarea,.field select{border-color:#e6ecf4!important;background:#fff!important;border-radius:10px!important}.btn.primary,.generate-button{background:#2f6df6!important;border-color:#2f6df6!important;box-shadow:none!important}.jnai8-dialog{border-radius:16px!important;box-shadow:0 22px 70px rgba(24,39,75,.18)!important}.jnai8-modal .front-recharge-backdrop{background:rgba(15,23,42,.14)!important}@media(max-width:900px){.front-sidebar.jnai8-shell{width:100%!important}.front-main.jnai8-main{margin-left:0!important}.front-replica-topbar.jnai8-topbar{padding:10px 14px!important}.front-content{padding:14px!important}.front-notice{margin:12px 14px 0!important}.front-more-panel.jnai8-top-panel{top:42px!important}} /* jnai8 AI image page replica: 2026-06-09 pass 7 */ .jnai8-draw-workbench{display:grid!important;grid-template-columns:minmax(420px,520px) minmax(420px,1fr)!important;gap:18px!important;align-items:start!important}.jnai8-draw-panel{padding:18px!important}.jnai8-draw-head{display:flex!important;justify-content:space-between!important;gap:14px!important;align-items:flex-start!important;margin-bottom:14px!important}.jnai8-draw-head h1{font-size:22px!important;line-height:1.25!important;margin:4px 0 6px!important;color:#151b28!important}.jnai8-draw-head p[data-home-subtitle]{font-size:13px!important;color:#8d97a8!important;margin:0!important}.jnai8-mode-tabs{height:38px!important;padding:4px!important;border-radius:12px!important;background:#f4f7fb!important;display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:4px!important;margin-bottom:14px!important}.jnai8-mode-tabs button{border:0!important;border-radius:9px!important;background:transparent!important;color:#697386!important;font-weight:700!important;font-size:13px!important}.jnai8-mode-tabs button.active{background:#fff!important;color:#2f6df6!important;box-shadow:0 4px 12px rgba(31,45,61,.06)!important}.jnai8-prompt textarea{min-height:180px!important;resize:vertical!important;line-height:1.65!important}.jnai8-preset-row{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:8px!important}.jnai8-preset-row button{height:34px!important;border-radius:9px!important;background:#f7f9fc!important;border:1px solid #e7edf6!important;color:#687386!important;font-weight:700!important;font-size:12px!important}.jnai8-preset-row button:hover{background:#edf4ff!important;color:#2f6df6!important}.jnai8-option-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}.jnai8-draw-footer{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;padding-top:2px!important} .jnai8-draw-footer .cost-preview{margin:0!important;display:flex!important;gap:8px!important;flex-wrap:wrap!important}.jnai8-draw-footer .cost-preview span{height:30px!important;padding:0 10px!important;border-radius:9px!important;background:#f7f9fc!important;border:1px solid #e7edf6!important;display:flex!important;align-items:center!important;font-size:12px!important;color:#697386!important}.jnai8-draw-footer .generate-button{height:38px!important;min-width:118px!important;border-radius:10px!important}.jnai8-result-panel{min-height:640px!important;padding:18px!important;border-radius:12px!important;border:1px solid #e9eef6!important;background:#fff!important;box-shadow:0 8px 22px rgba(31,45,61,.035)!important;display:flex!important;flex-direction:column!important}.jnai8-result-top{display:flex!important;justify-content:space-between!important;align-items:flex-start!important;margin-bottom:14px!important}.jnai8-result-top h2{font-size:18px!important;margin:4px 0 0!important;color:#151b28!important}.jnai8-result-empty{flex:1!important;border:1px dashed #dbe4f0!important;border-radius:14px!important;background:#f8fafc!important;display:grid!important;place-items:center!important;align-content:center!important;text-align:center!important;padding:28px!important;color:#8d97a8!important}.jnai8-empty-icon{width:72px!important;height:72px!important;border-radius:18px!important;background:#edf4ff!important;color:#2f6df6!important;display:grid!important;place-items:center!important;font-weight:900!important;font-size:20px!important;margin-bottom:16px!important}.jnai8-result-empty strong{color:#202734!important;font-size:16px!important;margin-bottom:8px!important}.jnai8-result-empty span{max-width:310px!important;font-size:13px!important;line-height:1.65!important}.jnai8-result-strip{display:flex!important;gap:8px!important;margin-top:14px!important}.jnai8-result-strip span{height:28px!important;padding:0 10px!important;border-radius:999px!important;background:#f7f9fc!important;border:1px solid #e7edf6!important;color:#697386!important;font-size:12px!important;display:flex!important;align-items:center!important}@media(max-width:1180px){.jnai8-draw-workbench{grid-template-columns:1fr!important}.jnai8-result-panel{min-height:420px!important}}@media(max-width:640px){.jnai8-option-grid,.jnai8-preset-row{grid-template-columns:1fr!important}.jnai8-draw-footer{align-items:stretch!important;flex-direction:column!important}.jnai8-draw-footer .generate-button{width:100%!important}} /* jnai8 AI image chat generation: 2026-06-09 pass 8 */ .jnai8-chatgen-shell{display:grid!important;grid-template-columns:minmax(520px,1fr) 360px!important;gap:18px!important;align-items:stretch!important}.jnai8-chatgen-main,.jnai8-side-card{border:1px solid #e9eef6!important;background:#fff!important;border-radius:12px!important;box-shadow:0 8px 22px rgba(31,45,61,.035)!important}.jnai8-chatgen-main{min-height:680px!important;padding:18px!important;display:flex!important;flex-direction:column!important}.jnai8-chatgen-title{padding-bottom:14px!important;border-bottom:1px solid #edf1f6!important}.jnai8-chatgen-title h1{font-size:22px!important;line-height:1.25!important;margin:4px 0 6px!important;color:#151b28!important}.jnai8-chatgen-title p[data-home-subtitle]{margin:0!important;font-size:13px!important;color:#8d97a8!important}.jnai8-chat-thread{flex:1!important;display:flex!important;flex-direction:column!important;gap:12px!important;padding:18px 0!important;overflow:auto!important}.jnai8-chat-bubble{max-width:72%!important;padding:12px 14px!important;border-radius:14px!important;border:1px solid #e7edf6!important}.jnai8-chat-bubble strong{display:block!important;font-size:13px!important;margin-bottom:6px!important;color:#202734!important}.jnai8-chat-bubble p{margin:0!important;color:#697386!important;font-size:13px!important;line-height:1.7!important}.jnai8-chat-bubble.assistant{align-self:flex-start!important;background:#f8fafc!important;border-top-left-radius:6px!important}.jnai8-chat-bubble.user{align-self:flex-end!important;background:#edf4ff!important;border-color:#dbe8ff!important;border-top-right-radius:6px!important}.jnai8-chat-input{display:grid!important;grid-template-columns:1fr auto!important;gap:10px!important;align-items:end!important;padding:12px!important;border:1px solid #e7edf6!important;border-radius:14px!important;background:#f8fafc!important}.jnai8-chat-input textarea{min-height:76px!important;border:0!important;background:#fff!important;border-radius:10px!important;padding:12px!important;resize:vertical!important;line-height:1.65!important}.jnai8-chat-input .generate-button{height:42px!important;min-width:106px!important;border-radius:10px!important}.jnai8-chat-presets{display:flex!important;gap:8px!important;flex-wrap:wrap!important;margin-top:12px!important}.jnai8-chat-presets button{height:32px!important;padding:0 11px!important;border-radius:999px!important;border:1px solid #e7edf6!important;background:#fff!important;color:#697386!important;font-size:12px!important;font-weight:700!important}.jnai8-chat-presets button:hover{background:#edf4ff!important;color:#2f6df6!important}.jnai8-chatgen-side{display:grid!important;grid-template-rows:auto 1fr!important;gap:18px!important}.jnai8-side-card{padding:16px!important}.jnai8-side-headline{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;margin-bottom:12px!important}.jnai8-side-headline strong{font-size:16px!important;color:#151b28!important}.jnai8-preview-card{min-height:320px!important;display:flex!important;flex-direction:column!important}.jnai8-preview-card .jnai8-result-empty{min-height:220px!important}@media(max-width:1180px){.jnai8-chatgen-shell{grid-template-columns:1fr!important}.jnai8-chatgen-main{min-height:520px!important}.jnai8-chatgen-side{grid-template-rows:auto!important}}@media(max-width:640px){.jnai8-chat-input{grid-template-columns:1fr!important}.jnai8-chat-input .generate-button{width:100%!important}.jnai8-chat-bubble{max-width:92%!important}} /* jnai8 AI image exact chat polish: 2026-06-09 pass 9 */ .front-content{padding-top:18px!important}.jnai8-chatgen-shell{grid-template-columns:minmax(560px,1fr) 340px!important;gap:16px!important}.jnai8-chatgen-main{min-height:690px!important;padding:0!important;overflow:hidden!important}.jnai8-chatgen-title{height:76px!important;padding:18px 20px!important;border-bottom:1px solid #edf1f6!important;background:#fff!important}.jnai8-chatgen-title .eyebrow{display:none!important}.jnai8-chatgen-title h1{font-size:20px!important;margin:0 0 8px!important;font-weight:800!important;color:#1d2433!important}.jnai8-chatgen-title p{font-size:13px!important;color:#8c96a8!important}.jnai8-chat-thread{padding:20px!important;background:#fff!important}.jnai8-chat-bubble{max-width:560px!important;border-radius:12px!important;padding:13px 14px!important;background:#f7f9fc!important}.jnai8-chat-bubble.user{display:none!important}.jnai8-chat-input{margin:0 20px 0!important;border-radius:12px!important;background:#f7f9fc!important;border-color:#e8eef6!important}.jnai8-chat-input textarea{min-height:88px!important;box-shadow:none!important}.jnai8-chat-input .generate-button{height:40px!important;min-width:92px!important;font-weight:750!important}.jnai8-chat-presets{padding:12px 20px 18px!important;margin:0!important}.jnai8-chat-presets button{height:30px!important;background:#f8fafc!important}.jnai8-chatgen-side{gap:16px!important}.jnai8-side-card{border-radius:12px!important;padding:14px!important}.jnai8-side-headline{margin-bottom:10px!important}.jnai8-side-headline strong{font-size:15px!important}.jnai8-side-headline .status-pill{height:24px!important;padding:0 8px!important;font-size:12px!important}.jnai8-mode-tabs{height:36px!important;margin-bottom:12px!important}.jnai8-mode-tabs button{font-size:12px!important}.jnai8-option-grid{gap:10px!important}.jnai8-option-grid .field span,.jnai8-side-card>.field span{font-size:12px!important;color:#7d8798!important}.jnai8-option-grid .field input,.jnai8-option-grid .field select,.jnai8-side-card>.field input{height:38px!important;border-radius:9px!important;font-size:13px!important}.jnai8-side-card .cost-preview{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:7px!important;margin-top:12px!important}.jnai8-side-card .cost-preview span{height:30px!important;padding:0 6px!important;justify-content:center!important;font-size:12px!important}.jnai8-preview-card{min-height:314px!important}.jnai8-result-top{margin-bottom:12px!important}.jnai8-result-top h2{font-size:15px!important;margin:0!important}.jnai8-result-empty{border-radius:12px!important;min-height:238px!important;padding:18px!important}.jnai8-empty-icon{width:58px!important;height:58px!important;border-radius:15px!important}.front-notice{display:none!important}@media(max-width:1180px){.jnai8-chatgen-shell{grid-template-columns:1fr!important}.jnai8-chatgen-main{min-height:560px!important}} /* jnai8 AI image unified chatbox: 2026-06-09 pass 10 */ .jnai8-chatbox-shell{min-height:calc(100vh - 116px)!important;border:1px solid #e9eef6!important;background:#fff!important;border-radius:12px!important;box-shadow:0 8px 22px rgba(31,45,61,.035)!important;display:flex!important;flex-direction:column!important;overflow:hidden!important}.jnai8-chatbox-head{height:72px!important;padding:16px 18px!important;border-bottom:1px solid #edf1f6!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:18px!important}.jnai8-chatbox-head h1{margin:0 0 6px!important;font-size:20px!important;color:#1d2433!important;font-weight:800!important}.jnai8-chatbox-head p{margin:0!important;color:#8c96a8!important;font-size:13px!important}.jnai8-chatbox-head .cost-preview{display:flex!important;gap:8px!important;margin:0!important}.jnai8-chatbox-head .cost-preview span{height:30px!important;padding:0 10px!important;border-radius:999px!important;background:#f7f9fc!important;border:1px solid #e7edf6!important;font-size:12px!important;color:#697386!important;display:flex!important;align-items:center!important}.jnai8-chatbox-thread{flex:1!important;padding:20px!important;display:flex!important;flex-direction:column!important;gap:14px!important;background:#fff!important;overflow:auto!important}.jnai8-chatbox-thread .jnai8-chat-bubble{max-width:600px!important}.jnai8-chat-result-message{max-width:560px!important;border:1px solid #e7edf6!important;border-radius:14px!important;background:#f8fafc!important;padding:14px!important}.jnai8-chat-result-message .jnai8-result-top{margin-bottom:10px!important}.jnai8-chat-result-message .jnai8-result-top h2{margin:0!important;font-size:15px!important;color:#1d2433!important}.jnai8-chat-result-message .jnai8-result-empty{min-height:230px!important;background:#fff!important;border-radius:12px!important}.jnai8-composer{margin:0 18px!important;border:1px solid #e5ebf5!important;border-radius:14px!important;background:#f8fafc!important;padding:12px!important}.jnai8-composer textarea{width:100%!important;min-height:86px!important;border:0!important;background:#fff!important;border-radius:11px!important;padding:12px!important;resize:vertical!important;line-height:1.65!important;box-shadow:none!important}.jnai8-composer-tools{display:grid!important;grid-template-columns:minmax(180px,1fr) 250px 88px 88px 88px auto!important;gap:8px!important;align-items:end!important;margin-top:10px!important}.jnai8-composer-tools label,.jnai8-ref-tool{display:grid!important;gap:5px!important}.jnai8-composer-tools label span,.jnai8-ref-tool span{font-size:12px!important;color:#7d8798!important;font-weight:700!important}.jnai8-composer-tools input,.jnai8-composer-tools select{height:34px!important;border:1px solid #e6ecf4!important;background:#fff!important;border-radius:9px!important;padding:0 9px!important;font-size:12px!important}.jnai8-composer-tools .jnai8-mode-tabs{height:34px!important;margin:0!important;border-radius:10px!important}.jnai8-composer-tools .jnai8-mode-tabs button{font-size:12px!important}.jnai8-composer-tools .generate-button{height:34px!important;min-width:74px!important;border-radius:9px!important}.jnai8-hidden-select{display:none!important}.jnai8-chatbox-shell .jnai8-chat-presets{padding:10px 18px 16px!important;margin:0!important}.jnai8-chatgen-shell,.jnai8-chatgen-side{display:contents}@media(max-width:1220px){.jnai8-composer-tools{grid-template-columns:1fr 1fr 1fr!important}.jnai8-composer-tools .generate-button{width:100%!important}}@media(max-width:720px){.jnai8-chatbox-head{height:auto!important;align-items:flex-start!important;flex-direction:column!important}.jnai8-chatbox-head .cost-preview{flex-wrap:wrap!important}.jnai8-composer-tools{grid-template-columns:1fr!important}.jnai8-chat-result-message,.jnai8-chatbox-thread .jnai8-chat-bubble{max-width:100%!important}} /* jnai8 AI image screenshot correction: 2026-06-09 pass 11 */ .jnai8-image-chat-replica{height:calc(100vh - 118px)!important;min-height:640px!important;background:#fff!important;border:1px solid #e9eef6!important;border-radius:12px!important;box-shadow:0 8px 22px rgba(31,45,61,.035)!important;display:flex!important;flex-direction:column!important;overflow:hidden!important}.jnai8-image-thread{flex:1!important;padding:22px 24px!important;background:#fff!important;overflow:auto!important;display:flex!important;flex-direction:column!important;gap:16px!important}.jnai8-image-message{display:flex!important;gap:10px!important;align-items:flex-start!important;max-width:760px!important}.jnai8-image-message.user{align-self:flex-end!important;flex-direction:row-reverse!important}.jnai8-message-avatar{width:34px!important;height:34px!important;border-radius:10px!important;background:#eef5ff!important;color:#2f6df6!important;display:grid!important;place-items:center!important;font-weight:900!important;font-size:12px!important;flex:0 0 auto!important}.jnai8-image-message.user .jnai8-message-avatar{background:#2f6df6!important;color:#fff!important}.jnai8-message-body{padding:12px 14px!important;border-radius:13px!important;background:#f7f9fc!important;border:1px solid #e7edf6!important;color:#1f2937!important}.jnai8-image-message.user .jnai8-message-body{background:#edf4ff!important;border-color:#dbe8ff!important}.jnai8-message-body strong{display:block!important;font-size:13px!important;margin-bottom:5px!important;color:#1d2433!important}.jnai8-message-body p{margin:0!important;font-size:13px!important;line-height:1.7!important;color:#667085!important}.jnai8-image-result-grid{width:280px!important;aspect-ratio:1/1!important;border:1px dashed #d7e1ef!important;border-radius:12px!important;background:#fff!important;display:grid!important;place-items:center!important;color:#8d97a8!important;font-size:13px!important;margin-top:8px!important}.jnai8-image-composer{margin:0 24px!important;padding:12px!important;border:1px solid #e5ebf5!important;background:#f8fafc!important;border-radius:14px!important}.jnai8-image-composer textarea{width:100%!important;min-height:82px!important;border:0!important;background:#fff!important;border-radius:11px!important;padding:12px!important;resize:vertical!important;line-height:1.65!important;box-shadow:none!important}.jnai8-reference-line{margin-top:9px!important}.jnai8-reference-line label{display:grid!important;grid-template-columns:64px 1fr!important;align-items:center!important;gap:8px!important}.jnai8-reference-line span,.jnai8-composer-bar label span{font-size:12px!important;color:#7d8798!important;font-weight:700!important}.jnai8-reference-line input,.jnai8-composer-bar input,.jnai8-composer-bar select{height:34px!important;border:1px solid #e6ecf4!important;background:#fff!important;border-radius:9px!important;padding:0 9px!important;font-size:12px!important}.jnai8-composer-bar{display:grid!important;grid-template-columns:260px 86px 86px 86px auto!important;gap:8px!important;align-items:end!important;margin-top:10px!important}.jnai8-composer-bar label{display:grid!important;gap:5px!important}.jnai8-composer-bar .jnai8-mode-tabs{height:34px!important;margin:0!important}.jnai8-composer-bar .jnai8-mode-tabs button{font-size:12px!important}.jnai8-composer-bar .generate-button{height:34px!important;min-width:74px!important;border-radius:9px!important}.jnai8-image-chat-replica .jnai8-chat-presets{padding:10px 24px 16px!important;margin:0!important}.jnai8-chatbox-shell{display:contents!important}.jnai8-chatbox-head,.jnai8-chatbox-thread,.jnai8-composer{display:none!important}@media(max-width:1020px){.jnai8-composer-bar{grid-template-columns:1fr 1fr 1fr!important}.jnai8-composer-bar .generate-button{width:100%!important}}@media(max-width:640px){.jnai8-image-chat-replica{height:auto!important;min-height:560px!important}.jnai8-image-thread{padding:16px!important}.jnai8-image-composer{margin:0 16px!important}.jnai8-composer-bar{grid-template-columns:1fr!important}.jnai8-reference-line label{grid-template-columns:1fr!important}.jnai8-image-message{max-width:100%!important}} /* jnai8 dark draw screenshot replica: 2026-06-09 pass 12 */ body.front-console[data-front-current="draw"],body.front-console[data-front-current="draw"] .front-main.jnai8-main{background:#0f0f12!important;color:#f5f5f5!important}body.front-console[data-front-current="draw"] .front-sidebar.jnai8-shell{background:#0f0f12!important;border-right:1px solid #24252a!important;box-shadow:none!important}body.front-console[data-front-current="draw"] .jnai8-logo span{color:#fff!important}body.front-console[data-front-current="draw"] .front-primary-menu.jnai8-primary a{background:transparent!important;color:#a8adb7!important;border-color:transparent!important}body.front-console[data-front-current="draw"] .front-primary-menu.jnai8-primary a span{background:#1b1c20!important;color:#cdd2dc!important}body.front-console[data-front-current="draw"] .front-primary-menu.jnai8-primary a.active{background:#1b1c20!important;color:#fff!important}body.front-console[data-front-current="draw"] .front-primary-menu.jnai8-primary a.active span{background:#f6b900!important;color:#111!important}body.front-console[data-front-current="draw"] .front-account-dock.jnai8-account{background:#1a1b20!important;border-color:#292b31!important}body.front-console[data-front-current="draw"] .jnai8-user strong{color:#fff!important}body.front-console[data-front-current="draw"] .jnai8-user span{color:#a7abb4!important}body.front-console[data-front-current="draw"] .front-replica-topbar.jnai8-topbar{background:#0f0f12!important;border-bottom:1px solid #24252a!important}body.front-console[data-front-current="draw"] .jnai8-topbar .front-title span{background:#f6b900!important;color:#111!important}body.front-console[data-front-current="draw"] .jnai8-topbar .front-title strong{color:#fff!important}body.front-console[data-front-current="draw"] .jnai8-top-more{background:#1a1b20!important;border-color:#2a2c32!important}body.front-console[data-front-current="draw"] .front-content{padding:0!important;background:#0f0f12!important}.jnai8-dark-draw{height:calc(100vh - 58px)!important;min-height:720px!important;background:#0f0f12!important;display:flex!important;flex-direction:column!important;position:relative!important;overflow:hidden!important}.jnai8-dark-thread{flex:1!important;background:#0f0f12!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:48px 56px 210px!important;overflow:auto!important}.jnai8-dark-welcome{text-align:center!important;max-width:680px!important;color:#fff!important}.jnai8-dark-orb{width:76px!important;height:76px!important;border-radius:24px!important;margin:0 auto 22px!important;display:grid!important;place-items:center!important;background:linear-gradient(135deg,#facc15,#f97316)!important;color:#111!important;font-weight:900!important;font-size:22px!important;box-shadow:0 22px 70px rgba(250,180,20,.22)!important}.jnai8-dark-welcome h1{font-size:30px!important;line-height:1.25!important;margin:0 0 12px!important;font-weight:800!important;color:#fff!important}.jnai8-dark-welcome p{margin:0!important;font-size:15px!important;color:#a9adb7!important}.jnai8-dark-composer{position:absolute!important;left:50%!important;bottom:46px!important;transform:translateX(-50%)!important;width:min(960px,calc(100% - 120px))!important;background:#1b1c20!important;border:1px solid #33353b!important;border-radius:18px!important;padding:14px!important;box-shadow:0 24px 80px rgba(0,0,0,.34)!important}.jnai8-dark-composer textarea{width:100%!important;min-height:96px!important;border:0!important;outline:0!important;resize:none!important;background:#1b1c20!important;color:#f5f5f5!important;border-radius:12px!important;padding:6px 8px!important;font-size:15px!important;line-height:1.7!important;box-shadow:none!important}.jnai8-dark-composer textarea::placeholder{color:#777c86!important}.jnai8-dark-actions{display:flex!important;align-items:center!important;gap:8px!important;flex-wrap:wrap!important;padding-top:10px!important;border-top:1px solid #2a2c32!important}.jnai8-dark-chip,.jnai8-dark-actions label,.jnai8-dark-actions .jnai8-mode-tabs{height:32px!important;border:1px solid #353840!important;background:#24262c!important;color:#cfd3dc!important;border-radius:999px!important;display:flex!important;align-items:center!important;gap:6px!important;padding:0 11px!important;font-size:12px!important}.jnai8-dark-actions label span{color:#8e949f!important;font-weight:700!important}.jnai8-dark-actions input,.jnai8-dark-actions select{height:24px!important;border:0!important;background:transparent!important;color:#f3f4f6!important;font-size:12px!important;outline:0!important;max-width:94px!important}.jnai8-dark-reference{width:130px!important;border:1px solid #353840!important;background:#24262c!important;color:#f3f4f6!important;border-radius:999px!important;padding:0 11px!important}.jnai8-dark-actions .jnai8-mode-tabs{padding:3px!important;border-radius:999px!important;display:flex!important;margin:0!important}.jnai8-dark-actions .jnai8-mode-tabs button{height:24px!important;border:0!important;border-radius:999px!important;background:transparent!important;color:#aeb3bd!important;font-size:12px!important;padding:0 9px!important}.jnai8-dark-actions .jnai8-mode-tabs button.active{background:#f6b900!important;color:#111!important;box-shadow:none!important}.jnai8-dark-send{margin-left:auto!important;height:34px!important;border:0!important;border-radius:999px!important;background:#f6b900!important;color:#111!important;padding:0 18px!important;font-weight:800!important}.jnai8-dark-presets{position:absolute!important;left:50%!important;bottom:14px!important;transform:translateX(-50%)!important;width:min(960px,calc(100% - 120px))!important;display:flex!important;gap:8px!important;justify-content:center!important}.jnai8-dark-presets button{height:28px!important;border-radius:999px!important;border:1px solid #2d3037!important;background:#18191d!important;color:#9fa4af!important;padding:0 12px!important;font-size:12px!important}.jnai8-dark-presets button:hover{border-color:#f6b900!important;color:#f6b900!important}.jnai8-image-message{max-width:720px!important}.jnai8-image-message.user{align-self:flex-end!important}.jnai8-dark-thread .jnai8-image-message .jnai8-message-body{background:#1b1c20!important;border-color:#30323a!important;color:#e5e7eb!important}.jnai8-dark-thread .jnai8-message-body p{color:#c8ccd5!important}.jnai8-dark-thread .jnai8-message-avatar{background:#f6b900!important;color:#111!important}.jnai8-image-result-grid{background:#15161a!important;border-color:#353840!important;color:#a9adb7!important}@media(max-width:900px){.jnai8-dark-composer,.jnai8-dark-presets{width:calc(100% - 32px)!important}.jnai8-dark-thread{padding:32px 18px 260px!important}.jnai8-dark-actions{align-items:stretch!important}.jnai8-dark-send{margin-left:0!important;width:100%!important}.jnai8-dark-actions .jnai8-mode-tabs{width:100%!important;justify-content:space-between!important}} /* jnai8 dark draw left brand and center alignment: 2026-06-09 pass 13 */ body.front-console[data-front-current="draw"] .front-sidebar.jnai8-shell{background:linear-gradient(135deg,#f7cf19 0,#f39a16 62%,#141416 63%,#0f0f12 100%)!important}body.front-console[data-front-current="draw"] .jnai8-side-head{height:112px!important;margin:-18px -12px 18px!important;padding:22px 18px!important;align-items:flex-start!important;background:linear-gradient(135deg,#f8cf16 0,#f59e0b 100%)!important}body.front-console[data-front-current="draw"] .jnai8-logo span{color:#111!important;font-weight:900!important}body.front-console[data-front-current="draw"] .jnai8-logo img{filter:brightness(0)!important}.jnai8-dark-thread{align-items:center!important;justify-content:center!important;padding:34px 56px 228px!important}.jnai8-dark-welcome{transform:translateY(-72px)!important}.jnai8-dark-orb{background:#fff!important;color:#111!important;box-shadow:none!important}.jnai8-dark-welcome h1{font-size:28px!important}.jnai8-dark-composer{bottom:58px!important;width:min(900px,calc(100% - 180px))!important;background:#1b1c20!important}.jnai8-dark-presets{bottom:22px!important;width:min(900px,calc(100% - 180px))!important}.jnai8-dark-draw:before{content:""!important;position:absolute!important;left:50%!important;top:150px!important;transform:translateX(-50%)!important;width:640px!important;height:220px!important;border-radius:42px!important;background:radial-gradient(circle at 50% 38%,rgba(255,255,255,.11),rgba(255,255,255,0) 62%)!important;pointer-events:none!important}.jnai8-dark-actions .jnai8-mode-tabs,.jnai8-dark-chip,.jnai8-dark-actions label,.jnai8-dark-reference{background:#27282e!important;border-color:#383b43!important}.jnai8-dark-send{background:#f6c20e!important}.jnai8-dark-thread .jnai8-image-message{margin-left:auto!important;margin-right:auto!important}.front-console[data-front-current="draw"] .front-more-panel.jnai8-top-panel{background:#1b1c20!important;border-color:#33353b!important;color:#fff!important}.front-console[data-front-current="draw"] .front-more-panel.jnai8-more a{color:#c7ccd5!important}.front-console[data-front-current="draw"] .front-more-panel.jnai8-more a:hover{background:#27282e!important;color:#f6c20e!important} /* jnai8 dark draw center highlight: 2026-06-09 pass 14 */ .jnai8-dark-welcome{transform:translateY(-118px)!important}.jnai8-dark-orb{width:64px!important;height:64px!important;border-radius:20px!important;margin-bottom:18px!important}.jnai8-dark-welcome h1{font-size:32px!important;color:#fff!important;text-shadow:0 1px 0 rgba(255,255,255,.04)!important}.jnai8-dark-welcome p{color:#f5f5f5!important;font-size:15px!important}.jnai8-dark-draw:before{top:106px!important;width:720px!important;height:260px!important;background:radial-gradient(circle at 50% 40%,rgba(255,255,255,.18),rgba(255,255,255,.05) 26%,rgba(255,255,255,0) 58%)!important}.jnai8-dark-composer{bottom:72px!important;width:min(900px,calc(100% - 190px))!important;background:#1b1c20!important;border-color:#3a3d44!important}.jnai8-dark-presets{bottom:30px!important}.jnai8-dark-thread{padding-bottom:250px!important}.jnai8-dark-actions label,.jnai8-dark-actions .jnai8-mode-tabs,.jnai8-dark-chip,.jnai8-dark-reference{background:#27282e!important}.front-console[data-front-current="draw"] .front-main.jnai8-main:after{content:""!important;position:fixed!important;left:206px!important;right:0!important;bottom:0!important;height:260px!important;background:#1b1c20!important;z-index:0!important;pointer-events:none!important}.jnai8-dark-draw{z-index:1!important}.jnai8-dark-composer,.jnai8-dark-presets{z-index:3!important}.jnai8-dark-thread{z-index:2!important}.front-console[data-front-current="draw"] .front-topbar{z-index:5!important}.front-console[data-front-current="draw"] .front-sidebar{z-index:6!important} /* jnai8 dark draw vertical match: 2026-06-09 pass 15 */ .jnai8-dark-thread{align-items:flex-start!important;justify-content:center!important;padding-top:86px!important}.jnai8-dark-welcome{transform:none!important;margin:0 auto!important}.jnai8-dark-draw:before{top:42px!important}.jnai8-dark-orb{margin-bottom:16px!important}.jnai8-dark-welcome h1{margin-bottom:10px!important}.jnai8-dark-welcome p{color:#f7f7f7!important} /* jnai8 dark draw horizontal match: 2026-06-09 pass 16 */ .jnai8-dark-welcome{transform:translateX(-150px)!important}.jnai8-dark-draw:before{transform:translateX(calc(-50% - 150px))!important}.jnai8-dark-composer{transform:translateX(calc(-50% - 150px))!important}.jnai8-dark-presets{transform:translateX(calc(-50% - 150px))!important}@media(max-width:900px){.jnai8-dark-welcome,.jnai8-dark-composer,.jnai8-dark-presets,.jnai8-dark-draw:before{transform:translateX(-50%)!important}.jnai8-dark-welcome{transform:none!important}} /* jnai8 draw cleanup extras and restore menu colors: 2026-06-09 pass 17 */ body.front-console[data-front-current="draw"] .front-sidebar.jnai8-shell{background:#fff!important;border-right:1px solid #edf1f6!important;box-shadow:8px 0 22px rgba(31,45,61,.035)!important}body.front-console[data-front-current="draw"] .jnai8-side-head{height:42px!important;margin-bottom:18px!important;margin-top:0!important;margin-left:0!important;margin-right:0!important;padding:0!important;background:transparent!important;align-items:center!important}body.front-console[data-front-current="draw"] .jnai8-logo span{color:#111827!important}body.front-console[data-front-current="draw"] .jnai8-logo img{filter:none!important}body.front-console[data-front-current="draw"] .front-primary-menu.jnai8-primary a{background:transparent!important;color:#697386!important;border-color:transparent!important}body.front-console[data-front-current="draw"] .front-primary-menu.jnai8-primary a span{background:#f6f8fb!important;color:#9aa5b6!important}body.front-console[data-front-current="draw"] .front-primary-menu.jnai8-primary a.active{background:#edf4ff!important;color:#2f6df6!important}body.front-console[data-front-current="draw"] .front-primary-menu.jnai8-primary a.active span{background:#2f6df6!important;color:#fff!important}body.front-console[data-front-current="draw"] .front-account-dock.jnai8-account{background:#f8fafc!important;border-color:#edf1f6!important}body.front-console[data-front-current="draw"] .jnai8-user strong{color:#111827!important}body.front-console[data-front-current="draw"] .jnai8-user span{color:#697386!important}body.front-console[data-front-current="draw"] .front-recharge-trigger{background:#2f6df6!important;color:#fff!important}body.front-console[data-front-current="draw"] .front-replica-topbar.jnai8-topbar{background:#fff!important;border-bottom:1px solid #edf1f6!important}body.front-console[data-front-current="draw"] .jnai8-topbar .front-title span{background:#edf4ff!important;color:#2f6df6!important}body.front-console[data-front-current="draw"] .jnai8-topbar .front-title strong{color:#111827!important}body.front-console[data-front-current="draw"] .jnai8-top-more{background:#fff!important;border-color:#e7edf6!important}body.front-console[data-front-current="draw"] .front-main.jnai8-main:after{left:206px!important}.jnai8-dark-presets{display:none!important}.jnai8-dark-actions{justify-content:flex-start!important}.jnai8-dark-actions .jnai8-mode-tabs{margin-right:auto!important}.jnai8-dark-composer{padding-bottom:14px!important}.jnai8-dark-actions label{min-width:92px!important}.jnai8-dark-reference{width:150px!important}.jnai8-dark-send{margin-left:8px!important} /* frontend global dark shell and collapsible sidebar: 2026-06-09 pass 18 */ html,body.front-console,.front-console{background:#0f0f12!important;color:#f5f5f5!important}.front-console{--jn-bg:#0f0f12!important;--jn-text:#f5f5f5!important;--jn-muted:#a7abb4!important;--jn-line:#2a2c32!important;--jn-blue:#f6b900!important}.front-main.jnai8-main,.front-main,.front-content{background:#0f0f12!important;color:#f5f5f5!important}.front-sidebar.jnai8-shell,body.front-console[data-front-current="draw"] .front-sidebar.jnai8-shell{width:206px!important;background:#0f0f12!important;border-right:1px solid #24252a!important;box-shadow:none!important;color:#e5e7eb!important;transition:width .18s ease,transform .18s ease!important}.jnai8-side-head,body.front-console[data-front-current="draw"] .jnai8-side-head{height:42px!important;margin:0 0 18px!important;padding:0!important;background:transparent!important;align-items:center!important}.jnai8-logo span,body.front-console[data-front-current="draw"] .jnai8-logo span{color:#fff!important}.jnai8-logo img,body.front-console[data-front-current="draw"] .jnai8-logo img{filter:none!important}.front-primary-menu.jnai8-primary a,body.front-console[data-front-current="draw"] .front-primary-menu.jnai8-primary a{background:transparent!important;color:#a8adb7!important;border-color:transparent!important}.front-primary-menu.jnai8-primary a span,body.front-console[data-front-current="draw"] .front-primary-menu.jnai8-primary a span{background:#1b1c20!important;color:#cdd2dc!important}.front-primary-menu.jnai8-primary a.active,.front-primary-menu.jnai8-primary a:hover,body.front-console[data-front-current="draw"] .front-primary-menu.jnai8-primary a.active,body.front-console[data-front-current="draw"] .front-primary-menu.jnai8-primary a:hover{background:#1b1c20!important;color:#fff!important}.front-primary-menu.jnai8-primary a.active span,body.front-console[data-front-current="draw"] .front-primary-menu.jnai8-primary a.active span{background:#f6b900!important;color:#111!important}.front-account-dock.jnai8-account,body.front-console[data-front-current="draw"] .front-account-dock.jnai8-account{background:#1a1b20!important;border-color:#292b31!important}.jnai8-user strong,body.front-console[data-front-current="draw"] .jnai8-user strong{color:#fff!important}.jnai8-user span,body.front-console[data-front-current="draw"] .jnai8-user span{color:#a7abb4!important}.front-recharge-trigger,body.front-console[data-front-current="draw"] .front-recharge-trigger{background:#f6b900!important;color:#111!important}.front-main.jnai8-main{margin-left:206px!important;transition:margin-left .18s ease!important}.front-replica-topbar.jnai8-topbar,body.front-console[data-front-current="draw"] .front-replica-topbar.jnai8-topbar{background:#0f0f12!important;border-bottom:1px solid #24252a!important;color:#fff!important}.jnai8-topbar .front-title span,body.front-console[data-front-current="draw"] .jnai8-topbar .front-title span{background:#f6b900!important;color:#111!important}.jnai8-topbar .front-title strong,body.front-console[data-front-current="draw"] .jnai8-topbar .front-title strong{color:#fff!important}.jnai8-top-more,body.front-console[data-front-current="draw"] .jnai8-top-more{background:#1a1b20!important;border-color:#2a2c32!important}.front-more-panel.jnai8-top-panel{background:#1b1c20!important;border-color:#33353b!important;color:#fff!important}.front-more-panel.jnai8-more a{color:#c7ccd5!important}.front-more-panel.jnai8-more a:hover,.front-more-panel.jnai8-more a.active{background:#27282e!important;color:#f6c20e!important}.front-card,.draw-card,.rail-card,.gallery-card,.feature-card,.panel,.package-card,.chat-messages,.empty-state,.ticket-item,.front-stats article,.metric-grid article,.table-wrap.front-card,.chat-shell,.admin-card,.data-card,.sample-gallery article,.task-card{background:#17181c!important;border-color:#2a2c32!important;color:#f5f5f5!important;box-shadow:none!important}.page-heading h1,.card-toolbar h1,.front-title strong,.front-card h1,.front-card h2,.front-card h3,.package-card strong,.chat-bubble strong{color:#f5f5f5!important}.page-heading p,.card-toolbar p,.front-card p,.empty-state,.front-console td,.front-console th{color:#a7abb4!important}.field input,.field textarea,.field select,input,select,textarea{background:#1f2025!important;border-color:#343741!important;color:#f5f5f5!important}.btn:not(.primary),.icon-btn,.segmented button,.chat-templates button,.preset-grid button{background:#202127!important;border-color:#343741!important;color:#d7dae2!important}.btn.primary,.generate-button,.front-console .btn.primary{background:#f6b900!important;border-color:#f6b900!important;color:#111!important;box-shadow:none!important}.chat-bubble{background:#202127!important;border-color:#343741!important;color:#f5f5f5!important}.chat-bubble.user{background:#2d2612!important;border-color:#51410b!important}.jnai8-side-collapse{position:absolute!important;right:-13px!important;top:74px!important;width:26px!important;height:48px!important;border-radius:999px!important;border:1px solid #343741!important;background:#1b1c20!important;color:#f6b900!important;z-index:50!important;cursor:pointer!important;font-size:20px!important;line-height:1!important}.front-side-collapsed .front-sidebar.jnai8-shell{width:64px!important;padding-left:10px!important;padding-right:10px!important}.front-side-collapsed .front-main.jnai8-main{margin-left:64px!important}.front-side-collapsed .jnai8-logo span,.front-side-collapsed .front-primary-menu.jnai8-primary a em,.front-side-collapsed .front-account-dock.jnai8-account div div,.front-side-collapsed .front-recharge-trigger{display:none!important}.front-side-collapsed .front-primary-menu.jnai8-primary a{justify-content:center!important;padding:0!important}.front-side-collapsed .front-primary-menu.jnai8-primary a span{width:34px!important}.front-side-collapsed .front-account-dock.jnai8-account{display:flex!important;justify-content:center!important;padding:8px!important}.front-side-collapsed .jnai8-side-collapse{right:-13px!important;transform:rotate(180deg)!important}.front-side-collapsed .jnai8-side-head{justify-content:center!important}.front-side-collapsed .front-logo.jnai8-logo{justify-content:center!important}body.front-console[data-front-current="draw"] .front-content{padding:0!important}.jnai8-dark-draw{background:#0f0f12!important}.jnai8-dark-thread{background:#0f0f12!important}.jnai8-dark-composer{background:#1b1c20!important;border-color:#33353b!important}.jnai8-dark-composer textarea{background:#1b1c20!important;color:#f5f5f5!important}@media(max-width:900px){.front-main.jnai8-main,.front-side-collapsed .front-main.jnai8-main{margin-left:0!important}.front-sidebar.jnai8-shell,.front-side-collapsed .front-sidebar.jnai8-shell{width:100%!important}.jnai8-side-collapse{display:none!important}} /* jnai8 logged-in image workspace replica: 2026-06-09 pass 19 */ body.front-console[data-front-current="draw"]{margin:0!important;background:#0f1116!important;overflow:hidden!important;color:#fff!important}body.front-console[data-front-current="draw"]>aside.front-sidebar,body.front-console[data-front-current="draw"]>.front-main{display:none!important}.jnai8-replica-app{height:100vh;width:100vw;display:grid;grid-template-columns:265px minmax(0,1fr);background:#0f1116;color:#fff;font-family:Inter,"PingFang SC","Microsoft YaHei",Arial,sans-serif;overflow:hidden}.jnai8-source-sidebar{position:relative;background:linear-gradient(180deg,#f6bf1d 0,#d78514 88px,#11141a 88px,#0c0e13 100%);padding:24px 11px 14px;display:flex;flex-direction:column;min-height:0}.jnai8-logo-collapse{position:absolute;right:12px;top:27px;width:34px;height:34px;border:0;border-radius:50%;background:rgba(20,25,32,.76);color:rgba(255,255,255,.74);font-size:21px;line-height:1;cursor:pointer}.jnai8-source-brand{height:48px;display:flex;align-items:center;gap:10px;color:#141414}.jnai8-source-brand img{width:30px;height:30px;filter:brightness(0)}.jnai8-source-brand strong{font-size:18px;font-weight:900;letter-spacing:0}.jnai8-primary-tabs{display:grid;grid-template-columns:repeat(3,76px);gap:7px;margin-top:27px}.jnai8-primary-tabs button{height:63px;border:0;border-radius:12px;background:transparent;color:#151515;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;font-size:13px;cursor:pointer}.jnai8-primary-tabs button.active{background:rgba(255,255,255,.18)}.jnai8-primary-tabs span{font-size:18px}.jnai8-primary-tabs em{font-style:normal;font-weight:700}.jnai8-secondary-tabs{display:flex;align-items:center;margin:20px 0 16px;padding:0 1px;gap:0}.jnai8-secondary-tabs button{width:39px;height:32px;border:0;border-radius:6px;background:transparent;color:rgba(255,255,255,.5);font-size:11px;cursor:pointer}.jnai8-secondary-tabs button.active{color:#fff;background:rgba(255,255,255,.06)}.jnai8-model-search{height:27px;border-radius:8px;background:rgba(251,191,36,.08);display:flex;align-items:center;gap:8px;padding:0 11px;margin-bottom:15px;color:rgba(251,191,36,.45)}.jnai8-model-search input{height:100%;flex:1;min-width:0;border:0!important;background:transparent!important;color:rgba(255,255,255,.9)!important;box-shadow:none!important;font-size:11px;padding:0!important}.jnai8-model-search input::placeholder{color:rgba(255,255,255,.55)}.jnai8-model-list{min-height:0;overflow:auto;padding-bottom:10px}.jnai8-model-list::-webkit-scrollbar{width:0}.jnai8-model-item{position:relative;width:239px;height:75px;border:0;border-radius:12px;background:transparent;color:#fff;text-align:left;margin:0 0 4px;padding:11px 14px 10px 65px;cursor:pointer;overflow:hidden}.jnai8-model-item.active{background:rgba(0,202,224,.15)}.jnai8-model-item i{position:absolute;left:16px;top:18px;width:38px;height:38px;border-radius:10px;background:rgba(255,255,255,.02);display:grid;place-items:center;font-size:0;color:transparent}.jnai8-model-item i:before{content:"";width:30px;height:30px;border-radius:9px;background:linear-gradient(135deg,#00cae0,#7c3aed);display:block}.jnai8-model-item.active i{background:rgba(0,202,224,.10)}.jnai8-model-item.active i:after{content:"";position:absolute;right:-3px;top:-3px;width:8px;height:8px;border-radius:50%;background:#fff}.jnai8-model-item b{display:inline-block;max-width:116px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:12px;line-height:19px;font-weight:800;color:#fff;vertical-align:top}.jnai8-model-item small{float:right;font-size:10px;line-height:18px;color:rgba(255,255,255,.82);font-weight:700}.jnai8-model-item p{clear:both;margin:4px 0 0;color:rgba(255,255,255,.6);font-size:10.5px;line-height:1.35;height:29px;overflow:hidden}.jnai8-source-account{height:64px;margin-top:auto;display:grid;grid-template-columns:1fr 69px;gap:7px;align-items:center}.jnai8-source-account button{height:56px;border:0;border-radius:11px;background:rgba(255,255,255,.08);color:#fff;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:0 12px;font-size:12px}.jnai8-source-account button:last-child{align-items:center;background:linear-gradient(180deg,#ffe15c,#f3a71a);color:#151515;font-weight:900}.jnai8-source-account strong{font-size:13px}.jnai8-source-account span,.jnai8-source-account em{font-size:11px;opacity:.72;font-style:normal}.jnai8-source-main{position:relative;min-width:0;background:#0f1116;overflow:hidden}.jnai8-task-pill{position:absolute;left:20px;top:27px;width:133px;height:34px;border:0;border-radius:999px;background:rgba(255,255,255,.92);color:#1a1a1a;font-size:12px;font-weight:800;z-index:4;box-shadow:0 8px 24px rgba(0,0,0,.16)}.jnai8-source-workspace{height:100%;display:flex;flex-direction:column;padding:22px 26px 24px 26px}.jnai8-work-head{height:46px;display:flex;align-items:center;gap:10px;margin-left:170px;color:#fff}.jnai8-work-head span{height:28px;border-radius:999px;background:rgba(0,202,224,.15);color:#7befff;display:grid;place-items:center;padding:0 12px;font-size:12px;font-weight:800}.jnai8-work-head strong{font-size:16px}.jnai8-work-head button{margin-left:auto;height:32px;border:1px solid rgba(255,255,255,.1);background:#181b22;color:rgba(255,255,255,.68);border-radius:999px;padding:0 12px}.jnai8-canvas-zone{flex:1;min-height:0;border-radius:16px;background:#15171d;border:1px solid rgba(255,255,255,.06);display:flex;align-items:center;justify-content:center;overflow:auto;margin-top:8px;margin-bottom:14px}.jnai8-empty-canvas{text-align:center;color:rgba(255,255,255,.52)}.jnai8-empty-canvas span{width:64px;height:64px;border-radius:20px;background:#20242d;border:1px dashed rgba(255,255,255,.16);display:grid;place-items:center;margin:0 auto 14px;font-size:30px;color:rgba(255,255,255,.66)}.jnai8-empty-canvas strong{display:block;font-size:16px;color:rgba(255,255,255,.82)}.jnai8-empty-canvas p{font-size:12px;margin:8px 0 0}.jnai8-editor-panel{border-radius:16px;background:#181b22;border:1px solid rgba(255,255,255,.08);padding:12px;box-shadow:0 20px 60px rgba(0,0,0,.28)}.jnai8-editor-panel textarea{width:100%;height:92px;resize:none;border:0!important;background:#181b22!important;color:#fff!important;box-shadow:none!important;outline:0!important;border-radius:12px!important;padding:8px!important;font-size:14px!important;line-height:1.65}.jnai8-editor-panel textarea::placeholder{color:rgba(255,255,255,.4)}.jnai8-editor-actions{display:flex;align-items:center;gap:8px;border-top:1px solid rgba(255,255,255,.08);padding-top:10px;flex-wrap:wrap}.jnai8-editor-actions button,.jnai8-editor-actions input,.jnai8-editor-actions select{height:32px;border-radius:999px!important;border:1px solid rgba(255,255,255,.12)!important;background:#242832!important;color:rgba(255,255,255,.82)!important;font-size:12px!important;padding:0 11px!important;box-shadow:none!important}.jnai8-editor-actions input{width:150px}.jnai8-editor-actions select{width:auto}.jnai8-editor-actions .jnai8-generate{margin-left:auto;border-color:#f6bf1d!important;background:#f6bf1d!important;color:#111!important;font-weight:900!important;min-width:78px}.jnai8-source-main .jnai8-image-message{max-width:760px}.jnai8-source-main .jnai8-message-body{background:#20242d!important;border-color:rgba(255,255,255,.1)!important;color:#fff!important}@media(max-width:900px){.jnai8-replica-app{grid-template-columns:1fr;overflow:auto}.jnai8-source-sidebar{position:relative;min-height:640px}.jnai8-source-main{min-height:760px}.jnai8-source-workspace{padding:14px}.jnai8-work-head{margin-left:0}.jnai8-task-pill{left:auto;right:14px;top:14px}.jnai8-editor-actions .jnai8-generate{width:100%;margin-left:0}} /* jnai8 pass20 pixel corrections */ body.front-console[data-front-current="draw"] .jnai8-source-sidebar{background:#0f1116!important;padding-top:22px!important}.jnai8-source-brand{color:#fff!important}.jnai8-source-brand img{filter:none!important;background:#f6bf1d;border-radius:9px;padding:3px}.jnai8-primary-tabs{margin-top:24px!important}.jnai8-primary-tabs button{color:rgba(255,255,255,.72)!important}.jnai8-primary-tabs button.active{background:rgba(255,255,255,.05)!important;color:#fff!important}.jnai8-logo-collapse{right:12px!important;top:27px!important;background:rgba(20,25,32,.76)!important}.jnai8-task-pill{left:20px!important;top:27px!important;background:transparent!important;color:#1a1a1a!important;box-shadow:none!important}.jnai8-task-pill:before{content:"";position:absolute;inset:0;border-radius:999px;background:linear-gradient(90deg,#ffce0a 0 24%,#fff 24% 100%);z-index:-1}.jnai8-source-workspace{padding-top:22px!important}.jnai8-work-head{height:40px!important;margin-left:176px!important}.jnai8-work-head span{background:#ffca05!important;color:#121212!important}.jnai8-canvas-zone{background:#0f1116!important;border-color:transparent!important;margin-top:10px!important;margin-bottom:14px!important}.jnai8-empty-canvas{opacity:.85}.jnai8-editor-panel{max-width:920px;width:calc(100% - 92px);margin:0 auto;background:#1b1c20!important;border-color:rgba(255,255,255,.08)!important}.jnai8-editor-panel textarea{background:#1b1c20!important}.jnai8-source-main{background:#0f1116!important}.jnai8-model-item.active{background:rgba(0,202,224,.18)!important}.jnai8-model-search{background:rgba(255,255,255,.035)!important}.jnai8-source-account button{background:rgba(255,255,255,.04)!important;color:#fff!important}.jnai8-source-account button:last-child{background:linear-gradient(180deg,#ffe15c,#f3a71a)!important;color:#151515!important} /* jnai8 pass21 visual tightening */ .jnai8-source-sidebar{width:265px!important;box-shadow:1px 0 0 rgba(255,255,255,.03)}.jnai8-model-item.active{background:linear-gradient(90deg,rgba(0,202,224,.34),rgba(0,202,224,.08))!important}.jnai8-model-item.active:before{content:"";position:absolute;left:0;top:8px;bottom:8px;width:3px;border-radius:999px;background:#00cae0}.jnai8-model-item:hover{background:rgba(255,255,255,.035)}.jnai8-model-search{height:32px!important;margin-top:1px!important;margin-bottom:16px!important;background:rgba(255,255,255,.055)!important}.jnai8-secondary-tabs{margin-top:19px!important;margin-bottom:17px!important}.jnai8-source-brand strong{font-size:17px!important}.jnai8-primary-tabs button span{color:rgba(255,255,255,.95)}.jnai8-primary-tabs button.active span{color:#00cae0}.jnai8-canvas-zone{margin-left:0!important;margin-right:0!important;align-items:flex-start!important;padding-top:285px!important}.jnai8-empty-canvas span{width:52px!important;height:52px!important;border-radius:16px!important}.jnai8-empty-canvas strong{font-size:14px!important}.jnai8-editor-panel{width:min(880px,calc(100% - 160px))!important;margin-bottom:2px!important}.jnai8-editor-panel textarea{height:82px!important}.jnai8-work-head{margin-left:168px!important}.jnai8-task-pill{left:20px!important}.jnai8-source-account{margin-bottom:0!important}.jnai8-editor-actions{gap:7px!important}.jnai8-editor-actions button,.jnai8-editor-actions input,.jnai8-editor-actions select{height:30px!important}.jnai8-editor-actions .jnai8-generate{height:34px!important;min-width:82px!important} /* jnai8 pass22 real control bar and text repair */ .jnai8-source-brand{height:54px!important;gap:9px!important;color:#fff!important}.jnai8-source-mark{width:34px;height:34px;border-radius:11px;background:linear-gradient(135deg,#f8d727,#f59e0b);color:#101114;display:grid;place-items:center;font-weight:900;font-size:12px;letter-spacing:0}.jnai8-source-brand strong{font-size:17px!important;color:#fff!important}.jnai8-primary-tabs{margin-top:23px!important}.jnai8-primary-tabs button{height:63px!important;color:#050608!important}.jnai8-primary-tabs button:before{content:"";position:absolute;inset:0;border-radius:14px;background:linear-gradient(180deg,#ffd91f,#f2a20f);opacity:.96;z-index:-1}.jnai8-primary-tabs button{position:relative!important;overflow:hidden!important}.jnai8-primary-tabs button.active{background:transparent!important;color:#050608!important}.jnai8-primary-tabs button.active span{color:#050608!important}.jnai8-primary-tabs button em{color:#050608!important}.jnai8-secondary-tabs{margin-top:20px!important}.jnai8-model-search{height:27px!important;margin-top:0!important;margin-bottom:15px!important;background:rgba(251,191,36,.08)!important}.jnai8-model-item{padding-left:65px!important}.jnai8-model-item i:after{content:"";position:absolute;left:4px;top:4px;width:30px;height:30px;border-radius:9px;background:linear-gradient(135deg,#0f172a,#1f2937)}.jnai8-model-item i:before{position:relative;z-index:1;background:transparent!important;content:"置顶";font-size:8px;color:#fcd34d;display:grid;place-items:center}.jnai8-model-item.active i:after{background:linear-gradient(135deg,#00cae0,#2563eb)}.jnai8-source-account button:first-child{height:60px!important;color:#111!important;background:linear-gradient(135deg,#ffe15c,#f6a91a)!important}.jnai8-source-account button:first-child strong,.jnai8-source-account button:first-child span{color:#111!important}.jnai8-task-pill{left:20px!important;top:27px!important}.jnai8-source-workspace{padding:0 26px 0 20px!important}.jnai8-stage-tools{position:absolute;left:30px;bottom:300px;display:flex;gap:8px;z-index:3}.jnai8-stage-tools button{height:32px;border:0;border-radius:999px;background:rgba(0,0,0,.60);color:rgba(255,255,255,.72);padding:0 13px;font-size:12px}.jnai8-canvas-zone{height:calc(100vh - 218px)!important;flex:none!important;margin:78px 0 0!important;padding-top:250px!important;background:#0f1116!important}.jnai8-editor-panel{position:absolute!important;left:50%!important;bottom:40px!important;transform:translateX(-50%)!important;width:min(930px,calc(100% - 240px))!important;max-width:none!important;margin:0!important;border-radius:18px!important;background:#1c1e24!important;border-color:#343741!important;padding:13px!important;box-shadow:0 22px 80px rgba(0,0,0,.36)!important}.jnai8-editor-panel textarea{height:88px!important;background:#1c1e24!important;padding:6px 8px!important}.jnai8-editor-actions{border-top:1px solid #30333b!important;padding-top:10px!important;flex-wrap:nowrap!important;gap:7px!important}.jnai8-editor-actions button,.jnai8-editor-actions input,.jnai8-editor-actions select,.jnai8-param-chip{height:32px!important;border-radius:999px!important;border:1px solid #383b43!important;background:#272a31!important;color:rgba(255,255,255,.78)!important;font-size:12px!important;padding:0 10px!important;display:inline-flex;align-items:center;white-space:nowrap}.jnai8-editor-actions input[name="reference"]{width:126px!important}.jnai8-editor-actions input[name="count"]{width:56px!important}.jnai8-editor-actions select{max-width:96px!important}.jnai8-editor-actions .jnai8-generate{margin-left:auto!important;background:#ffca05!important;border-color:#ffca05!important;color:#111!important;height:34px!important;min-width:82px!important}.jnai8-price-line{display:flex;align-items:center;gap:8px;margin-top:9px;color:rgba(156,163,175,.7);font-size:11px}.jnai8-price-line span{height:22px;display:inline-flex;align-items:center}.jnai8-empty-canvas{transform:translateY(-68px)}.jnai8-empty-canvas span{background:#1f2229!important}.jnai8-empty-canvas p{color:rgba(255,255,255,.45)!important}.jnai8-work-head{display:none!important}@media(max-width:1050px){.jnai8-editor-panel{width:calc(100% - 32px)!important;bottom:24px!important}.jnai8-editor-actions{flex-wrap:wrap!important}.jnai8-stage-tools{display:none}.jnai8-canvas-zone{height:calc(100vh - 250px)!important}.jnai8-primary-tabs button:before{opacity:.15}.jnai8-primary-tabs button,.jnai8-primary-tabs button em{color:#fff!important}} /* Sitewide modal glass theme override */ .redeem-dialog, .record-dialog, .generation-overlay, .page-notice-overlay { background: radial-gradient(circle at 50% 18%, rgba(34, 211, 238, 0.16), transparent 32%), rgba(2, 6, 23, 0.72) !important; backdrop-filter: blur(14px) !important; -webkit-backdrop-filter: blur(14px) !important; } .redeem-panel, .record-dialog-panel, .error-dialog-panel, .page-notice-panel { background: linear-gradient(180deg, rgba(15, 23, 42, 0.82), rgba(2, 6, 23, 0.78)) !important; border: 1px solid rgba(148, 163, 184, 0.24) !important; color: #f8fafc !important; box-shadow: 0 28px 90px rgba(0, 0, 0, 0.38) !important; } .redeem-head, .record-dialog-head, .error-dialog-head, .record-dialog-foot, .error-dialog-foot, .page-notice-head { border-color: rgba(148, 163, 184, 0.18) !important; } .redeem-head h2, .record-dialog-head h2, .error-dialog-head h2, .page-notice-head h2, .record-full-prompt > p, .error-dialog-body, .page-notice-body { color: #f8fafc !important; } .redeem-head .eyebrow, .record-dialog-head .eyebrow, .record-full-prompt > span, .dialog-close, .record-dialog-close { color: #94a3b8 !important; } .dialog-close:hover, .record-dialog-close:hover { background: rgba(148, 163, 184, 0.12) !important; color: #f8fafc !important; } .record-detail-grid > div, .record-dialog-image { background: rgba(15, 23, 42, 0.64) !important; border-color: rgba(148, 163, 184, 0.18) !important; } .record-detail-grid > div > strong { color: #f8fafc !important; } .record-dialog-image img, .record-dialog-image video { background: rgba(15, 23, 42, 0.64) !important; } /* ai draw result adjustments */ .ai-draw-stream{align-items:flex-start}.ai-draw-message-block{margin-left:-14px}.ai-draw-result-card{position:relative}.ai-draw-result-card time{position:absolute;right:14px;top:12px;font-size:12px;color:#64748b;white-space:nowrap}.ai-draw-result-image{margin-left:-8px}.ai-draw-tags button{display:none!important}.ai-draw-result-status:empty{display:none}.ai-draw-tags{align-items:center}.ai-draw-reference-preview{display:flex;gap:8px;flex-wrap:wrap}.ai-draw-reference-preview img{width:42px;height:42px;border-radius:10px;object-fit:cover;border:1px solid rgba(148,163,184,.35)}.ai-draw-result-card::before{content:'参考图';position:absolute;left:14px;top:12px;width:42px;height:42px;border-radius:10px;border:1px solid rgba(148,163,184,.35);background:rgba(248,250,252,.92);display:grid;place-items:center;font-size:10px;color:#64748b}.ai-draw-result-card .ai-draw-result-image{padding-top:46px}@media(max-width:640px){.ai-draw-message-block{margin-left:0}.ai-draw-result-card time{position:static;display:block;text-align:right;margin-bottom:8px}.ai-draw-result-card::before{top:38px}} /* ai draw reference stacked uploader */ .ai-draw-reference-stack{position:relative;display:flex;align-items:center;gap:12px;min-height:86px;padding:10px 44px 10px 10px;border-radius:18px;background:linear-gradient(135deg,rgba(15,23,42,.92),rgba(30,41,59,.78));border:1px solid rgba(148,163,184,.18);box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 14px 36px rgba(2,6,23,.22);overflow:visible}.ai-draw-reference-stack::before{content:"";position:absolute;inset:8px;border:1px dashed rgba(148,163,184,.42);border-radius:14px;pointer-events:none}.ai-draw-reference-empty{position:relative;z-index:2;width:74px;height:64px;border:1px dashed rgba(148,163,184,.58)!important;background:rgba(15,23,42,.46)!important;color:#dbeafe!important;border-radius:14px!important;display:grid!important;place-items:center!important;gap:2px!important;box-shadow:inset 0 0 28px rgba(59,130,246,.08)}.ai-draw-reference-empty .ai-draw-plus{font-size:24px;line-height:1;color:#93c5fd}.ai-draw-reference-empty span:last-child{font-size:12px;font-weight:800}.ai-draw-reference-stack.has-reference .ai-draw-reference-empty{width:42px;height:42px;border-radius:12px!important;align-self:flex-end}.ai-draw-reference-stack.has-reference .ai-draw-reference-empty span:last-child{display:none}.ai-draw-reference-preview{position:relative;z-index:3;width:118px;height:72px;display:block!important;overflow:visible}.ai-draw-reference-preview.hidden{display:none!important}.ai-draw-reference-card{position:absolute;left:0;top:0;width:72px;height:72px;border-radius:15px;overflow:hidden;border:1px solid rgba(226,232,240,.34);background:#0f172a;box-shadow:0 12px 28px rgba(2,6,23,.34);transform:translateX(calc(var(--i) * 9px)) rotate(calc((var(--i) - 2) * -4deg));transition:transform .22s ease,box-shadow .22s ease,z-index .22s ease}.ai-draw-reference-card:nth-child(1){z-index:5}.ai-draw-reference-card:nth-child(2){z-index:4}.ai-draw-reference-card:nth-child(3){z-index:3}.ai-draw-reference-card:nth-child(4){z-index:2}.ai-draw-reference-card:nth-child(5){z-index:1}.ai-draw-reference-card img{width:100%;height:100%;object-fit:cover;display:block}.ai-draw-reference-card button{position:absolute;right:5px;top:5px;width:20px;height:20px;border:0;border-radius:999px;background:rgba(15,23,42,.78);color:#fff;display:grid;place-items:center;line-height:1;cursor:pointer;opacity:0;transform:scale(.86);transition:opacity .18s ease,transform .18s ease,background .18s ease}.ai-draw-reference-card button:hover{background:rgba(239,68,68,.92)}.ai-draw-reference-preview:hover{width:328px}.ai-draw-reference-preview:hover .ai-draw-reference-card{z-index:10;box-shadow:0 18px 38px rgba(2,6,23,.42)}.ai-draw-reference-preview:hover .ai-draw-reference-card:nth-child(1){transform:translateX(0) rotate(-8deg)}.ai-draw-reference-preview:hover .ai-draw-reference-card:nth-child(2){transform:translateX(58px) rotate(-3deg)}.ai-draw-reference-preview:hover .ai-draw-reference-card:nth-child(3){transform:translateX(116px) rotate(2deg)}.ai-draw-reference-preview:hover .ai-draw-reference-card:nth-child(4){transform:translateX(174px) rotate(7deg)}.ai-draw-reference-preview:hover .ai-draw-reference-card:nth-child(5){transform:translateX(232px) rotate(11deg)}.ai-draw-reference-preview:hover .ai-draw-reference-card button{opacity:1;transform:scale(1)}.ai-draw-reference-manage{position:absolute;right:12px;top:12px;z-index:4;width:28px;height:28px;border:1px solid rgba(148,163,184,.32);border-radius:10px;background:rgba(15,23,42,.72);color:#bfdbfe;display:grid;place-items:center;cursor:pointer}.ai-draw-reference-manage:hover{background:rgba(37,99,235,.82);color:#fff}.ai-draw-reference-stack::after{content:"⌁";position:absolute;left:16px;bottom:12px;z-index:4;width:24px;height:24px;border-radius:8px;background:rgba(37,99,235,.22);border:1px solid rgba(96,165,250,.26);color:#bfdbfe;display:grid;place-items:center;font-weight:900}.ai-draw-reference-stack.has-reference::after{left:14px;bottom:12px}.ai-draw-reference-stack.is-dragging{border-color:rgba(96,165,250,.7);box-shadow:0 0 0 3px rgba(59,130,246,.16),0 14px 36px rgba(2,6,23,.22)}@media(max-width:640px){.ai-draw-reference-stack{padding-right:42px}.ai-draw-reference-preview:hover{width:236px}.ai-draw-reference-preview:hover .ai-draw-reference-card:nth-child(1){transform:translateX(0) rotate(-5deg)}.ai-draw-reference-preview:hover .ai-draw-reference-card:nth-child(2){transform:translateX(40px) rotate(-2deg)}.ai-draw-reference-preview:hover .ai-draw-reference-card:nth-child(3){transform:translateX(80px) rotate(2deg)}.ai-draw-reference-preview:hover .ai-draw-reference-card:nth-child(4){transform:translateX(120px) rotate(5deg)}.ai-draw-reference-preview:hover .ai-draw-reference-card:nth-child(5){transform:translateX(160px) rotate(8deg)}} /* ai draw reference stacked uploader compact fix */ .ai-draw-input-card .ai-draw-reference-stack{position:absolute;left:16px;bottom:14px;z-index:8;width:auto;min-width:76px;min-height:44px;height:44px;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important;overflow:visible}.ai-draw-input-card .ai-draw-reference-stack::before,.ai-draw-input-card .ai-draw-reference-stack::after{display:none!important}.ai-draw-input-card .ai-draw-reference-empty{width:76px!important;height:44px!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:6px!important;border:1px dashed rgba(148,163,184,.58)!important;border-radius:12px!important;background:rgba(15,23,42,.62)!important;color:#dbeafe!important;box-shadow:inset 0 0 18px rgba(59,130,246,.08)!important;backdrop-filter:blur(10px)}.ai-draw-input-card .ai-draw-reference-empty .ai-draw-plus{font-size:18px!important}.ai-draw-input-card .ai-draw-reference-empty span:last-child{display:inline!important;font-size:12px!important}.ai-draw-input-card .ai-draw-reference-stack.has-reference .ai-draw-reference-empty{width:34px!important;height:34px!important;border-radius:10px!important;position:absolute;left:86px;top:5px}.ai-draw-input-card .ai-draw-reference-stack.has-reference .ai-draw-reference-empty span:last-child{display:none!important}.ai-draw-input-card .ai-draw-reference-preview{position:relative!important;width:86px!important;height:44px!important;display:block!important;overflow:visible!important}.ai-draw-input-card .ai-draw-reference-preview.hidden{display:none!important}.ai-draw-input-card .ai-draw-reference-card{width:44px!important;height:44px!important;border-radius:11px!important;border:1px solid rgba(226,232,240,.42)!important;box-shadow:0 8px 20px rgba(2,6,23,.28)!important;transform:translateX(calc(var(--i) * 8px)) rotate(calc((var(--i) - 2) * -3deg))!important}.ai-draw-input-card .ai-draw-reference-card button{width:17px!important;height:17px!important;right:-5px!important;top:-5px!important;font-size:12px!important;opacity:0!important}.ai-draw-input-card .ai-draw-reference-preview:hover{width:254px!important}.ai-draw-input-card .ai-draw-reference-preview:hover .ai-draw-reference-card:nth-child(1){transform:translateX(0) rotate(-5deg)!important}.ai-draw-input-card .ai-draw-reference-preview:hover .ai-draw-reference-card:nth-child(2){transform:translateX(44px) rotate(-2deg)!important}.ai-draw-input-card .ai-draw-reference-preview:hover .ai-draw-reference-card:nth-child(3){transform:translateX(88px) rotate(1deg)!important}.ai-draw-input-card .ai-draw-reference-preview:hover .ai-draw-reference-card:nth-child(4){transform:translateX(132px) rotate(4deg)!important}.ai-draw-input-card .ai-draw-reference-preview:hover .ai-draw-reference-card:nth-child(5){transform:translateX(176px) rotate(7deg)!important}.ai-draw-input-card .ai-draw-reference-preview:hover .ai-draw-reference-card button{opacity:1!important;transform:scale(1)!important}.ai-draw-input-card .ai-draw-reference-manage{right:-2px!important;top:-8px!important;width:22px!important;height:22px!important;border-radius:8px!important;background:rgba(15,23,42,.7)!important;color:#bfdbfe!important;font-size:12px!important;opacity:.72}.ai-draw-input-card .ai-draw-reference-manage:hover{opacity:1;background:rgba(37,99,235,.86)!important;color:#fff!important}.ai-draw-input-card .ai-draw-reference-stack:not(.has-reference) .ai-draw-reference-manage{display:none!important}.ai-draw-input-card .ai-draw-text-wrap{padding-bottom:54px}@media(max-width:640px){.ai-draw-input-card .ai-draw-reference-preview:hover{width:210px!important}.ai-draw-input-card .ai-draw-reference-preview:hover .ai-draw-reference-card:nth-child(2){transform:translateX(36px) rotate(-2deg)!important}.ai-draw-input-card .ai-draw-reference-preview:hover .ai-draw-reference-card:nth-child(3){transform:translateX(72px) rotate(1deg)!important}.ai-draw-input-card .ai-draw-reference-preview:hover .ai-draw-reference-card:nth-child(4){transform:translateX(108px) rotate(4deg)!important}.ai-draw-input-card .ai-draw-reference-preview:hover .ai-draw-reference-card:nth-child(5){transform:translateX(144px) rotate(7deg)!important}} /* ai draw reference x/fan interaction fix */ .ai-draw-input-card .ai-draw-reference-manage{opacity:0!important;pointer-events:none!important;transform:scale(.82)!important}.ai-draw-input-card .ai-draw-reference-stack.has-reference:hover .ai-draw-reference-manage{opacity:.75!important;pointer-events:auto!important;transform:scale(1)!important}.ai-draw-input-card .ai-draw-reference-stack.has-reference:hover .ai-draw-reference-manage:hover{opacity:1!important}.ai-draw-input-card .ai-draw-reference-card button{opacity:0!important;pointer-events:none!important;transform:scale(.72)!important}.ai-draw-input-card .ai-draw-reference-preview:hover .ai-draw-reference-card button,.ai-draw-input-card .ai-draw-reference-card:hover button{opacity:1!important;pointer-events:auto!important;transform:scale(1)!important}.ai-draw-input-card .ai-draw-reference-preview .ai-draw-reference-card{transform-origin:50% 112%!important}.ai-draw-input-card .ai-draw-reference-preview:hover .ai-draw-reference-card:nth-child(1){transform:translateX(0) translateY(3px) rotate(-16deg)!important}.ai-draw-input-card .ai-draw-reference-preview:hover .ai-draw-reference-card:nth-child(2){transform:translateX(38px) translateY(-2px) rotate(-8deg)!important}.ai-draw-input-card .ai-draw-reference-preview:hover .ai-draw-reference-card:nth-child(3){transform:translateX(78px) translateY(-6px) rotate(0deg)!important}.ai-draw-input-card .ai-draw-reference-preview:hover .ai-draw-reference-card:nth-child(4){transform:translateX(118px) translateY(-2px) rotate(8deg)!important}.ai-draw-input-card .ai-draw-reference-preview:hover .ai-draw-reference-card:nth-child(5){transform:translateX(156px) translateY(3px) rotate(16deg)!important}.ai-draw-input-card .ai-draw-reference-preview:hover{width:228px!important}@media(max-width:640px){.ai-draw-input-card .ai-draw-reference-preview:hover{width:190px!important}.ai-draw-input-card .ai-draw-reference-preview:hover .ai-draw-reference-card:nth-child(2){transform:translateX(32px) translateY(-2px) rotate(-8deg)!important}.ai-draw-input-card .ai-draw-reference-preview:hover .ai-draw-reference-card:nth-child(3){transform:translateX(64px) translateY(-6px) rotate(0deg)!important}.ai-draw-input-card .ai-draw-reference-preview:hover .ai-draw-reference-card:nth-child(4){transform:translateX(96px) translateY(-2px) rotate(8deg)!important}.ai-draw-input-card .ai-draw-reference-preview:hover .ai-draw-reference-card:nth-child(5){transform:translateX(128px) translateY(3px) rotate(16deg)!important}} /* ai draw result action polish */ .ai-draw-message-block{margin-left:-24px}.ai-draw-result-image{margin-left:-14px}.ai-draw-image-tools [data-image-action="quote"]{display:none!important}.ai-action-toast{position:fixed;right:24px;top:24px;z-index:99999;min-width:188px;padding:14px 16px;border:1px solid rgba(96,165,250,.28);border-radius:16px;background:linear-gradient(135deg,rgba(15,23,42,.94),rgba(30,41,59,.9));color:#e5f0ff;box-shadow:0 18px 48px rgba(2,6,23,.28);opacity:0;transform:translateY(-8px);transition:opacity .22s ease,transform .22s ease;backdrop-filter:blur(14px)}.ai-action-toast.is-show{opacity:1;transform:translateY(0)}.ai-action-toast strong{display:block;font-size:14px;line-height:1.2}.ai-action-toast span{display:block;margin-top:4px;color:#bfdbfe;font-size:12px}.records-preview-modal .ai-draw-preview-stage{position:relative}.media-card [data-record-preview]{cursor:zoom-in}@media(max-width:640px){.ai-draw-message-block{margin-left:0}.ai-draw-result-image{margin-left:0}.ai-action-toast{right:14px;left:14px;top:14px}} /* records page centered header */ .records-page .records-page-hd{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:14px}.records-page .records-page-hd>div:first-child{display:flex;flex-direction:column;align-items:center;max-width:760px}.records-page .records-page-hd h1,.records-page .records-page-hd p{text-align:center}.records-page .records-page-hd p{line-height:1.7}.records-count-pill{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:999px;background:rgba(59,130,246,.08);border:1px solid rgba(59,130,246,.16);color:var(--text-muted)}.records-count-pill .num{font-weight:900;color:var(--main-primary)}.records-count-pill .label{font-size:13px} /* frontend modal unified theme */ .ai-draw-dialog-backdrop,.ai-draw-preview-modal,.modal-backdrop,.dialog-backdrop,.resource-dialog,.resource-dialog-backdrop,.share-dialog-backdrop,.image-preview-modal,.preview-modal{background:transparent!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}.ai-draw-dialog,.ai-draw-preview-panel,.modal,.dialog,.resource-dialog-panel,.share-dialog,.image-preview-panel,.preview-panel{border:1px solid rgba(96,165,250,.26)!important;background:linear-gradient(135deg,rgba(15,23,42,.96),rgba(30,41,59,.94))!important;color:#e5f0ff!important;box-shadow:0 22px 70px rgba(2,6,23,.36),inset 0 1px 0 rgba(255,255,255,.08)!important}.ai-draw-dialog h3,.ai-draw-dialog p,.modal h3,.modal p,.dialog h3,.dialog p,.resource-dialog-panel h3,.resource-dialog-panel p,.share-dialog h3,.share-dialog p{color:inherit!important}.ai-draw-dialog p,.modal p,.dialog p,.resource-dialog-panel p,.share-dialog p{color:#bfdbfe!important}.ai-draw-preview-close,.modal-close,.dialog-close,.resource-dialog-close,.share-dialog-close,.preview-close{background:rgba(15,23,42,.78)!important;border:1px solid rgba(148,163,184,.28)!important;color:#dbeafe!important}.ai-draw-preview-close:hover,.modal-close:hover,.dialog-close:hover,.resource-dialog-close:hover,.share-dialog-close:hover,.preview-close:hover{background:rgba(37,99,235,.82)!important;color:#fff!important}.ai-action-toast{border-color:rgba(96,165,250,.28)!important;background:linear-gradient(135deg,rgba(15,23,42,.96),rgba(30,41,59,.94))!important;color:#e5f0ff!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important} /* ai draw action reapply stronger */ .ai-draw-message-block{margin-left:-36px!important}.ai-draw-result-image{margin-left:-22px!important}.ai-draw-preview-modal,.records-preview-modal{background:transparent!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}.ai-draw-preview-panel{background:linear-gradient(135deg,rgba(15,23,42,.96),rgba(30,41,59,.94))!important;border:1px solid rgba(96,165,250,.26)!important;box-shadow:0 22px 70px rgba(2,6,23,.36),inset 0 1px 0 rgba(255,255,255,.08)!important}.ai-draw-preview-stage{position:relative!important}.ai-draw-preview-stage .ai-draw-image-tools{position:absolute!important;right:16px!important;bottom:16px!important;z-index:8!important;display:flex!important;gap:10px!important;opacity:1!important;transform:none!important}.ai-draw-preview-stage .ai-draw-image-tools button{width:38px!important;height:38px!important;border-radius:12px!important;border:1px solid rgba(147,197,253,.32)!important;background:rgba(15,23,42,.78)!important;color:#dbeafe!important;display:grid!important;place-items:center!important;cursor:pointer!important;box-shadow:0 10px 26px rgba(2,6,23,.24)!important}.ai-draw-preview-stage .ai-draw-image-tools button:hover{background:rgba(37,99,235,.88)!important;color:#fff!important;transform:translateY(-1px)!important}.ai-draw-preview-stage .ai-draw-image-tools svg{width:18px!important;height:18px!important;stroke:currentColor!important;fill:none!important;stroke-width:2!important}.ai-action-toast{z-index:2147483647!important;position:fixed!important;right:24px!important;top:24px!important;border:1px solid rgba(96,165,250,.32)!important;border-radius:16px!important;background:linear-gradient(135deg,rgba(15,23,42,.96),rgba(30,41,59,.94))!important;color:#e5f0ff!important;box-shadow:0 18px 48px rgba(2,6,23,.28)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}.ai-action-toast strong{color:#fff!important}.ai-action-toast span{color:#bfdbfe!important}@media(max-width:640px){.ai-draw-message-block{margin-left:0!important}.ai-draw-result-image{margin-left:0!important}.ai-draw-preview-stage .ai-draw-image-tools{right:10px!important;bottom:10px!important}.ai-action-toast{left:14px!important;right:14px!important;top:14px!important}}  /* ai draw final commercial polish */ .ai-draw-message-block{margin-left:-44px!important}.ai-draw-result-image{margin-left:-28px!important}.ai-draw-preview-stage .ai-draw-image-tools{opacity:0!important;visibility:hidden!important;transform:translateY(8px)!important;transition:opacity .18s ease,visibility .18s ease,transform .18s ease!important}.ai-draw-preview-stage:hover .ai-draw-image-tools,.ai-draw-preview-stage:focus-within .ai-draw-image-tools{opacity:1!important;visibility:visible!important;transform:translateY(0)!important}.ai-draw-preview-stage .ai-draw-image-tools button{background:rgba(17,24,39,.72)!important;border:1px solid rgba(255,255,255,.2)!important;color:#fff!important;box-shadow:0 12px 28px rgba(15,23,42,.26)!important;backdrop-filter:blur(10px)!important;-webkit-backdrop-filter:blur(10px)!important}.ai-draw-preview-stage .ai-draw-image-tools button:hover{background:#2563eb!important;border-color:#60a5fa!important;box-shadow:0 14px 32px rgba(37,99,235,.32)!important}.ai-action-toast{top:28px!important;right:28px!important;min-width:260px!important;display:grid!important;grid-template-columns:40px 1fr!important;column-gap:12px!important;align-items:center!important;padding:16px 18px!important;border-radius:16px!important;background:#fff!important;border:1px solid rgba(15,23,42,.08)!important;color:#0f172a!important;box-shadow:0 20px 50px rgba(15,23,42,.16),0 4px 14px rgba(15,23,42,.08)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}.ai-action-toast::before{content:'✓'!important;width:40px!important;height:40px!important;border-radius:999px!important;display:grid!important;place-items:center!important;background:linear-gradient(135deg,#16a34a,#22c55e)!important;color:#fff!important;font-size:21px!important;font-weight:800!important;box-shadow:0 8px 18px rgba(34,197,94,.28)!important}.ai-action-toast strong{grid-column:2!important;display:block!important;margin:0 0 3px!important;color:#111827!important;font-size:15px!important;font-weight:700!important;letter-spacing:.01em!important}.ai-action-toast span{grid-column:2!important;display:block!important;color:#64748b!important;font-size:13px!important;line-height:1.45!important}@media(max-width:640px){.ai-draw-message-block{margin-left:-12px!important}.ai-draw-result-image{margin-left:-8px!important}.ai-draw-preview-stage .ai-draw-image-tools{opacity:1!important;visibility:visible!important;transform:none!important}.ai-action-toast{left:14px!important;right:14px!important;top:14px!important;min-width:0!important}}  /* ai draw centered toast hover-only final */ .ai-draw-message-block{margin-left:-56px!important}.ai-draw-result-image{margin-left:-36px!important}.ai-draw-preview-stage .ai-draw-image-tools{opacity:0!important;visibility:hidden!important;pointer-events:none!important;transform:translateY(10px)!important;transition:opacity .2s ease,visibility .2s ease,transform .2s ease!important}.ai-draw-preview-stage:hover .ai-draw-image-tools,.ai-draw-preview-stage:focus-within .ai-draw-image-tools{opacity:1!important;visibility:visible!important;pointer-events:auto!important;transform:translateY(0)!important}.ai-action-toast{position:fixed!important;left:50%!important;right:auto!important;top:50%!important;bottom:auto!important;transform:translate(-50%,-50%) scale(.96)!important;min-width:300px!important;max-width:min(420px,calc(100vw - 32px))!important;display:grid!important;grid-template-columns:44px 1fr!important;column-gap:14px!important;align-items:center!important;padding:18px 20px!important;border-radius:18px!important;background:linear-gradient(135deg,rgba(15,23,42,.98),rgba(30,41,59,.96))!important;border:1px solid rgba(96,165,250,.34)!important;color:#e5f0ff!important;box-shadow:0 28px 80px rgba(2,6,23,.36),inset 0 1px 0 rgba(255,255,255,.08)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}.ai-action-toast.is-show{transform:translate(-50%,-50%) scale(1)!important}.ai-action-toast::before{content:'✓'!important;width:44px!important;height:44px!important;border-radius:14px!important;display:grid!important;place-items:center!important;background:linear-gradient(135deg,#2563eb,#38bdf8)!important;color:#fff!important;font-size:23px!important;font-weight:900!important;box-shadow:0 10px 24px rgba(37,99,235,.34)!important}.ai-action-toast strong{grid-column:2!important;display:block!important;margin:0 0 4px!important;color:#fff!important;font-size:16px!important;font-weight:800!important;letter-spacing:.01em!important}.ai-action-toast span{grid-column:2!important;display:block!important;color:#bfdbfe!important;font-size:13px!important;line-height:1.5!important}@media(max-width:640px){.ai-draw-message-block{margin-left:-18px!important}.ai-draw-result-image{margin-left:-12px!important}.ai-draw-preview-stage .ai-draw-image-tools{opacity:0!important;visibility:hidden!important;pointer-events:none!important;transform:translateY(10px)!important}.ai-draw-preview-stage:hover .ai-draw-image-tools,.ai-draw-preview-stage:focus-within .ai-draw-image-tools{opacity:1!important;visibility:visible!important;pointer-events:auto!important;transform:translateY(0)!important}.ai-action-toast{left:50%!important;right:auto!important;top:50%!important;min-width:280px!important}}  /* ai draw aligned-left black-toast final */ .ai-draw-message-block{margin-left:-56px!important}.ai-draw-result-card{margin-left:-46px!important;width:calc(100% + 46px)!important}.ai-draw-result-image{margin-left:0!important}.ai-draw-result-card time,.ai-draw-result-card::before,.ai-draw-result-status,.ai-draw-result-actions{transform:none!important}.ai-draw-result-image,.ai-draw-preview-stage{position:relative!important}.ai-draw-result-image .ai-draw-image-tools,.ai-draw-preview-stage .ai-draw-image-tools{opacity:0!important;visibility:hidden!important;pointer-events:none!important;transform:translateY(10px)!important;transition:opacity .2s ease,visibility .2s ease,transform .2s ease!important}.ai-draw-result-image:hover .ai-draw-image-tools,.ai-draw-result-image:focus-within .ai-draw-image-tools,.ai-draw-preview-stage:hover .ai-draw-image-tools,.ai-draw-preview-stage:focus-within .ai-draw-image-tools{opacity:1!important;visibility:visible!important;pointer-events:auto!important;transform:translateY(0)!important}.ai-action-toast{position:fixed!important;left:50%!important;right:auto!important;top:50%!important;bottom:auto!important;transform:translate(-50%,-50%) scale(.96)!important;min-width:220px!important;max-width:min(320px,calc(100vw - 36px))!important;display:grid!important;grid-template-columns:30px 1fr!important;column-gap:10px!important;align-items:center!important;padding:12px 14px!important;border-radius:13px!important;background:rgba(5,8,14,.94)!important;border:1px solid rgba(255,255,255,.12)!important;color:#f8fafc!important;box-shadow:0 18px 48px rgba(0,0,0,.38),inset 0 1px 0 rgba(255,255,255,.06)!important;backdrop-filter:blur(10px)!important;-webkit-backdrop-filter:blur(10px)!important}.ai-action-toast.is-show{transform:translate(-50%,-50%) scale(1)!important}.ai-action-toast::before{content:'✓'!important;width:30px!important;height:30px!important;border-radius:9px!important;display:grid!important;place-items:center!important;background:rgba(37,99,235,.92)!important;color:#fff!important;font-size:17px!important;font-weight:900!important;box-shadow:0 8px 18px rgba(37,99,235,.28)!important}.ai-action-toast strong{grid-column:2!important;display:block!important;margin:0 0 2px!important;color:#fff!important;font-size:13px!important;font-weight:800!important;line-height:1.2!important}.ai-action-toast span{grid-column:2!important;display:block!important;color:#cbd5e1!important;font-size:12px!important;line-height:1.35!important}@media(max-width:640px){.ai-draw-message-block{margin-left:-22px!important}.ai-draw-result-card{margin-left:-18px!important;width:calc(100% + 18px)!important}.ai-action-toast{min-width:210px!important;padding:11px 13px!important}}  /* ai draw reference uploader clean redesign */ body.page-app .ai-draw-input-card .ai-draw-reference, .ai-draw-input-card .ai-draw-reference-stack{position:absolute!important;left:14px!important;top:12px!important;right:auto!important;bottom:auto!important;z-index:22!important;width:86px!important;height:42px!important;min-width:86px!important;min-height:42px!important;border-radius:13px!important;border:1px dashed rgba(148,163,184,.42)!important;background:linear-gradient(135deg,rgba(24,24,27,.96),rgba(39,39,42,.9))!important;box-shadow:0 8px 20px rgba(0,0,0,.2),inset 0 1px 0 rgba(255,255,255,.05)!important;display:grid!important;place-items:center!important;overflow:visible!important;opacity:1!important;visibility:visible!important;pointer-events:auto!important;padding:0!important}.ai-draw-input-card .ai-draw-reference-stack::before,.ai-draw-input-card .ai-draw-reference-stack::after,body.page-app .ai-draw-reference-stack::before,body.page-app .ai-draw-reference-stack::after{display:none!important;content:none!important}.ai-draw-input-card .ai-draw-reference-empty,body.page-app .ai-draw-reference-btn{width:100%!important;height:100%!important;border:0!important;background:transparent!important;box-shadow:none!important;color:#e5e7eb!important;border-radius:inherit!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:0 10px!important;gap:0!important;font-size:12px!important;font-weight:800!important;letter-spacing:.01em!important;line-height:1!important}.ai-draw-input-card .ai-draw-reference-empty .ai-draw-plus,body.page-app .ai-draw-reference-btn .ai-draw-plus{display:none!important}.ai-draw-input-card .ai-draw-reference-empty span:last-child,body.page-app .ai-draw-reference-btn span:last-child{display:inline!important;font-size:12px!important;font-weight:800!important;color:#e5e7eb!important}.ai-draw-input-card .ai-draw-reference-stack:hover,body.page-app .ai-draw-reference:hover,body.page-app .ai-draw-reference.is-dragging{border-color:rgba(59,130,246,.82)!important;background:linear-gradient(135deg,rgba(30,41,59,.98),rgba(37,99,235,.24))!important;box-shadow:0 10px 26px rgba(37,99,235,.18),inset 0 1px 0 rgba(255,255,255,.07)!important}.ai-draw-input-card .ai-draw-reference-preview,body.page-app .ai-draw-reference-preview{position:absolute!important;inset:3px!important;border-radius:10px!important;overflow:hidden!important;background:#111!important;z-index:3!important}.ai-draw-input-card .ai-draw-reference-preview.hidden,body.page-app .ai-draw-reference-preview.hidden{display:none!important}.ai-draw-input-card .ai-draw-reference-stack.has-reference,body.page-app .ai-draw-reference:has(.ai-draw-reference-preview:not(.hidden)){width:58px!important;height:58px!important;min-width:58px!important;min-height:58px!important;border-style:solid!important;border-radius:14px!important}.ai-draw-input-card .ai-draw-reference-stack.has-reference .ai-draw-reference-empty,body.page-app .ai-draw-reference:has(.ai-draw-reference-preview:not(.hidden)) .ai-draw-reference-btn{opacity:0!important;pointer-events:none!important}.ai-draw-input-card .ai-draw-reference-card{width:52px!important;height:52px!important;border-radius:12px!important}.ai-draw-input-card .ai-draw-reference-manage,body.page-app .ai-draw-reference-manage{right:-8px!important;top:-8px!important;width:22px!important;height:22px!important;border-radius:999px!important;background:rgba(0,0,0,.72)!important;border:1px solid rgba(255,255,255,.18)!important;color:#fff!important;font-size:12px!important;line-height:1!important}.ai-draw-input-card .ai-draw-text-wrap textarea,body.page-app .ai-draw-text-wrap textarea{padding-left:114px!important}@media(max-width:820px){body.page-app .ai-draw-input-card .ai-draw-reference,.ai-draw-input-card .ai-draw-reference-stack{left:12px!important;top:12px!important;width:78px!important;height:40px!important;min-width:78px!important;min-height:40px!important}.ai-draw-input-card .ai-draw-text-wrap textarea,body.page-app .ai-draw-text-wrap textarea{padding-left:102px!important}.ai-draw-input-card .ai-draw-reference-stack.has-reference,body.page-app .ai-draw-reference:has(.ai-draw-reference-preview:not(.hidden)){width:52px!important;height:52px!important;min-width:52px!important;min-height:52px!important}}  /* ai draw reference remove corner ornaments */ .ai-draw-reference::before,.ai-draw-reference::after,.ai-draw-reference-btn::before,.ai-draw-reference-btn::after,.ai-draw-reference-empty::before,.ai-draw-reference-empty::after,.ai-draw-reference-stack::before,.ai-draw-reference-stack::after,body.page-app .ai-draw-reference::before,body.page-app .ai-draw-reference::after,body.page-app .ai-draw-reference-btn::before,body.page-app .ai-draw-reference-btn::after,body.page-app .ai-draw-reference-empty::before,body.page-app .ai-draw-reference-empty::after{content:none!important;display:none!important;background:none!important;border:0!important;box-shadow:none!important}.ai-draw-input-card .ai-draw-reference-stack,body.page-app .ai-draw-input-card .ai-draw-reference{background:rgba(26,26,26,.96)!important;border:1px dashed rgba(148,163,184,.42)!important;box-shadow:0 8px 20px rgba(0,0,0,.18)!important}.ai-draw-input-card .ai-draw-reference-empty,body.page-app .ai-draw-reference-btn{background:transparent!important;box-shadow:none!important}.ai-draw-input-card .ai-draw-reference-empty span,body.page-app .ai-draw-reference-btn span{position:static!important;display:inline!important;background:none!important;border:0!important;box-shadow:none!important;color:#e5e7eb!important}  /* ai draw reference hanging card tweak */ body.page-app .ai-draw-input-card .ai-draw-reference, .ai-draw-input-card .ai-draw-reference-stack{ width:102px!important; height:50px!important; min-width:102px!important; min-height:50px!important; border-radius:4px!important; transform:rotate(-5deg)!important; transform-origin:62% 22%!important; background:rgba(24,24,27,.96)!important; border:1px dashed rgba(148,163,184,.5)!important; box-shadow:0 12px 24px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.05)!important; } body.page-app .ai-draw-input-card .ai-draw-reference:hover, .ai-draw-input-card .ai-draw-reference-stack:hover, body.page-app .ai-draw-reference.is-dragging{ transform:rotate(-5deg) translateY(-1px)!important; border-color:rgba(59,130,246,.86)!important; background:linear-gradient(135deg,rgba(30,41,59,.98),rgba(37,99,235,.22))!important; } .ai-draw-input-card .ai-draw-reference-empty, body.page-app .ai-draw-reference-btn{ border-radius:4px!important; font-size:13px!important; font-weight:800!important; } .ai-draw-input-card .ai-draw-reference-stack.has-reference, body.page-app .ai-draw-reference:has(.ai-draw-reference-preview:not(.hidden)){ width:68px!important; height:68px!important; min-width:68px!important; min-height:68px!important; border-radius:5px!important; transform:rotate(-5deg)!important; } .ai-draw-input-card .ai-draw-reference-preview, body.page-app .ai-draw-reference-preview{ inset:4px!important; border-radius:3px!important; } .ai-draw-input-card .ai-draw-text-wrap textarea, body.page-app .ai-draw-text-wrap textarea{ padding-left:132px!important; } @media(max-width:820px){ body.page-app .ai-draw-input-card .ai-draw-reference, .ai-draw-input-card .ai-draw-reference-stack{ width:92px!important; height:46px!important; min-width:92px!important; min-height:46px!important; transform:rotate(-5deg)!important; } .ai-draw-input-card .ai-draw-reference-stack.has-reference, body.page-app .ai-draw-reference:has(.ai-draw-reference-preview:not(.hidden)){ width:60px!important; height:60px!important; min-width:60px!important; min-height:60px!important; } .ai-draw-input-card .ai-draw-text-wrap textarea, body.page-app .ai-draw-text-wrap textarea{ padding-left:118px!important; } }  /* ai draw reference sharp square corners */ body.page-app .ai-draw-input-card .ai-draw-reference, .ai-draw-input-card .ai-draw-reference-stack, .ai-draw-input-card .ai-draw-reference-empty, body.page-app .ai-draw-reference-btn, .ai-draw-input-card .ai-draw-reference-stack.has-reference, body.page-app .ai-draw-reference:has(.ai-draw-reference-preview:not(.hidden)), .ai-draw-input-card .ai-draw-reference-preview, body.page-app .ai-draw-reference-preview, .ai-draw-input-card .ai-draw-reference-card{ border-radius:0!important; }  /* ai draw reference outer frame true square corners */ body.page-app .ai-draw-reference, body.page-app .ai-draw-input-card .ai-draw-reference, body.page-app .ai-draw-input-card .ai-draw-reference.ai-draw-reference-stack, .ai-draw-reference.ai-draw-reference-stack, .ai-draw-input-card .ai-draw-reference.ai-draw-reference-stack{ border-radius:0!important; clip-path:none!important; } body.page-app .ai-draw-reference::before, body.page-app .ai-draw-reference::after, .ai-draw-reference.ai-draw-reference-stack::before, .ai-draw-reference.ai-draw-reference-stack::after{ border-radius:0!important; } body.page-app .ai-draw-reference-btn, body.page-app .ai-draw-reference-empty, .ai-draw-reference .ai-draw-reference-btn, .ai-draw-reference .ai-draw-reference-empty{ border-radius:0!important; } body.page-app .ai-draw-reference:has(.ai-draw-reference-preview:not(.hidden)), .ai-draw-input-card .ai-draw-reference-stack.has-reference{ border-radius:0!important; }  /* ai draw reference delete click fix */ .ai-draw-reference-preview{pointer-events:auto!important;z-index:30!important}.ai-draw-reference-card{position:relative!important;pointer-events:auto!important}.ai-draw-reference-card button,[data-reference-remove]{position:absolute!important;right:-8px!important;top:-8px!important;z-index:999!important;width:24px!important;height:24px!important;min-width:24px!important;min-height:24px!important;display:grid!important;place-items:center!important;pointer-events:auto!important;cursor:pointer!important;border-radius:999px!important;border:1px solid rgba(255,255,255,.22)!important;background:rgba(0,0,0,.82)!important;color:#fff!important;font-size:18px!important;font-weight:800!important;line-height:1!important;box-shadow:0 8px 18px rgba(0,0,0,.32)!important}.ai-draw-reference-card button:hover,[data-reference-remove]:hover{background:#ef4444!important;border-color:#fca5a5!important;color:#fff!important;transform:scale(1.06)!important}  /* ai draw reference remove duplicate x */ .ai-draw-reference-manage,[data-reference-clear]{display:none!important;opacity:0!important;visibility:hidden!important;pointer-events:none!important}.ai-draw-reference-card button::before,.ai-draw-reference-card button::after,[data-reference-remove]::before,[data-reference-remove]::after{content:none!important;display:none!important}.ai-draw-reference-card button,[data-reference-remove]{font-family:Arial,Helvetica,sans-serif!important;text-indent:0!important;overflow:hidden!important}  /* ai draw reference x top orb scrollbar final */ body.page-app .ai-draw-reference-manage, .ai-draw-input-card .ai-draw-reference-manage, [data-reference-clear]{display:none!important;opacity:0!important;visibility:hidden!important;pointer-events:none!important;width:0!important;height:0!important;overflow:hidden!important} body.page-app .ai-draw-topbar, .ai-draw-topbar{justify-content:flex-start!important;padding-left:28px!important;padding-right:28px!important} body.page-app .ai-draw-orb, .ai-draw-orb{margin-left:0!important;margin-right:auto!important;order:-1!important} body.page-app .ai-draw-text-wrap textarea, .ai-draw-text-wrap textarea{scrollbar-width:thin!important;scrollbar-color:#3a3a3a #151515!important} body.page-app .ai-draw-text-wrap textarea::-webkit-scrollbar, .ai-draw-text-wrap textarea::-webkit-scrollbar{width:8px!important;height:8px!important;background:#151515!important} body.page-app .ai-draw-text-wrap textarea::-webkit-scrollbar-track, .ai-draw-text-wrap textarea::-webkit-scrollbar-track{background:#151515!important;border-radius:999px!important} body.page-app .ai-draw-text-wrap textarea::-webkit-scrollbar-thumb, .ai-draw-text-wrap textarea::-webkit-scrollbar-thumb{background:#3a3a3a!important;border:2px solid #151515!important;border-radius:999px!important} body.page-app .ai-draw-text-wrap textarea::-webkit-scrollbar-thumb:hover, .ai-draw-text-wrap textarea::-webkit-scrollbar-thumb:hover{background:#525252!important} @media(max-width:820px){body.page-app .ai-draw-topbar,.ai-draw-topbar{justify-content:flex-start!important;padding-left:14px!important;padding-right:14px!important}}  /* ai draw move orb into quick drawer trigger */ body.page-app .ai-draw-orb, .ai-draw-page .ai-draw-orb{ display:none!important; opacity:0!important; visibility:hidden!important; pointer-events:none!important; } body.page-app .ai-draw-topbar, .ai-draw-topbar{ justify-content:flex-end!important; } body.page-app .jn-quick-drawer-trigger, .jn-quick-drawer-trigger{ width:42px!important; height:42px!important; border-radius:999px!important; padding:8px!important; display:grid!important; grid-template-columns:1fr 1fr!important; grid-template-rows:1fr 1fr!important; gap:3px!important; place-items:stretch!important; background:#101010!important; border:1px solid #252525!important; box-shadow:0 10px 24px rgba(0,0,0,.28)!important; color:transparent!important; } body.page-app .jn-quick-drawer-trigger::before, .jn-quick-drawer-trigger::before{ content:""!important; position:static!important; display:block!important; width:auto!important; height:auto!important; inset:auto!important; border-radius:999px!important; background:#3b82f6!important; box-shadow:none!important; pointer-events:none!important; } body.page-app .jn-quick-drawer-trigger::after, .jn-quick-drawer-trigger::after{ content:""!important; display:block!important; border-radius:999px!important; background:#f97316!important; pointer-events:none!important; } body.page-app .jn-quick-drawer-trigger span, .jn-quick-drawer-trigger span{ display:block!important; border-radius:999px!important; pointer-events:none!important; } body.page-app .jn-quick-drawer-trigger span:nth-of-type(1), .jn-quick-drawer-trigger span:nth-of-type(1){background:#22c55e!important} body.page-app .jn-quick-drawer-trigger span:nth-of-type(2), .jn-quick-drawer-trigger span:nth-of-type(2){background:#a855f7!important} body.page-app .jn-quick-drawer-trigger svg, .jn-quick-drawer-trigger svg{ display:none!important; } body.page-app .jn-quick-drawer-trigger:hover, .jn-quick-drawer-trigger:hover{ transform:translateY(-2px) scale(1.02)!important; border-color:#3b82f6!important; background:#171717!important; box-shadow:0 14px 30px rgba(0,0,0,.36),0 0 22px rgba(59,130,246,.18)!important; } @media(max-width:760px){ body.page-app .jn-quick-drawer-trigger, .jn-quick-drawer-trigger{width:40px!important;height:40px!important;padding:7px!important;right:12px!important;top:12px!important} } /* AI draw quick drawer four-dot orb fix 2026-06-12 */ body.page-app .ai-draw-orb, .ai-draw-page .ai-draw-orb{display:none!important;opacity:0!important;visibility:hidden!important;pointer-events:none!important} body.page-app .ai-draw-topbar, .ai-draw-topbar{justify-content:flex-end!important} body.page-app .jn-quick-drawer-trigger, .jn-quick-drawer-trigger{width:42px!important;height:42px!important;border-radius:999px!important;padding:0!important;display:block!important;position:fixed!important;overflow:hidden!important;background:radial-gradient(circle at 34% 34%,#3b82f6 0 13%,transparent 14%),radial-gradient(circle at 66% 34%,#f97316 0 13%,transparent 14%),radial-gradient(circle at 34% 66%,#22c55e 0 13%,transparent 14%),radial-gradient(circle at 66% 66%,#a855f7 0 13%,transparent 14%),#101010!important;border:1px solid #252525!important;box-shadow:0 10px 24px rgba(0,0,0,.28)!important;color:transparent!important;font-size:0!important;line-height:0!important} body.page-app .jn-quick-drawer-trigger::before, body.page-app .jn-quick-drawer-trigger::after, .jn-quick-drawer-trigger::before, .jn-quick-drawer-trigger::after{content:none!important;display:none!important} body.page-app .jn-quick-drawer-trigger svg, body.page-app .jn-quick-drawer-trigger span, .jn-quick-drawer-trigger svg, .jn-quick-drawer-trigger span{display:none!important} body.page-app .jn-quick-drawer-trigger:hover, .jn-quick-drawer-trigger:hover{transform:translateY(-2px) scale(1.02)!important;border-color:#3b82f6!important;background:radial-gradient(circle at 34% 34%,#60a5fa 0 13%,transparent 14%),radial-gradient(circle at 66% 34%,#fb923c 0 13%,transparent 14%),radial-gradient(circle at 34% 66%,#4ade80 0 13%,transparent 14%),radial-gradient(circle at 66% 66%,#c084fc 0 13%,transparent 14%),#171717!important;box-shadow:0 14px 30px rgba(0,0,0,.36),0 0 22px rgba(59,130,246,.18)!important} @media(max-width:760px){body.page-app .jn-quick-drawer-trigger,.jn-quick-drawer-trigger{width:40px!important;height:40px!important;right:12px!important;top:12px!important}} /* AI draw reference upload redesign 2026-06-12 */ body.page-app .ai-draw-input-card{ grid-template-columns:minmax(128px,168px) minmax(0,1fr)!important; align-items:stretch!important; gap:10px!important; padding:10px!important; min-height:118px!important; } body.page-app .ai-draw-text-wrap{ grid-column:2!important; min-height:100px!important; } body.page-app .ai-draw-reference{ grid-column:1!important; grid-row:1!important; position:relative!important; inset:auto!important; width:100%!important; min-width:0!important; height:auto!important; min-height:96px!important; display:flex!important; flex-direction:column!important; gap:8px!important; padding:0!important; border:0!important; background:transparent!important; overflow:visible!important; z-index:3!important; } body.page-app .ai-draw-reference-btn{ width:100%!important; height:54px!important; min-height:54px!important; display:flex!important; align-items:center!important; justify-content:flex-start!important; gap:10px!important; padding:9px 11px!important; border-radius:18px!important; border:1px solid rgba(37,132,255,.50)!important; background:linear-gradient(135deg,rgba(37,132,255,.96),rgba(99,102,241,.86))!important; color:#fff!important; box-shadow:0 12px 28px rgba(37,132,255,.26),inset 0 1px 0 rgba(255,255,255,.20)!important; cursor:pointer!important; text-align:left!important; } body.page-app .ai-draw-reference-btn:hover, body.page-app .ai-draw-reference.is-dragging .ai-draw-reference-btn{ transform:translateY(-1px)!important; border-color:rgba(147,197,253,.86)!important; box-shadow:0 16px 34px rgba(37,132,255,.34),0 0 0 3px rgba(37,132,255,.14)!important; } body.page-app .ai-draw-reference-icon{ width:34px!important; height:34px!important; flex:0 0 34px!important; display:grid!important; place-items:center!important; border-radius:13px!important; background:rgba(255,255,255,.17)!important; box-shadow:inset 0 1px 0 rgba(255,255,255,.20)!important; } body.page-app .ai-draw-reference-icon svg{ width:19px!important; height:19px!important; display:block!important; fill:none!important; stroke:currentColor!important; stroke-width:2!important; stroke-linecap:round!important; stroke-linejoin:round!important; } body.page-app .ai-draw-reference-copy{ min-width:0!important; display:grid!important; gap:3px!important; } body.page-app .ai-draw-reference-copy b{ color:#fff!important; font-size:13px!important; font-weight:900!important; line-height:1!important; } body.page-app .ai-draw-reference-copy em{ color:rgba(255,255,255,.82)!important; font-size:11px!important; font-style:normal!important; font-weight:800!important; line-height:1!important; } body.page-app .ai-draw-plus{display:none!important} body.page-app .ai-draw-reference-preview{ flex:1!important; min-height:34px!important; max-height:92px!important; display:flex!important; flex-wrap:wrap!important; align-content:flex-start!important; gap:6px!important; padding:7px!important; border:1px dashed rgba(148,163,184,.32)!important; border-radius:16px!important; background:rgba(255,255,255,.045)!important; overflow:auto!important; scrollbar-width:thin!important; } body.page-app .ai-draw-reference-preview.hidden{ display:flex!important; } body.page-app .ai-draw-reference-preview.hidden::before{ content:"拖拽图片到这里"; display:flex; align-items:center; justify-content:center; width:100%; min-height:32px; color:#737373; font-size:11px; font-weight:800; } body.page-app .ai-draw-reference-thumb{ position:relative!important; width:38px!important; height:38px!important; padding:0!important; border:1px solid rgba(255,255,255,.16)!important; border-radius:12px!important; background:#111!important; overflow:hidden!important; cursor:pointer!important; box-shadow:0 6px 16px rgba(0,0,0,.22)!important; } body.page-app .ai-draw-reference-thumb img{ width:100%!important; height:100%!important; display:block!important; object-fit:cover!important; } body.page-app .ai-draw-reference-remove{ position:absolute!important; top:2px!important; right:2px!important; z-index:2!important; width:15px!important; height:15px!important; display:grid!important; place-items:center!important; border-radius:999px!important; background:rgba(0,0,0,.72)!important; color:#fff!important; font-size:12px!important; line-height:1!important; opacity:0!important; transition:.16s ease!important; } body.page-app .ai-draw-reference-thumb:hover .ai-draw-reference-remove{opacity:1!important} body.page-app .ai-draw-reference-file-name{display:none!important} body.page-app .ai-draw-reference.has-files .ai-draw-reference-preview{ border-style:solid!important; border-color:rgba(37,132,255,.30)!important; background:rgba(37,132,255,.055)!important; } @media(max-width:820px){ body.page-app .ai-draw-input-card{grid-template-columns:1fr!important;min-height:0!important} body.page-app .ai-draw-text-wrap{grid-column:1!important;min-height:96px!important} body.page-app .ai-draw-reference{grid-column:1!important;grid-row:auto!important;min-height:0!important;order:-1!important} body.page-app .ai-draw-reference-btn{height:48px!important;min-height:48px!important} body.page-app .ai-draw-reference-preview{max-height:58px!important;min-height:44px!important;flex-wrap:nowrap!important} body.page-app .ai-draw-reference-thumb{width:40px!important;height:40px!important;flex:0 0 40px!important} } /* AI draw reference hover preview + text spacing 2026-06-12 */ body.page-app .ai-draw-input-card{ grid-template-columns:minmax(150px,190px) minmax(0,1fr)!important; column-gap:16px!important; } body.page-app .ai-draw-text-wrap{ padding-left:4px!important; } body.page-app .ai-draw-text-wrap textarea, body.page-app #aiDrawPrompt{ padding-left:18px!important; text-indent:0!important; } body.page-app .ai-draw-reference-card{ cursor:zoom-in!important; } body.page-app .ai-draw-reference-card button, body.page-app .ai-draw-reference-card [data-reference-remove]{ cursor:pointer!important; } .ai-draw-reference-hover-preview{ position:fixed; z-index:99999; width:min(320px,calc(100vw - 36px)); max-height:min(360px,calc(100vh - 36px)); padding:8px; border:1px solid rgba(255,255,255,.18); border-radius:22px; background:rgba(12,14,22,.92); box-shadow:0 26px 80px rgba(0,0,0,.48),0 0 0 1px rgba(37,132,255,.12); backdrop-filter:blur(18px); -webkit-backdrop-filter:blur(18px); opacity:0; transform:translateY(8px) scale(.98); pointer-events:none; transition:opacity .14s ease,transform .14s ease; } .ai-draw-reference-hover-preview.is-visible{ opacity:1; transform:translateY(0) scale(1); } .ai-draw-reference-hover-preview img{ display:block; width:100%; max-height:344px; object-fit:contain; border-radius:16px; background:#050505; } @media(max-width:820px){ body.page-app .ai-draw-input-card{ grid-template-columns:1fr!important; column-gap:10px!important; } body.page-app .ai-draw-text-wrap{ padding-left:0!important; } body.page-app .ai-draw-text-wrap textarea, body.page-app #aiDrawPrompt{ padding-left:14px!important; } } /* oc reference tray expand and prompt top align 20260612 */ body.page-app .ai-draw-input-card{ position:relative!important; display:block!important; min-height:132px!important; padding:12px 12px 12px 190px!important; } body.page-app .ai-draw-reference{ position:absolute!important; left:12px!important; top:12px!important; width:160px!important; min-height:108px!important; height:auto!important; z-index:20!important; } body.page-app .ai-draw-text-wrap{ grid-column:auto!important; min-height:108px!important; height:108px!important; padding:0!important; margin:0!important; } body.page-app .ai-draw-text-wrap textarea, body.page-app #aiDrawPrompt{ height:100%!important; min-height:108px!important; padding:16px 18px 52px 18px!important; line-height:1.55!important; vertical-align:top!important; } body.page-app .ai-draw-reference-preview{ position:absolute!important; left:0!important; top:62px!important; width:160px!important; min-height:46px!important; max-height:46px!important; padding:7px!important; display:flex!important; flex-wrap:nowrap!important; gap:7px!important; overflow:hidden!important; align-items:center!important; border-radius:17px!important; transition:width .2s ease,max-height .2s ease,box-shadow .2s ease,background .2s ease!important; } body.page-app .ai-draw-reference:hover .ai-draw-reference-preview, body.page-app .ai-draw-reference:focus-within .ai-draw-reference-preview{ width:min(520px,calc(100vw - 32px))!important; max-height:132px!important; overflow:auto!important; flex-wrap:wrap!important; align-content:flex-start!important; background:rgba(12,16,28,.94)!important; border-color:rgba(37,132,255,.50)!important; box-shadow:0 22px 70px rgba(0,0,0,.42),0 0 0 1px rgba(37,132,255,.18)!important; backdrop-filter:blur(18px)!important; -webkit-backdrop-filter:blur(18px)!important; } body.page-app .ai-draw-reference-preview.hidden{ display:flex!important; } body.page-app .ai-draw-reference-preview.hidden::before{ content:"Drop images here"!important; min-height:30px!important; font-size:11px!important; } body.page-app .ai-draw-reference-card, body.page-app .ai-draw-reference-thumb{ position:relative!important; flex:0 0 34px!important; width:34px!important; height:34px!important; border-radius:11px!important; transform:none!important; margin:0!important; left:auto!important; top:auto!important; cursor:zoom-in!important; } body.page-app .ai-draw-reference:hover .ai-draw-reference-card, body.page-app .ai-draw-reference:focus-within .ai-draw-reference-card, body.page-app .ai-draw-reference:hover .ai-draw-reference-thumb, body.page-app .ai-draw-reference:focus-within .ai-draw-reference-thumb{ flex-basis:64px!important; width:64px!important; height:64px!important; border-radius:14px!important; } body.page-app .ai-draw-reference-card img, body.page-app .ai-draw-reference-thumb img{ width:100%!important; height:100%!important; object-fit:cover!important; display:block!important; } body.page-app .ai-draw-reference-card [data-reference-remove], body.page-app .ai-draw-reference-card button, body.page-app .ai-draw-reference-remove{ opacity:0!important; pointer-events:none!important; } body.page-app .ai-draw-reference-card:hover [data-reference-remove], body.page-app .ai-draw-reference-card:hover button, body.page-app .ai-draw-reference-thumb:hover .ai-draw-reference-remove{ opacity:1!important; pointer-events:auto!important; } @media(max-width:820px){ body.page-app .ai-draw-input-card{ display:grid!important; grid-template-columns:1fr!important; padding:10px!important; } body.page-app .ai-draw-reference{ position:relative!important; left:auto!important; top:auto!important; width:100%!important; order:-1!important; } body.page-app .ai-draw-reference-preview, body.page-app .ai-draw-reference:hover .ai-draw-reference-preview, body.page-app .ai-draw-reference:focus-within .ai-draw-reference-preview{ position:relative!important; top:auto!important; width:100%!important; max-height:82px!important; overflow:auto!important; } body.page-app .ai-draw-text-wrap, body.page-app .ai-draw-text-wrap textarea, body.page-app #aiDrawPrompt{ height:auto!important; min-height:96px!important; } } /* 2026-06-15 home cleanup: uniform inspiration and configurable footer */ .public-home #inspiration .inspiration-grid.replica-masonry{ display:grid!important; grid-template-columns:repeat(4,minmax(0,1fr))!important; gap:14px!important; max-width:1180px!important; margin:0 auto!important; } .public-home #inspiration .replica-masonry article, .public-home #inspiration .replica-masonry article.tall, .public-home #inspiration .replica-masonry article.short{ grid-row:auto!important; height:auto!important; min-height:0!important; aspect-ratio:4/5!important; padding:0!important; overflow:hidden!important; border-radius:16px!important; background:#0b1220!important; } .public-home #inspiration .replica-masonry article img{ width:100%!important; height:100%!important; display:block!important; object-fit:cover!important; } .public-home #inspiration .replica-masonry article div{ position:absolute!important; left:0!important; right:0!important; bottom:0!important; padding:14px!important; background:linear-gradient(180deg,transparent,rgba(2,6,23,.88))!important; } .public-home #inspiration .replica-masonry article h3{ margin:0 0 5px!important; color:#fff!important; font-size:14px!important; line-height:1.3!important; white-space:nowrap!important; overflow:hidden!important; text-overflow:ellipsis!important; } .public-home #inspiration .replica-masonry article span{ color:#bfdbfe!important; font-size:11px!important; } .public-home .load-more-inspiration[hidden]{display:none!important} .public-home .home-footer{ display:flex!important; align-items:center!important; justify-content:center!important; gap:18px!important; padding:24px max(24px,calc((100vw - 1180px)/2))!important; background:#050816!important; border-top:1px solid rgba(148,163,184,.16)!important; color:#94a3b8!important; text-align:center!important; } .public-home .home-footer-brand{display:flex!important;align-items:center!important;gap:10px!important;color:#fff!important} .public-home .home-footer-brand img{width:32px!important;height:32px!important;object-fit:contain!important;border-radius:10px!important} .public-home .home-footer span{font-size:13px!important;line-height:1.6!important;text-align:right!important} .public-home .home-footer-meta{display:flex!important;align-items:center!important;justify-content:center!important;gap:8px 16px!important;flex-wrap:wrap!important;color:#94a3b8!important;max-width:min(100%,980px)!important} .public-home .home-footer-meta>span{font-size:13px!important;line-height:1.6!important;text-align:center!important;max-width:100%!important} .public-home .home-footer-beian{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:6px!important;color:#a8b6cc!important;font-size:12px!important;line-height:1.6!important;text-decoration:none!important;max-width:100%!important;min-height:28px!important;padding:2px 0!important} .public-home .home-footer-beian:hover{color:#dbeafe!important} .public-home .home-footer-beian img{width:18px!important;height:18px!important;object-fit:contain!important;opacity:.9!important;flex:0 0 auto!important} .public-home .home-footer-beian span{font-size:12px!important;line-height:1.6!important;text-align:left!important;overflow-wrap:anywhere!important;word-break:break-word!important;min-width:0!important} html[data-lang="en"] .customer-widget .customer-float::after{content:"Support"!important} html[data-lang="en"] .price-card.featured::before{content:"Recommended"!important} html[data-lang="en"] .pricing-card.featured::before{content:"Popular"!important} html[data-lang="en"] .jn-shop-card.featured::after{content:"Popular"!important} @media(max-width:960px){ .public-home #inspiration .inspiration-grid.replica-masonry{grid-template-columns:repeat(3,minmax(0,1fr))!important} } @media(max-width:640px){ .public-home #inspiration .inspiration-grid.replica-masonry{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important} .public-home #inspiration .replica-masonry article,.public-home #inspiration .replica-masonry article.tall,.public-home #inspiration .replica-masonry article.short{border-radius:13px!important} .public-home .home-footer{display:grid!important;justify-items:center!important;gap:12px!important;padding:22px 16px 92px!important;text-align:center!important} .public-home .home-footer-brand{justify-content:center!important} .public-home .home-footer span{text-align:center!important;font-size:12px!important} .public-home .home-footer-meta{width:100%!important;display:flex!important;align-items:stretch!important;justify-content:center!important;gap:8px!important;flex-wrap:wrap!important} .public-home .home-footer-meta>span{width:100%!important;text-align:center!important;color:#95a3b8!important} .public-home .home-footer-beian{flex:1 1 calc(50% - 4px)!important;width:auto!important;max-width:168px!important;min-width:0!important;min-height:36px!important;justify-content:center!important;align-items:center!important;padding:7px 8px!important;border:1px solid rgba(148,163,184,.14)!important;border-radius:999px!important;background:rgba(255,255,255,.035)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.035)!important} .public-home .home-footer-beian:first-of-type:last-of-type{flex:0 1 320px!important;max-width:min(100%,320px)!important;padding-inline:12px!important} .public-home .home-footer-beian img{width:16px!important;height:16px!important} .public-home .home-footer-beian span{max-width:calc(100% - 24px)!important;text-align:center!important;font-size:11.5px!important;line-height:1.45!important;overflow-wrap:anywhere!important;word-break:break-word!important} } /* 2026-06-15 keep public home in original brand colors even when light mode is stored globally */ html.jn-light-mode body.public-home, body.public-home.jn-light-mode, html[data-theme="light"] body.public-home{ background:#050816!important; color:#f8fafc!important; color-scheme:dark!important; } html.jn-light-mode body.public-home *, body.public-home.jn-light-mode *, html[data-theme="light"] body.public-home *{ text-shadow:inherit; } /* 2026-06-15 home gallery/support final fixes */ .public-home .home-nav .home-start-link, .public-home .home-nav button[data-auth-open]{ display:inline-flex!important; align-items:center!important; justify-content:center!important; min-height:38px!important; border-radius:999px!important; padding:0 16px!important; background:#fff!important; color:#111827!important; font-weight:900!important; text-decoration:none!important; border:0!important; cursor:pointer!important; } .public-home .hero-actions .btn, .public-home .hero-actions a.btn{ display:inline-flex!important; align-items:center!important; justify-content:center!important; text-decoration:none!important; } .public-home #inspiration .replica-masonry article > a:first-child{ position:absolute!important; inset:0!important; display:block!important; z-index:0!important; } .public-home #inspiration .replica-masonry article > a:first-child img, .public-home #inspiration .replica-masonry article > a:first-child video, .public-home #inspiration .replica-masonry article > img, .public-home #inspiration .replica-masonry article > video{ position:absolute!important; inset:0!important; width:100%!important; height:100%!important; display:block!important; object-fit:cover!important; } .public-home #inspiration .replica-masonry article .work-meta, .public-home #inspiration .replica-masonry article strong, .public-home #inspiration .replica-masonry article span{ position:relative!important; z-index:3!important; } .public-home #inspiration .replica-masonry article strong{ display:block!important; margin:0!important; color:#fff!important; font-size:14px!important; line-height:1.35!important; overflow:hidden!important; display:-webkit-box!important; -webkit-line-clamp:2!important; -webkit-box-orient:vertical!important; } .public-home #inspiration .replica-masonry article .work-meta{ display:flex!important; gap:6px!important; margin:0 0 8px!important; background:transparent!important; padding:0!important; } .public-home #inspiration .replica-masonry article .work-meta em{ height:23px!important; min-width:36px!important; display:inline-flex!important; align-items:center!important; justify-content:center!important; padding:0 8px!important; border-radius:999px!important; background:rgba(255,255,255,.14)!important; border:1px solid rgba(255,255,255,.18)!important; color:#fff!important; font-size:11px!important; font-style:normal!important; font-weight:850!important; } .public-home #inspiration .inspiration-grid.replica-masonry{ grid-auto-rows:auto!important; align-items:stretch!important; } .public-home #inspiration .replica-masonry article, .public-home #inspiration .replica-masonry article.tall, .public-home #inspiration .replica-masonry article.short{ width:100%!important; min-width:0!important; justify-self:stretch!important; align-self:stretch!important; aspect-ratio:4/5!important; } .customer-modal.replica-customer-modal{ overflow:hidden!important; } .service-online-card{ justify-items:center!important; text-align:center!important; } .service-online-card > div:not(.service-avatar){ display:grid!important; justify-items:center!important; text-align:center!important; } .service-card.service-qr-card.service-qr-only{ width:max-content!important; max-width:calc(100% - 32px)!important; padding:12px!important; margin:0 auto 12px!important; border:1px solid rgba(148,163,184,.20)!important; border-radius:18px!important; background:linear-gradient(180deg,rgba(255,255,255,.10),rgba(255,255,255,.055))!important; box-shadow:inset 0 1px 0 rgba(255,255,255,.10),0 18px 42px rgba(0,0,0,.20)!important; } .service-qr-card.service-qr-only .service-qr-frame{ width:154px!important; height:154px!important; padding:10px!important; border-radius:16px!important; background:linear-gradient(180deg,#ffffff,#eef7ff)!important; border:1px solid rgba(219,234,254,.92)!important; box-shadow:0 14px 34px rgba(2,6,23,.20),inset 0 1px 0 rgba(255,255,255,.92)!important; } .service-qr-card.service-qr-only .service-qr-frame img, .service-qr-card.service-qr-only .service-qr-frame .customer-qr-fallback{ width:100%!important; height:100%!important; border-radius:10px!important; background:#fff!important; object-fit:cover!important; } @media(max-width:760px){ .public-home .home-nav .home-start-link, .public-home .home-nav button[data-auth-open]{ height:34px!important; min-height:34px!important; padding:0 13px!important; background:linear-gradient(135deg,var(--jn-primary),#6c7cff)!important; color:#fff!important; box-shadow:0 10px 28px rgba(0,202,224,.18)!important; font-size:12px!important; } .service-online-card{ grid-template-columns:1fr!important; justify-items:center!important; text-align:center!important; } .service-online-card em{ grid-column:auto!important; justify-self:center!important; } .service-qr-card.service-qr-only .service-qr-frame{ width:144px!important; height:144px!important; } } /* 2026-06-15 final home nav restore: transparent header and single-row mobile actions */ body.public-home .home-header, html.jn-light-mode body.public-home .home-header, html[data-theme="light"] body.public-home .home-header{ position:fixed!important; top:0!important; left:0!important; right:0!important; z-index:100!important; height:4rem!important; min-height:0!important; display:flex!important; align-items:center!important; justify-content:space-between!important; gap:12px!important; padding:0 2rem!important; background:transparent!important; border:0!important; box-shadow:none!important; backdrop-filter:none!important; } body.public-home .home-brand{ flex:0 1 auto!important; min-width:0!important; } body.public-home .home-brand span{ min-width:0!important; white-space:nowrap!important; overflow:hidden!important; text-overflow:ellipsis!important; } body.public-home .home-nav, html.jn-light-mode body.public-home .home-nav, html[data-theme="light"] body.public-home .home-nav{ flex:0 0 auto!important; width:auto!important; display:flex!important; grid-template-columns:none!important; flex-wrap:nowrap!important; align-items:center!important; justify-content:flex-end!important; gap:.4rem!important; } body.public-home .home-nav .home-start-link, body.public-home .home-nav button[data-auth-open], html.jn-light-mode body.public-home .home-nav .home-start-link, html.jn-light-mode body.public-home .home-nav button[data-auth-open], html[data-theme="light"] body.public-home .home-nav .home-start-link, html[data-theme="light"] body.public-home .home-nav button[data-auth-open]{ flex:0 0 auto!important; width:auto!important; min-width:0!important; height:31px!important; min-height:31px!important; display:inline-flex!important; align-items:center!important; justify-content:center!important; padding:.4rem .85rem!important; border-radius:.45rem!important; border:1px solid var(--jn-primary)!important; background:var(--jn-primary)!important; color:#fff!important; box-shadow:0 0 .95rem rgba(0,202,224,.25)!important; font-size:.8rem!important; line-height:1!important; font-weight:500!important; text-decoration:none!important; white-space:nowrap!important; } body.public-home .home-nav .top-service-btn, body.public-home .home-nav .lang-btn{ flex:0 0 auto!important; } @media(max-width:760px){ body.public-home .home-header, html.jn-light-mode body.public-home .home-header, html[data-theme="light"] body.public-home .home-header{ height:56px!important; min-height:56px!important; padding:0 10px!important; display:flex!important; flex-direction:row!important; flex-wrap:nowrap!important; align-items:center!important; justify-content:space-between!important; gap:8px!important; background:transparent!important; border:0!important; box-shadow:none!important; backdrop-filter:none!important; } body.public-home .home-brand{ flex:1 1 auto!important; width:auto!important; min-width:0!important; height:36px!important; gap:7px!important; } body.public-home .home-brand img{ flex:0 0 30px!important; width:30px!important; height:30px!important; } body.public-home .home-brand span{ max-width:30vw!important; font-size:14px!important; } body.public-home .home-nav, html.jn-light-mode body.public-home .home-nav, html[data-theme="light"] body.public-home .home-nav{ flex:0 0 auto!important; width:auto!important; display:flex!important; grid-template-columns:none!important; flex-direction:row!important; flex-wrap:nowrap!important; align-items:center!important; justify-content:flex-end!important; gap:5px!important; } body.public-home .home-nav .top-service-btn{ width:32px!important; min-width:32px!important; height:32px!important; min-height:32px!important; padding:0!important; } body.public-home .home-nav .lang-btn{ width:39px!important; min-width:39px!important; height:32px!important; min-height:32px!important; padding:0!important; } body.public-home .home-nav .home-start-link, body.public-home .home-nav button[data-auth-open], html.jn-light-mode body.public-home .home-nav .home-start-link, html.jn-light-mode body.public-home .home-nav button[data-auth-open], html[data-theme="light"] body.public-home .home-nav .home-start-link, html[data-theme="light"] body.public-home .home-nav button[data-auth-open]{ width:auto!important; height:32px!important; min-height:32px!important; padding:0 10px!important; border-radius:.45rem!important; background:var(--jn-primary)!important; border-color:var(--jn-primary)!important; color:#fff!important; box-shadow:0 0 .85rem rgba(0,202,224,.24)!important; font-size:12px!important; font-weight:500!important; } } @media(max-width:390px){ body.public-home .home-header{ padding:0 8px!important; gap:6px!important; } body.public-home .home-brand span{ max-width:24vw!important; font-size:13px!important; } body.public-home .home-nav{ gap:4px!important; } body.public-home .home-nav .home-start-link, body.public-home .home-nav button[data-auth-open]{ padding:0 8px!important; font-size:11.5px!important; } } /* 2026-06-15 transparent home shell and breathing star field */ body.public-home, html.jn-light-mode body.public-home, html[data-theme="light"] body.public-home{ --home-bg:#03060d; --home-panel:rgba(255,255,255,.035); --home-panel-strong:rgba(255,255,255,.055); --home-line:rgba(125,211,252,.18); --home-line-soft:rgba(255,255,255,.10); --home-text:#f5fbff; --home-muted:rgba(213,230,238,.74); background:var(--home-bg)!important; color:var(--home-text)!important; color-scheme:dark!important; } body.public-home::before, html.jn-light-mode body.public-home::before, html[data-theme="light"] body.public-home::before{ content:""!important; position:fixed!important; inset:0!important; z-index:-3!important; pointer-events:none!important; background: radial-gradient(circle at 52% 14%,rgba(0,202,224,.17),transparent 34%), radial-gradient(circle at 16% 66%,rgba(120,80,255,.14),transparent 30%), radial-gradient(circle at 84% 72%,rgba(0,229,160,.10),transparent 28%), linear-gradient(180deg,#03060d 0%,#050916 48%,#03060d 100%)!important; } body.public-home::after, html.jn-light-mode body.public-home::after, html[data-theme="light"] body.public-home::after{ content:""!important; position:fixed!important; inset:0!important; z-index:1!important; pointer-events:none!important; background: radial-gradient(circle at 12% 18%,rgba(190,245,255,.78) 0 2.8px,transparent 4.8px), radial-gradient(circle at 34% 62%,rgba(0,229,160,.70) 0 3.4px,transparent 5.6px), radial-gradient(circle at 58% 24%,rgba(0,202,224,.72) 0 4px,transparent 6.4px), radial-gradient(circle at 82% 72%,rgba(146,116,255,.66) 0 3.2px,transparent 5.2px), radial-gradient(circle at 72% 14%,rgba(128,235,255,.72) 0 2.6px,transparent 4.8px), radial-gradient(circle at 44% 84%,rgba(223,250,255,.52) 0 2.4px,transparent 4.6px)!important; background-size:300px 230px,360px 290px,430px 340px,520px 390px,620px 460px,720px 520px!important; background-position:0 0,54px 78px,120px 34px,44px 166px,92px 48px,160px 118px!important; opacity:.54!important; mix-blend-mode:screen!important; animation:homeStarBreath 8.5s ease-in-out infinite alternate!important; } body.public-home .home-main, body.public-home .home-hero, body.public-home .home-section, body.public-home #agents, body.public-home #platform, body.public-home #inspiration, body.public-home .home-footer{ position:relative!important; z-index:3!important; background:transparent!important; } body.public-home .home-hero{ background:transparent!important; } body.public-home .home-hero::before, body.public-home .home-hero::after{ opacity:0!important; } body.public-home .home-header, html.jn-light-mode body.public-home .home-header, html[data-theme="light"] body.public-home .home-header{ background:transparent!important; border:0!important; box-shadow:none!important; backdrop-filter:none!important; } body.public-home .home-nav, html.jn-light-mode body.public-home .home-nav, html[data-theme="light"] body.public-home .home-nav{ background:transparent!important; border:0!important; box-shadow:none!important; } body.public-home .home-nav .top-service-btn, body.public-home .home-nav .lang-btn, body.public-home .home-nav .home-start-link, body.public-home .home-nav button[data-auth-open], html.jn-light-mode body.public-home .home-nav .top-service-btn, html.jn-light-mode body.public-home .home-nav .lang-btn, html.jn-light-mode body.public-home .home-nav .home-start-link, html.jn-light-mode body.public-home .home-nav button[data-auth-open], html[data-theme="light"] body.public-home .home-nav .top-service-btn, html[data-theme="light"] body.public-home .home-nav .lang-btn, html[data-theme="light"] body.public-home .home-nav .home-start-link, html[data-theme="light"] body.public-home .home-nav button[data-auth-open]{ background:transparent!important; border:1px solid var(--home-line)!important; color:#eaffff!important; box-shadow:none!important; backdrop-filter:none!important; } body.public-home .home-nav .home-start-link, body.public-home .home-nav button[data-auth-open], html.jn-light-mode body.public-home .home-nav .home-start-link, html.jn-light-mode body.public-home .home-nav button[data-auth-open], html[data-theme="light"] body.public-home .home-nav .home-start-link, html[data-theme="light"] body.public-home .home-nav button[data-auth-open]{ border-color:rgba(0,202,224,.42)!important; text-shadow:0 0 16px rgba(0,202,224,.24)!important; } body.public-home .home-nav .top-service-btn:hover, body.public-home .home-nav .lang-btn:hover, body.public-home .home-nav .home-start-link:hover, body.public-home .home-nav button[data-auth-open]:hover{ background:rgba(0,202,224,.055)!important; border-color:rgba(0,202,224,.52)!important; color:#ffffff!important; transform:translateY(-1px)!important; } body.public-home .top-service-btn .service-headset{ filter:drop-shadow(0 0 10px rgba(0,202,224,.26))!important; } body.public-home .agent-grid article, body.public-home .capability-grid article, body.public-home .replica-masonry article, body.public-home .home-cta{ background:linear-gradient(180deg,var(--home-panel-strong),var(--home-panel))!important; border-color:var(--home-line-soft)!important; box-shadow:0 22px 80px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.045)!important; } body.public-home .section-lead, body.public-home #inspiration .section-head p, body.public-home .home-cta p, body.public-home .agent-grid p, body.public-home .capability-grid p{ color:var(--home-muted)!important; } body.public-home .home-footer{ border-top:1px solid var(--home-line-soft)!important; color:rgba(213,230,238,.68)!important; } @keyframes homeStarBreath{ 0%{ opacity:.36; filter:brightness(.88) blur(0); background-position:0 0,54px 78px,120px 34px,44px 166px,92px 48px,160px 118px; } 50%{ opacity:.72; filter:brightness(1.26) blur(.15px); background-position:22px -18px,20px 112px,156px 8px,10px 198px,136px 18px,126px 150px; } 100%{ opacity:.48; filter:brightness(1.02) blur(0); background-position:-18px 30px,88px 38px,88px 60px,78px 132px,52px 88px,186px 74px; } } @media(max-width:760px){ body.public-home::after, html.jn-light-mode body.public-home::after, html[data-theme="light"] body.public-home::after{ background-size:230px 180px,280px 230px,340px 270px,410px 320px,500px 380px,580px 430px!important; opacity:.48!important; } body.public-home .home-nav .top-service-btn, body.public-home .home-nav .lang-btn, body.public-home .home-nav .home-start-link, body.public-home .home-nav button[data-auth-open], html.jn-light-mode body.public-home .home-nav .top-service-btn, html.jn-light-mode body.public-home .home-nav .lang-btn, html.jn-light-mode body.public-home .home-nav .home-start-link, html.jn-light-mode body.public-home .home-nav button[data-auth-open], html[data-theme="light"] body.public-home .home-nav .top-service-btn, html[data-theme="light"] body.public-home .home-nav .lang-btn, html[data-theme="light"] body.public-home .home-nav .home-start-link, html[data-theme="light"] body.public-home .home-nav button[data-auth-open]{ background:transparent!important; box-shadow:none!important; } } /* 2026-06-15 final final home nav/orbit adjustment */ body.public-home .home-nav .home-start-link, body.public-home .home-nav button[data-auth-open], html.jn-light-mode body.public-home .home-nav .home-start-link, html.jn-light-mode body.public-home .home-nav button[data-auth-open], html[data-theme="light"] body.public-home .home-nav .home-start-link, html[data-theme="light"] body.public-home .home-nav button[data-auth-open]{ border-color:var(--home-line)!important; text-shadow:none!important; box-shadow:none!important; } body.public-home .home-nav .home-start-link:hover, body.public-home .home-nav button[data-auth-open]:hover{ border-color:rgba(0,202,224,.52)!important; text-shadow:none!important; box-shadow:none!important; } @media(min-width:761px){ body.public-home .orbit-spin{ --r:min(430px,32vw)!important; } } /* 2026-06-15 final-end home unity, particles, model text */ body.public-home, html.jn-light-mode body.public-home, html[data-theme="light"] body.public-home{ --home-panel:rgba(255,255,255,.014); --home-panel-strong:rgba(255,255,255,.026); --home-line-soft:rgba(255,255,255,.07); background:#03060d!important; } body.public-home::after, html.jn-light-mode body.public-home::after, html[data-theme="light"] body.public-home::after{ content:""!important; position:fixed!important; inset:0!important; z-index:2!important; pointer-events:none!important; background: radial-gradient(circle at 12% 18%,rgba(210,250,255,.82) 0 4.6px,transparent 7.6px), radial-gradient(circle at 32% 64%,rgba(0,229,160,.74) 0 5.2px,transparent 8.4px), radial-gradient(circle at 58% 24%,rgba(0,202,224,.80) 0 6px,transparent 9.4px), radial-gradient(circle at 82% 72%,rgba(146,116,255,.70) 0 5px,transparent 8px), radial-gradient(circle at 72% 14%,rgba(128,235,255,.78) 0 4.4px,transparent 7.4px), radial-gradient(circle at 44% 84%,rgba(223,250,255,.60) 0 4px,transparent 7px), radial-gradient(circle at 22% 42%,rgba(255,255,255,.42) 0 3.2px,transparent 6px), radial-gradient(circle at 90% 36%,rgba(0,202,224,.45) 0 3.8px,transparent 6.8px)!important; background-size:360px 280px,430px 350px,520px 420px,620px 480px,760px 560px,900px 640px,540px 460px,700px 520px!important; background-position:0 0,58px 90px,132px 40px,48px 180px,100px 54px,170px 124px,220px 40px,88px 250px!important; opacity:.66!important; mix-blend-mode:screen!important; animation:homeStarBreathXLFinal 9.5s ease-in-out infinite alternate!important; } body.public-home .home-main, body.public-home .home-hero, body.public-home .home-section, body.public-home #agents, body.public-home #platform, body.public-home #inspiration, body.public-home .home-cta, body.public-home .home-footer{ background:transparent!important; background-image:none!important; } body.public-home .agent-grid article, body.public-home .capability-grid article, body.public-home .replica-masonry article, body.public-home .home-metrics span, body.public-home .home-cta{ background:rgba(255,255,255,.014)!important; border-color:var(--home-line-soft)!important; box-shadow:inset 0 1px 0 rgba(255,255,255,.03)!important; } body.public-home #inspiration::before, body.public-home .home-cta::before{ opacity:0!important; } body.public-home .hero-model-cards article{ width:236px!important; min-height:128px!important; padding:14px 16px!important; } body.public-home .hero-model-cards article>img{ width:32px!important; height:32px!important; } body.public-home .hero-model-cards strong{ font-size:15px!important; line-height:1.25!important; max-width:200px!important; } body.public-home .hero-model-cards p{ font-size:12px!important; line-height:1.55!important; min-height:54px!important; } @keyframes homeStarBreathXLFinal{ 0%{ opacity:.44; filter:brightness(.9) blur(0); background-position:0 0,58px 90px,132px 40px,48px 180px,100px 54px,170px 124px,220px 40px,88px 250px; } 50%{ opacity:.86; filter:brightness(1.28) blur(.2px); background-position:30px -24px,20px 128px,178px 8px,12px 218px,150px 18px,130px 166px,250px 10px,50px 288px; } 100%{ opacity:.56; filter:brightness(1.04) blur(0); background-position:-24px 38px,104px 46px,92px 72px,92px 140px,54px 100px,202px 78px,190px 76px,130px 210px; } } @media(max-width:760px){ body.public-home::after, html.jn-light-mode body.public-home::after, html[data-theme="light"] body.public-home::after{ background-size:280px 220px,340px 280px,420px 340px,500px 390px,600px 460px,700px 520px,430px 360px,560px 420px!important; opacity:.58!important; } } /* 2026-06-16 actual-tail: public home light modal readability */ html.jn-light-mode body.public-home :is(.customer-modal-overlay,.jn-auth-overlay,.account-bind-overlay), html[data-theme="light"] body.public-home :is(.customer-modal-overlay,.jn-auth-overlay,.account-bind-overlay), body.public-home.jn-light-mode :is(.customer-modal-overlay,.jn-auth-overlay,.account-bind-overlay), body.public-home[data-theme="light"] :is(.customer-modal-overlay,.jn-auth-overlay,.account-bind-overlay){ background:rgba(241,245,249,.82)!important; background-image:none!important; color:#0f172a!important; } html.jn-light-mode body.public-home :is(.customer-modal,.replica-customer-modal,.jn-auth-modal,.replica-login-modal,.account-bind-modal), html[data-theme="light"] body.public-home :is(.customer-modal,.replica-customer-modal,.jn-auth-modal,.replica-login-modal,.account-bind-modal), body.public-home.jn-light-mode :is(.customer-modal,.replica-customer-modal,.jn-auth-modal,.replica-login-modal,.account-bind-modal), body.public-home[data-theme="light"] :is(.customer-modal,.replica-customer-modal,.jn-auth-modal,.replica-login-modal,.account-bind-modal){ background:#fff!important; background-image:none!important; color:#0f172a!important; border-color:rgba(15,23,42,.12)!important; box-shadow:0 28px 80px rgba(15,23,42,.16)!important; text-shadow:none!important; color-scheme:light!important; } html.jn-light-mode body.public-home :is(.service-modal-head,.replica-login-modal .jn-auth-logo,.replica-login-modal .jn-auth-subtitle,.account-bind-modal .bind-head), html[data-theme="light"] body.public-home :is(.service-modal-head,.replica-login-modal .jn-auth-logo,.replica-login-modal .jn-auth-subtitle,.account-bind-modal .bind-head), body.public-home.jn-light-mode :is(.service-modal-head,.replica-login-modal .jn-auth-logo,.replica-login-modal .jn-auth-subtitle,.account-bind-modal .bind-head), body.public-home[data-theme="light"] :is(.service-modal-head,.replica-login-modal .jn-auth-logo,.replica-login-modal .jn-auth-subtitle,.account-bind-modal .bind-head){ background:#fff!important; background-image:linear-gradient(180deg,#fff,#f1f7ff)!important; color:#0f172a!important; border-color:rgba(15,23,42,.10)!important; box-shadow:none!important; } html.jn-light-mode body.public-home :is(.service-online-card,.service-card,.service-qr-frame,.replica-login-modal .jn-auth-tabs,.replica-login-modal .jn-auth-form,.replica-login-modal .jn-code-row,.replica-login-modal .jn-captcha-row,.replica-login-modal .jn-third-grid,.account-bind-modal .bind-form), html[data-theme="light"] body.public-home :is(.service-online-card,.service-card,.service-qr-frame,.replica-login-modal .jn-auth-tabs,.replica-login-modal .jn-auth-form,.replica-login-modal .jn-code-row,.replica-login-modal .jn-captcha-row,.replica-login-modal .jn-third-grid,.account-bind-modal .bind-form), body.public-home.jn-light-mode :is(.service-online-card,.service-card,.service-qr-frame,.replica-login-modal .jn-auth-tabs,.replica-login-modal .jn-auth-form,.replica-login-modal .jn-code-row,.replica-login-modal .jn-captcha-row,.replica-login-modal .jn-third-grid,.account-bind-modal .bind-form), body.public-home[data-theme="light"] :is(.service-online-card,.service-card,.service-qr-frame,.replica-login-modal .jn-auth-tabs,.replica-login-modal .jn-auth-form,.replica-login-modal .jn-code-row,.replica-login-modal .jn-captcha-row,.replica-login-modal .jn-third-grid,.account-bind-modal .bind-form){ background:#f8fafc!important; background-image:none!important; color:#0f172a!important; border-color:rgba(15,23,42,.10)!important; box-shadow:none!important; text-shadow:none!important; } html.jn-light-mode body.public-home :is(.customer-modal,.replica-customer-modal,.jn-auth-modal,.replica-login-modal,.account-bind-modal) :is(h1,h2,h3,h4,strong,b,label,.jn-auth-logo span,.bind-head strong), html[data-theme="light"] body.public-home :is(.customer-modal,.replica-customer-modal,.jn-auth-modal,.replica-login-modal,.account-bind-modal) :is(h1,h2,h3,h4,strong,b,label,.jn-auth-logo span,.bind-head strong), body.public-home.jn-light-mode :is(.customer-modal,.replica-customer-modal,.jn-auth-modal,.replica-login-modal,.account-bind-modal) :is(h1,h2,h3,h4,strong,b,label,.jn-auth-logo span,.bind-head strong), body.public-home[data-theme="light"] :is(.customer-modal,.replica-customer-modal,.jn-auth-modal,.replica-login-modal,.account-bind-modal) :is(h1,h2,h3,h4,strong,b,label,.jn-auth-logo span,.bind-head strong){ color:#0f172a!important; -webkit-text-fill-color:currentColor!important; text-shadow:none!important; } html.jn-light-mode body.public-home :is(.customer-modal,.replica-customer-modal,.jn-auth-modal,.replica-login-modal,.account-bind-modal) :is(p,span,small,em,.jn-auth-subtitle,.jn-agree,.jn-third-title,.jn-forgot,.bind-head p,.bind-head span), html[data-theme="light"] body.public-home :is(.customer-modal,.replica-customer-modal,.jn-auth-modal,.replica-login-modal,.account-bind-modal) :is(p,span,small,em,.jn-auth-subtitle,.jn-agree,.jn-third-title,.jn-forgot,.bind-head p,.bind-head span), body.public-home.jn-light-mode :is(.customer-modal,.replica-customer-modal,.jn-auth-modal,.replica-login-modal,.account-bind-modal) :is(p,span,small,em,.jn-auth-subtitle,.jn-agree,.jn-third-title,.jn-forgot,.bind-head p,.bind-head span), body.public-home[data-theme="light"] :is(.customer-modal,.replica-customer-modal,.jn-auth-modal,.replica-login-modal,.account-bind-modal) :is(p,span,small,em,.jn-auth-subtitle,.jn-agree,.jn-third-title,.jn-forgot,.bind-head p,.bind-head span){ color:#64748b!important; -webkit-text-fill-color:currentColor!important; text-shadow:none!important; } html.jn-light-mode body.public-home :is(.jn-modal-close,.customer-modal-close,.jn-code-row button,.jn-captcha,.bind-skip,.jn-third-grid button), html[data-theme="light"] body.public-home :is(.jn-modal-close,.customer-modal-close,.jn-code-row button,.jn-captcha,.bind-skip,.jn-third-grid button), body.public-home.jn-light-mode :is(.jn-modal-close,.customer-modal-close,.jn-code-row button,.jn-captcha,.bind-skip,.jn-third-grid button), body.public-home[data-theme="light"] :is(.jn-modal-close,.customer-modal-close,.jn-code-row button,.jn-captcha,.bind-skip,.jn-third-grid button){ background:#eef2f7!important; background-image:none!important; color:#0f172a!important; -webkit-text-fill-color:currentColor!important; border-color:rgba(15,23,42,.12)!important; box-shadow:none!important; } html.jn-light-mode body.public-home :is(.jn-auth-submit,.replica-customer-modal .service-actions-single a), html[data-theme="light"] body.public-home :is(.jn-auth-submit,.replica-customer-modal .service-actions-single a), body.public-home.jn-light-mode :is(.jn-auth-submit,.replica-customer-modal .service-actions-single a), body.public-home[data-theme="light"] :is(.jn-auth-submit,.replica-customer-modal .service-actions-single a){ background:#2563eb!important; background-image:linear-gradient(135deg,#2563eb,#06b6d4)!important; border-color:transparent!important; color:#fff!important; -webkit-text-fill-color:#fff!important; box-shadow:0 14px 30px rgba(37,99,235,.22)!important; } body.public-home .jn-auth-overlay .replica-login-modal [hidden], body.public-home .jn-auth-overlay .replica-login-modal .jn-code-row[hidden], body.public-home .jn-auth-overlay .replica-login-modal [data-field-code][hidden]{ display:none!important; } /* 2026-07-08 front quick menu fluid polish */ .jn-quick-drawer-trigger{ position:fixed!important; right:20px!important; top:18px!important; z-index:100080!important; width:44px!important; height:44px!important; padding:0!important; display:block!important; overflow:visible!important; border-radius:16px!important; border:1px solid rgba(148,163,184,.30)!important; background: radial-gradient(circle at 34% 34%,#38bdf8 0 10%,transparent 11%), radial-gradient(circle at 66% 34%,#f59e0b 0 10%,transparent 11%), radial-gradient(circle at 34% 66%,#22c55e 0 10%,transparent 11%), radial-gradient(circle at 66% 66%,#a78bfa 0 10%,transparent 11%), linear-gradient(145deg,rgba(15,23,42,.96),rgba(2,6,23,.92))!important; color:transparent!important; font-size:0!important; line-height:0!important; box-shadow:0 14px 32px rgba(2,6,23,.32),0 0 0 6px rgba(56,189,248,.06),inset 0 1px 0 rgba(255,255,255,.14)!important; cursor:pointer!important; transition:transform .22s cubic-bezier(.2,.8,.2,1),box-shadow .22s ease,border-color .22s ease,background .22s ease!important; } .jn-quick-drawer-trigger::before{ content:""!important; position:absolute!important; inset:5px!important; display:block!important; border-radius:13px!important; background:linear-gradient(135deg,rgba(255,255,255,.20),transparent 44%)!important; pointer-events:none!important; } .jn-quick-drawer-trigger::after{ content:""!important; position:absolute!important; right:-2px!important; top:-2px!important; width:9px!important; height:9px!important; display:block!important; border-radius:999px!important; background:#fb7185!important; border:2px solid #08111f!important; box-shadow:0 0 14px rgba(251,113,133,.62)!important; pointer-events:none!important; } .jn-quick-drawer-trigger svg, .jn-quick-drawer-trigger span{display:none!important} .jn-quick-drawer-trigger:hover, .jn-quick-drawer-trigger:focus-visible, .jn-quick-drawer-trigger[aria-expanded="true"]{ transform:translateY(-2px) scale(1.04)!important; border-color:rgba(125,211,252,.68)!important; background: radial-gradient(circle at 34% 34%,#7dd3fc 0 11%,transparent 12%), radial-gradient(circle at 66% 34%,#fbbf24 0 11%,transparent 12%), radial-gradient(circle at 34% 66%,#4ade80 0 11%,transparent 12%), radial-gradient(circle at 66% 66%,#c4b5fd 0 11%,transparent 12%), linear-gradient(145deg,rgba(15,23,42,.98),rgba(8,47,73,.94))!important; box-shadow:0 18px 40px rgba(2,6,23,.38),0 0 0 7px rgba(56,189,248,.09),0 0 26px rgba(56,189,248,.22),inset 0 1px 0 rgba(255,255,255,.18)!important; } .jn-quick-drawer-overlay{ background:transparent!important; background-image:none!important; backdrop-filter:none!important; -webkit-backdrop-filter:none!important; } .jn-quick-drawer{ top:72px!important; right:14px!important; bottom:16px!important; width:min(384px,calc(100vw - 24px))!important; height:auto!important; max-height:calc(100dvh - 88px)!important; border:1px solid rgba(148,163,184,.20)!important; border-radius:20px!important; background:rgba(9,14,24,.86)!important; color:#f8fafc!important; box-shadow:0 24px 70px rgba(2,6,23,.42),0 0 0 1px rgba(125,211,252,.06),inset 0 1px 0 rgba(255,255,255,.08)!important; backdrop-filter:blur(22px) saturate(1.15)!important; -webkit-backdrop-filter:blur(22px) saturate(1.15)!important; overflow:hidden!important; transform:translate3d(104%,0,0)!important; transition:transform .30s cubic-bezier(.2,.86,.2,1),opacity .22s ease!important; will-change:transform!important; } .jn-quick-drawer.is-open{transform:translate3d(0,0,0)!important} .jn-quick-drawer:not(.is-open){transform:translate3d(104%,0,0)!important} .jn-quick-drawer-inner{ height:100%!important; display:flex!important; flex-direction:column!important; background: radial-gradient(circle at 10% 0%,rgba(56,189,248,.16),transparent 35%), radial-gradient(circle at 100% 12%,rgba(167,139,250,.13),transparent 34%), linear-gradient(180deg,rgba(15,23,42,.92),rgba(2,6,23,.90))!important; overflow:hidden!important; } .jn-quick-drawer-head{ flex:0 0 auto!important; display:flex!important; align-items:center!important; gap:10px!important; padding:12px!important; border-bottom:1px solid rgba(148,163,184,.15)!important; background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.015))!important; } .jn-quick-drawer .jn-quick-profile-card{ min-width:0!important; flex:1 1 auto!important; display:flex!important; align-items:center!important; gap:9px!important; padding:9px!important; border:1px solid rgba(125,211,252,.17)!important; border-radius:16px!important; background:linear-gradient(145deg,rgba(255,255,255,.075),rgba(15,23,42,.14))!important; box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 10px 26px rgba(2,6,23,.16)!important; } .jn-quick-drawer .jn-quick-profile{ min-width:0!important; flex:1 1 auto!important; display:flex!important; align-items:center!important; gap:9px!important; padding:0!important; border:0!important; background:transparent!important; box-shadow:none!important; } .jn-quick-drawer .jn-quick-profile-avatar{ width:38px!important; height:38px!important; flex:0 0 38px!important; border-radius:14px!important; border:1px solid rgba(125,211,252,.28)!important; background:linear-gradient(145deg,rgba(56,189,248,.24),rgba(34,197,94,.12))!important; color:#e0faff!important; box-shadow:0 10px 22px rgba(56,189,248,.10),inset 0 1px 0 rgba(255,255,255,.16)!important; } .jn-quick-drawer .jn-quick-profile-avatar img{width:100%!important;height:100%!important;object-fit:cover!important;display:block!important} .jn-quick-drawer .jn-quick-profile-text{min-width:0!important;display:grid!important;gap:3px!important} .jn-quick-drawer .jn-quick-profile-text strong{ max-width:128px!important; color:#f8fafc!important; font-size:13.5px!important; font-weight:900!important; line-height:1.12!important; white-space:nowrap!important; overflow:hidden!important; text-overflow:ellipsis!important; } .jn-quick-drawer .jn-quick-profile-text small{color:#91a4bd!important;font-size:10px!important;font-weight:800!important;line-height:1.15!important} .jn-quick-drawer .jn-quick-profile-card .jn-quick-balance{ flex:0 0 auto!important; min-width:70px!important; max-width:92px!important; display:grid!important; justify-items:end!important; gap:2px!important; padding:6px 7px!important; border:1px solid rgba(52,211,153,.24)!important; border-radius:13px!important; background:linear-gradient(145deg,rgba(34,197,94,.16),rgba(56,189,248,.08))!important; box-shadow:none!important; } .jn-quick-drawer .jn-quick-profile-card .jn-quick-balance span{color:#86efac!important;font-size:9px!important;line-height:1!important;letter-spacing:0!important;text-transform:none!important} .jn-quick-drawer .jn-quick-profile-card .jn-quick-balance b{max-width:76px!important;color:#f8fafc!important;font-size:12px!important;line-height:1.05!important;overflow:hidden!important;text-overflow:ellipsis!important} .jn-quick-drawer-head > button, .jn-quick-drawer-head [data-quick-drawer-close]{ width:32px!important; height:32px!important; flex:0 0 32px!important; display:grid!important; place-items:center!important; border-radius:12px!important; border:1px solid rgba(148,163,184,.18)!important; background:rgba(255,255,255,.055)!important; color:#dbeafe!important; font-size:20px!important; line-height:1!important; box-shadow:none!important; transition:transform .18s ease,border-color .18s ease,background .18s ease!important; } .jn-quick-drawer-head > button:hover, .jn-quick-drawer-head [data-quick-drawer-close]:hover{transform:scale(1.04)!important;border-color:rgba(248,113,113,.45)!important;background:rgba(248,113,113,.12)!important;color:#fff!important} .jn-quick-drawer-nav{ flex:1 1 auto!important; min-height:0!important; overflow-y:auto!important; padding:12px 12px 6px!important; background:transparent!important; scrollbar-width:thin!important; scrollbar-color:rgba(125,211,252,.32) transparent!important; } .jn-quick-drawer-nav::-webkit-scrollbar{width:6px!important} .jn-quick-drawer-nav::-webkit-scrollbar-track{background:transparent!important} .jn-quick-drawer-nav::-webkit-scrollbar-thumb{background:rgba(125,211,252,.26)!important;border-radius:999px!important} .jn-quick-drawer-nav section{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;margin:0 0 14px!important} .jn-quick-drawer-nav h3{ grid-column:1/-1!important; min-width:0!important; margin:0 1px 1px!important; display:flex!important; align-items:center!important; gap:7px!important; color:#9fb0c8!important; font-size:10.5px!important; font-weight:900!important; line-height:1.2!important; letter-spacing:0!important; } .jn-quick-drawer-nav h3::before{content:""!important;width:4px!important;height:13px!important;border-radius:999px!important;background:linear-gradient(180deg,#38bdf8,#22c55e)!important;box-shadow:0 0 12px rgba(56,189,248,.48)!important} .jn-quick-drawer-nav h3::after{margin-left:auto!important;color:#5eead4!important;font-size:8.5px!important;font-weight:900!important;letter-spacing:.08em!important} .jn-quick-drawer-nav section:nth-of-type(1) h3::after{content:"INTERFACE"!important} .jn-quick-drawer-nav section:nth-of-type(2) h3::after{content:"REWARDS"!important} .jn-quick-drawer-nav section:nth-of-type(3) h3::after{content:"SUPPORT"!important} .jn-quick-drawer-nav section:nth-of-type(4) h3::after{content:"TOOLS"!important} .jn-quick-card{ --jn-q1:#38bdf8; --jn-q2:#2563eb; --jn-qicon:var(--jn-qicon-theme); position:relative!important; min-width:0!important; min-height:62px!important; width:100%!important; display:grid!important; grid-template-columns:34px minmax(0,1fr)!important; grid-template-rows:auto auto!important; align-items:center!important; align-content:center!important; column-gap:9px!important; row-gap:2px!important; padding:9px!important; border:1px solid rgba(148,163,184,.16)!important; border-radius:15px!important; background:linear-gradient(145deg,rgba(255,255,255,.075),rgba(15,23,42,.16))!important; color:#f8fafc!important; text-align:left!important; box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 10px 24px rgba(2,6,23,.10)!important; backdrop-filter:none!important; -webkit-backdrop-filter:none!important; overflow:hidden!important; transform:translateZ(0)!important; transition:transform .18s cubic-bezier(.2,.8,.2,1),border-color .18s ease,background .18s ease,box-shadow .18s ease!important; } .jn-quick-card::before{content:""!important;position:absolute!important;inset:-1px!important;background:radial-gradient(circle at 0% 0%,color-mix(in srgb,var(--jn-q1) 24%,transparent),transparent 48%)!important;opacity:.72!important;pointer-events:none!important} .jn-quick-card::after{content:""!important;position:absolute!important;inset:0!important;border-radius:inherit!important;background:linear-gradient(135deg,rgba(255,255,255,.12),transparent 36%)!important;opacity:.34!important;pointer-events:none!important} .jn-quick-card > *{position:relative!important;z-index:1!important} .jn-quick-card:hover, .jn-quick-card:focus-visible{transform:translateY(-2px)!important;border-color:color-mix(in srgb,var(--jn-q1) 58%,rgba(255,255,255,.18))!important;background:linear-gradient(145deg,rgba(255,255,255,.105),rgba(15,23,42,.20))!important;box-shadow:0 14px 30px color-mix(in srgb,var(--jn-q1) 18%,rgba(2,6,23,.20)),inset 0 1px 0 rgba(255,255,255,.12)!important} .jn-quick-card i{ grid-column:1!important; grid-row:1/3!important; width:34px!important; height:34px!important; display:grid!important; place-items:center!important; border-radius:13px!important; border:1px solid color-mix(in srgb,var(--jn-q1) 38%,rgba(255,255,255,.16))!important; background:linear-gradient(145deg,color-mix(in srgb,var(--jn-q1) 25%,rgba(255,255,255,.08)),color-mix(in srgb,var(--jn-q2) 17%,rgba(15,23,42,.20)))!important; color:#fff!important; font-size:0!important; line-height:0!important; font-style:normal!important; box-shadow:0 9px 18px color-mix(in srgb,var(--jn-q1) 16%,transparent),inset 0 1px 0 rgba(255,255,255,.18)!important; } .jn-quick-card i::before{ content:""!important; width:18px!important; height:18px!important; display:block!important; background:currentColor!important; -webkit-mask-image:var(--jn-qicon)!important; -webkit-mask-repeat:no-repeat!important; -webkit-mask-position:center!important; -webkit-mask-size:18px 18px!important; mask-image:var(--jn-qicon)!important; mask-repeat:no-repeat!important; mask-position:center!important; mask-size:18px 18px!important; } .jn-quick-card b{grid-column:2!important;min-width:0!important;display:block!important;color:#f8fafc!important;font-size:12.5px!important;font-weight:900!important;line-height:1.18!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important} .jn-quick-card small{grid-column:2!important;min-width:0!important;display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;margin:0!important;color:#93a6bf!important;font-size:10px!important;font-weight:700!important;line-height:1.28!important;overflow:hidden!important} .jn-quick-drawer-foot{flex:0 0 auto!important;padding:10px 12px 12px!important;border-top:1px solid rgba(148,163,184,.14)!important;background:linear-gradient(180deg,rgba(255,255,255,.015),rgba(255,255,255,.045))!important} .jn-quick-logout{height:38px!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;border-radius:14px!important;border:1px solid rgba(251,113,133,.28)!important;background:linear-gradient(135deg,rgba(244,63,94,.14),rgba(251,113,133,.08))!important;color:#ffe4e6!important;font-size:12.5px!important;font-weight:900!important;text-decoration:none!important;box-shadow:none!important;transition:transform .18s ease,border-color .18s ease,background .18s ease!important} .jn-quick-logout svg{width:16px!important;height:16px!important} .jn-quick-logout:hover{transform:translateY(-1px)!important;border-color:rgba(253,164,175,.56)!important;background:linear-gradient(135deg,rgba(244,63,94,.22),rgba(251,113,133,.12))!important;color:#fff!important} .jn-quick-card, .jn-quick-drawer-nav section:nth-of-type(1) .jn-quick-card:nth-of-type(1){--jn-q1:#38bdf8;--jn-q2:#2563eb;--jn-qicon:var(--jn-qicon-theme)} .jn-quick-drawer-nav section:nth-of-type(1) .jn-quick-card:nth-of-type(2){--jn-q1:#22c55e;--jn-q2:#0f766e;--jn-qicon:var(--jn-qicon-lang)} .jn-quick-drawer-nav section:nth-of-type(1) .jn-quick-card:nth-of-type(3){--jn-q1:#a78bfa;--jn-q2:#7c3aed;--jn-qicon:var(--jn-qicon-user)} .jn-quick-drawer-nav section:nth-of-type(2) .jn-quick-card:nth-of-type(1){--jn-q1:#f59e0b;--jn-q2:#ea580c;--jn-qicon:var(--jn-qicon-check)} .jn-quick-drawer-nav section:nth-of-type(2) .jn-quick-card:nth-of-type(2){--jn-q1:#fb7185;--jn-q2:#db2777;--jn-qicon:var(--jn-qicon-gift)} .jn-quick-drawer-nav section:nth-of-type(3) .jn-quick-card:nth-of-type(1){--jn-q1:#2dd4bf;--jn-q2:#0891b2;--jn-qicon:var(--jn-qicon-support)} .jn-quick-drawer-nav section:nth-of-type(3) .jn-quick-card:nth-of-type(2){--jn-q1:#60a5fa;--jn-q2:#2563eb;--jn-qicon:var(--jn-qicon-mail)} .jn-quick-drawer-nav section:nth-of-type(4) .jn-quick-card:nth-of-type(1){--jn-q1:#818cf8;--jn-q2:#4f46e5;--jn-qicon:var(--jn-qicon-key)} .jn-quick-drawer-nav section:nth-of-type(4) .jn-quick-card:nth-of-type(2){--jn-q1:#34d399;--jn-q2:#16a34a;--jn-qicon:var(--jn-qicon-wallet)} .jn-quick-drawer-nav section:nth-of-type(4) .jn-quick-card:nth-of-type(3){--jn-q1:#f97316;--jn-q2:#dc2626;--jn-qicon:var(--jn-qicon-chart)} .jn-quick-card[data-quick-action="theme"]{--jn-q1:#38bdf8;--jn-q2:#2563eb;--jn-qicon:var(--jn-qicon-theme)} .jn-quick-card[data-quick-action="language"]{--jn-q1:#22c55e;--jn-q2:#0f766e;--jn-qicon:var(--jn-qicon-lang)} .jn-quick-card[data-quick-action="profile"]{--jn-q1:#a78bfa;--jn-q2:#7c3aed;--jn-qicon:var(--jn-qicon-user)} .jn-quick-card[data-quick-action="checkin"]{--jn-q1:#f59e0b;--jn-q2:#ea580c;--jn-qicon:var(--jn-qicon-check)} .jn-quick-card[data-quick-action="invite"]{--jn-q1:#fb7185;--jn-q2:#db2777;--jn-qicon:var(--jn-qicon-gift)} .jn-quick-card[data-quick-action="support"]{--jn-q1:#2dd4bf;--jn-q2:#0891b2;--jn-qicon:var(--jn-qicon-support)} .jn-quick-card[data-quick-action="messages"]{--jn-q1:#60a5fa;--jn-q2:#2563eb;--jn-qicon:var(--jn-qicon-mail)} .jn-quick-card[data-quick-action="api-tokens"]{--jn-q1:#818cf8;--jn-q2:#4f46e5;--jn-qicon:var(--jn-qicon-key)} .jn-quick-card[data-quick-action="recharge-records"], .jn-quick-card[data-quick-action="payments"]{--jn-q1:#34d399;--jn-q2:#16a34a;--jn-qicon:var(--jn-qicon-wallet)} .jn-quick-card[data-quick-action="credits"]{--jn-q1:#f97316;--jn-q2:#dc2626;--jn-qicon:var(--jn-qicon-chart)} :root{ --jn-qicon-theme:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3a9 9 0 1 0 9 9 6 6 0 0 1-9-9Z'/%3E%3Cpath d='M19 3v4M21 5h-4'/%3E%3C/svg%3E"); --jn-qicon-lang:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.1' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M3 12h18M12 3c2.6 2.7 4 5.7 4 9s-1.4 6.3-4 9M12 3c-2.6 2.7-4 5.7-4 9s1.4 6.3 4 9'/%3E%3C/svg%3E"); --jn-qicon-user:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 21a8 8 0 0 0-16 0'/%3E%3Ccircle cx='12' cy='8' r='4'/%3E%3C/svg%3E"); --jn-qicon-check:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='4' y='5' width='16' height='16' rx='4'/%3E%3Cpath d='M8 3v4M16 3v4M8 13l3 3 5-6'/%3E%3C/svg%3E"); --jn-qicon-gift:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.1' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 12v8a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2v-8M2 7h20v5H2zM12 22V7'/%3E%3Cpath d='M12 7H8.5A2.5 2.5 0 1 1 12 3.5M12 7h3.5A2.5 2.5 0 1 0 12 3.5'/%3E%3C/svg%3E"); --jn-qicon-support:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.1' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 13a8 8 0 0 1 16 0M4 13v3a2 2 0 0 0 2 2h1v-7H6a2 2 0 0 0-2 2ZM20 13v3a2 2 0 0 1-2 2h-1v-7h1a2 2 0 0 1 2 2Z'/%3E%3Cpath d='M17 18c0 2-2 3-5 3'/%3E%3C/svg%3E"); --jn-qicon-mail:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.1' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='5' width='18' height='14' rx='3'/%3E%3Cpath d='m4 7 8 6 8-6'/%3E%3C/svg%3E"); --jn-qicon-key:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.1' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='7.5' cy='14.5' r='4.5'/%3E%3Cpath d='M11 11 21 1M16 6l3 3M14 8l2 2'/%3E%3C/svg%3E"); --jn-qicon-wallet:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.1' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 7h14a3 3 0 0 1 3 3v8a2 2 0 0 1-2 2H5a3 3 0 0 1-3-3V7a3 3 0 0 1 3-3h12'/%3E%3Cpath d='M16 13h5M17.5 13h.01'/%3E%3C/svg%3E"); --jn-qicon-chart:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.1' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 19V5M4 19h16'/%3E%3Cpath d='M8 16v-5M12 16V8M16 16v-9M20 16v-3'/%3E%3C/svg%3E"); } html.jn-light-mode .jn-quick-drawer-trigger, body.jn-light-mode .jn-quick-drawer-trigger, html[data-theme="light"] .jn-quick-drawer-trigger, body[data-theme="light"] .jn-quick-drawer-trigger{ border-color:rgba(37,99,235,.20)!important; background: radial-gradient(circle at 34% 34%,#0ea5e9 0 10%,transparent 11%), radial-gradient(circle at 66% 34%,#f59e0b 0 10%,transparent 11%), radial-gradient(circle at 34% 66%,#22c55e 0 10%,transparent 11%), radial-gradient(circle at 66% 66%,#8b5cf6 0 10%,transparent 11%), linear-gradient(145deg,#fff,#eaf4ff)!important; box-shadow:0 14px 32px rgba(15,23,42,.14),0 0 0 6px rgba(14,165,233,.08),inset 0 1px 0 rgba(255,255,255,.95)!important; } html.jn-light-mode .jn-quick-drawer-trigger::after, body.jn-light-mode .jn-quick-drawer-trigger::after, html[data-theme="light"] .jn-quick-drawer-trigger::after, body[data-theme="light"] .jn-quick-drawer-trigger::after{border-color:#fff!important} html.jn-light-mode body:not(#jnUserQuickMenuFinalA):not(#jnUserQuickMenuFinalB):not(.page-admin) .jn-quick-drawer, body.jn-light-mode:not(#jnUserQuickMenuFinalA):not(#jnUserQuickMenuFinalB):not(.page-admin) .jn-quick-drawer, html[data-theme="light"] body:not(.page-admin) .jn-quick-drawer, body[data-theme="light"]:not(.page-admin) .jn-quick-drawer{ background:rgba(255,255,255,.88)!important; color:#0f172a!important; border-color:rgba(15,23,42,.10)!important; box-shadow:0 24px 70px rgba(15,23,42,.16),0 0 0 1px rgba(14,165,233,.06),inset 0 1px 0 rgba(255,255,255,.90)!important; backdrop-filter:blur(20px) saturate(1.08)!important; -webkit-backdrop-filter:blur(20px) saturate(1.08)!important; } html.jn-light-mode body:not(#jnUserQuickMenuFinalA):not(#jnUserQuickMenuFinalB):not(.page-admin) .jn-quick-drawer-inner, body.jn-light-mode:not(#jnUserQuickMenuFinalA):not(#jnUserQuickMenuFinalB):not(.page-admin) .jn-quick-drawer-inner, html[data-theme="light"] body:not(.page-admin) .jn-quick-drawer-inner, body[data-theme="light"]:not(.page-admin) .jn-quick-drawer-inner{background:radial-gradient(circle at 8% 0%,rgba(14,165,233,.14),transparent 36%),radial-gradient(circle at 100% 12%,rgba(139,92,246,.10),transparent 34%),linear-gradient(180deg,rgba(255,255,255,.96),rgba(241,247,255,.92))!important} html.jn-light-mode body:not(#jnUserQuickMenuFinalA):not(#jnUserQuickMenuFinalB):not(.page-admin) :is(.jn-quick-drawer-head,.jn-quick-drawer-foot), body.jn-light-mode:not(#jnUserQuickMenuFinalA):not(#jnUserQuickMenuFinalB):not(.page-admin) :is(.jn-quick-drawer-head,.jn-quick-drawer-foot), html[data-theme="light"] body:not(.page-admin) :is(.jn-quick-drawer-head,.jn-quick-drawer-foot), body[data-theme="light"]:not(.page-admin) :is(.jn-quick-drawer-head,.jn-quick-drawer-foot){background:linear-gradient(180deg,rgba(255,255,255,.84),rgba(241,245,249,.42))!important;border-color:rgba(15,23,42,.08)!important} html.jn-light-mode body:not(#jnUserQuickMenuFinalA):not(#jnUserQuickMenuFinalB):not(.page-admin) .jn-quick-drawer .jn-quick-profile-card, body.jn-light-mode:not(#jnUserQuickMenuFinalA):not(#jnUserQuickMenuFinalB):not(.page-admin) .jn-quick-drawer .jn-quick-profile-card, html[data-theme="light"] body:not(.page-admin) .jn-quick-drawer .jn-quick-profile-card, body[data-theme="light"]:not(.page-admin) .jn-quick-drawer .jn-quick-profile-card{background:linear-gradient(145deg,rgba(255,255,255,.96),rgba(224,242,254,.58))!important;border-color:rgba(14,165,233,.16)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.96),0 10px 24px rgba(15,23,42,.08)!important} html.jn-light-mode body:not(#jnUserQuickMenuFinalA):not(#jnUserQuickMenuFinalB):not(.page-admin) .jn-quick-card, body.jn-light-mode:not(#jnUserQuickMenuFinalA):not(#jnUserQuickMenuFinalB):not(.page-admin) .jn-quick-card, html[data-theme="light"] body:not(.page-admin) .jn-quick-card, body[data-theme="light"]:not(.page-admin) .jn-quick-card{background:linear-gradient(145deg,rgba(255,255,255,.92),rgba(241,245,249,.68))!important;border-color:rgba(15,23,42,.08)!important;color:#0f172a!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.94),0 10px 24px rgba(15,23,42,.06)!important} html.jn-light-mode body:not(#jnUserQuickMenuFinalA):not(#jnUserQuickMenuFinalB):not(.page-admin) .jn-quick-card:hover, body.jn-light-mode:not(#jnUserQuickMenuFinalA):not(#jnUserQuickMenuFinalB):not(.page-admin) .jn-quick-card:hover, html[data-theme="light"] body:not(.page-admin) .jn-quick-card:hover, body[data-theme="light"]:not(.page-admin) .jn-quick-card:hover{background:linear-gradient(145deg,#fff,rgba(239,246,255,.88))!important;border-color:color-mix(in srgb,var(--jn-q1) 45%,rgba(15,23,42,.10))!important;box-shadow:0 14px 28px color-mix(in srgb,var(--jn-q1) 16%,rgba(15,23,42,.10)),inset 0 1px 0 #fff!important} html.jn-light-mode body:not(#jnUserQuickMenuFinalA):not(#jnUserQuickMenuFinalB):not(.page-admin) :is(.jn-quick-card b,.jn-quick-profile-text strong), body.jn-light-mode:not(#jnUserQuickMenuFinalA):not(#jnUserQuickMenuFinalB):not(.page-admin) :is(.jn-quick-card b,.jn-quick-profile-text strong), html[data-theme="light"] body:not(.page-admin) :is(.jn-quick-card b,.jn-quick-profile-text strong), body[data-theme="light"]:not(.page-admin) :is(.jn-quick-card b,.jn-quick-profile-text strong){color:#0f172a!important;-webkit-text-fill-color:currentColor!important} html.jn-light-mode body:not(#jnUserQuickMenuFinalA):not(#jnUserQuickMenuFinalB):not(.page-admin) :is(.jn-quick-card small,.jn-quick-profile-text small,.jn-quick-drawer-nav h3), body.jn-light-mode:not(#jnUserQuickMenuFinalA):not(#jnUserQuickMenuFinalB):not(.page-admin) :is(.jn-quick-card small,.jn-quick-profile-text small,.jn-quick-drawer-nav h3), html[data-theme="light"] body:not(.page-admin) :is(.jn-quick-card small,.jn-quick-profile-text small,.jn-quick-drawer-nav h3), body[data-theme="light"]:not(.page-admin) :is(.jn-quick-card small,.jn-quick-profile-text small,.jn-quick-drawer-nav h3){color:#64748b!important;-webkit-text-fill-color:currentColor!important} @media(max-width:760px){ .jn-quick-drawer-trigger{right:12px!important;top:12px!important;width:40px!important;height:40px!important;border-radius:15px!important} .jn-quick-drawer-trigger::before{border-radius:12px!important} .jn-quick-drawer{top:62px!important;right:10px!important;bottom:10px!important;width:min(360px,calc(100vw - 20px))!important;max-height:calc(100dvh - 72px)!important;border-radius:18px!important} .jn-quick-drawer-head{padding:10px!important;gap:8px!important} .jn-quick-drawer .jn-quick-profile-card{padding:8px!important;border-radius:15px!important} .jn-quick-drawer .jn-quick-profile-avatar{width:35px!important;height:35px!important;flex-basis:35px!important;border-radius:13px!important} .jn-quick-drawer .jn-quick-profile-text strong{max-width:116px!important;font-size:12.5px!important} .jn-quick-drawer .jn-quick-profile-card .jn-quick-balance{display:none!important} .jn-quick-drawer-head > button, .jn-quick-drawer-head [data-quick-drawer-close]{width:30px!important;height:30px!important;flex-basis:30px!important;border-radius:11px!important} .jn-quick-drawer-nav{padding:10px 10px 4px!important} .jn-quick-drawer-nav section{gap:7px!important;margin-bottom:12px!important} .jn-quick-drawer-nav h3{font-size:10px!important} .jn-quick-card{min-height:58px!important;grid-template-columns:31px minmax(0,1fr)!important;column-gap:8px!important;padding:8px!important;border-radius:14px!important} .jn-quick-card i{width:31px!important;height:31px!important;border-radius:12px!important} .jn-quick-card i::before{width:16px!important;height:16px!important;-webkit-mask-size:16px 16px!important;mask-size:16px 16px!important} .jn-quick-card b{font-size:11.8px!important} .jn-quick-card small{font-size:9.4px!important;line-height:1.22!important} .jn-quick-drawer-foot{padding:9px 10px 10px!important} .jn-quick-logout{height:36px!important;border-radius:13px!important;font-size:12px!important} } @media(max-width:340px){ .jn-quick-drawer-nav section{grid-template-columns:1fr!important} .jn-quick-card{min-height:56px!important} } /* 2026-07-08 quick menu close-free interaction and badges */ .jn-quick-drawer .jn-quick-drawer-head>button:not(.jn-quick-profile), .jn-quick-drawer .jn-quick-drawer-head>[data-quick-drawer-close]{ display:none!important; visibility:hidden!important; pointer-events:none!important; } .jn-quick-drawer .jn-quick-profile-card{ margin-right:0!important; max-width:100%!important; } .jn-quick-drawer-trigger.jn-quick-drawer-trigger{ isolation:isolate!important; transform-origin:center!important; } .jn-quick-drawer-trigger.jn-quick-drawer-trigger[aria-expanded="true"]{ transform:translateY(-2px) rotate(45deg) scale(1.06)!important; border-radius:999px!important; border-color:rgba(45,212,191,.72)!important; background:radial-gradient(circle at 34% 34%,#22d3ee 0 11%,transparent 12%),radial-gradient(circle at 66% 34%,#8b5cf6 0 11%,transparent 12%),radial-gradient(circle at 34% 66%,#34d399 0 11%,transparent 12%),radial-gradient(circle at 66% 66%,#f59e0b 0 11%,transparent 12%),linear-gradient(145deg,rgba(8,47,73,.96),rgba(30,41,59,.92))!important; box-shadow:0 18px 42px rgba(2,6,23,.40),0 0 0 9px rgba(45,212,191,.10),0 0 34px rgba(45,212,191,.32),inset 0 1px 0 rgba(255,255,255,.20)!important; } .jn-quick-drawer-trigger.jn-quick-drawer-trigger[aria-expanded="true"]::before{ inset:6px!important; border-radius:999px!important; background:conic-gradient(from 90deg,rgba(34,211,238,.36),rgba(139,92,246,.30),rgba(34,197,94,.34),rgba(34,211,238,.36))!important; opacity:.72!important; filter:blur(.2px)!important; } .jn-quick-drawer-trigger.jn-quick-drawer-trigger[aria-expanded="true"]::after{ transform:rotate(-45deg)!important; } .jn-quick-drawer .jn-quick-card[data-quick-action="checkin"]{ border-color:rgba(245,158,11,.34)!important; box-shadow:0 0 0 1px rgba(245,158,11,.10),0 16px 32px rgba(245,158,11,.08),inset 0 1px 0 rgba(255,255,255,.10)!important; } .jn-quick-drawer .jn-quick-card i{ position:relative!important; } .jn-quick-drawer .jn-quick-card[data-quick-action="checkin"] i::after, .jn-quick-drawer .jn-quick-card[data-quick-action="messages"] i::after{ content:""!important; position:absolute!important; right:-3px!important; top:-3px!important; width:9px!important; height:9px!important; border-radius:999px!important; background:#fb3f55!important; border:2px solid rgba(9,14,24,.96)!important; box-shadow:0 0 13px rgba(251,63,85,.78)!important; } .jn-quick-drawer .jn-quick-card[data-quick-action="messages"] b, .jn-quick-drawer .jn-quick-card[data-quick-action="checkin"] b{ position:relative!important; padding-right:18px!important; } .jn-quick-drawer .jn-quick-card[data-quick-action="messages"] b::after{ content:"4"!important; position:absolute!important; right:0!important; top:50%!important; min-width:15px!important; height:15px!important; padding:0 4px!important; display:inline-grid!important; place-items:center!important; border-radius:999px!important; background:#fb3f55!important; color:#fff!important; font-size:9px!important; font-weight:900!important; line-height:1!important; transform:translateY(-50%)!important; box-shadow:0 0 12px rgba(251,63,85,.58)!important; } html.jn-light-mode .jn-quick-drawer .jn-quick-card[data-quick-action="checkin"] i::after, html.jn-light-mode .jn-quick-drawer .jn-quick-card[data-quick-action="messages"] i::after, body.jn-light-mode .jn-quick-drawer .jn-quick-card[data-quick-action="checkin"] i::after, body.jn-light-mode .jn-quick-drawer .jn-quick-card[data-quick-action="messages"] i::after{ border-color:#fff!important; } html.jn-light-mode .jn-quick-drawer-trigger.jn-quick-drawer-trigger[aria-expanded="true"], body.jn-light-mode .jn-quick-drawer-trigger.jn-quick-drawer-trigger[aria-expanded="true"]{ border-color:rgba(14,165,233,.42)!important; background:radial-gradient(circle at 34% 34%,#06b6d4 0 11%,transparent 12%),radial-gradient(circle at 66% 34%,#8b5cf6 0 11%,transparent 12%),radial-gradient(circle at 34% 66%,#22c55e 0 11%,transparent 12%),radial-gradient(circle at 66% 66%,#f59e0b 0 11%,transparent 12%),linear-gradient(145deg,#fff,#dff7ff)!important; box-shadow:0 18px 42px rgba(15,23,42,.16),0 0 0 9px rgba(14,165,233,.10),0 0 30px rgba(14,165,233,.24),inset 0 1px 0 #fff!important; } body.jn-quick-drawer-open .jn-quick-drawer-trigger.jn-quick-drawer-trigger, body.has-dialog.jn-quick-drawer-open .jn-quick-drawer-trigger.jn-quick-drawer-trigger{ display:block!important; visibility:visible!important; opacity:1!important; pointer-events:auto!important; } /* 2026-07-08 public home footer beian mobile no-wrap lock. */ body.public-home .home-footer-beian, body.front-preview-page.public-home .home-footer-beian{ white-space:nowrap!important; } body.public-home .home-footer-beian span, body.front-preview-page.public-home .home-footer-beian span{ white-space:nowrap!important; overflow-wrap:normal!important; word-break:keep-all!important; } @media(max-width:760px){ body.public-home .home-footer-meta, body.front-preview-page.public-home .home-footer-meta{ align-items:center!important; gap:6px!important; } body.public-home .home-footer-beian, body.front-preview-page.public-home .home-footer-beian{ flex:0 1 auto!important; width:auto!important; max-width:100%!important; min-height:28px!important; padding:5px 7px!important; gap:4px!important; line-height:1!important; } body.public-home .home-footer-beian img, body.front-preview-page.public-home .home-footer-beian img{ width:13px!important; height:13px!important; } body.public-home .home-footer-beian span, body.front-preview-page.public-home .home-footer-beian span{ max-width:calc(100vw - 72px)!important; font-size:clamp(8px,2.35vw,10px)!important; line-height:1!important; letter-spacing:0!important; text-align:center!important; overflow:hidden!important; text-overflow:ellipsis!important; } }