/* Light-first workflow and complete light/dark presentation */
.workflow{background:#f4f6f8;color:var(--ink);border-block:1px solid var(--line)}
.workflow .section-title h2{color:var(--ink)}
.workflow .overline{color:var(--blue)}
.steps{border-color:#d9dde3}
.steps article,.steps article:first-child{border-color:#d9dde3}
.steps h3{color:var(--ink)}
.steps p{color:#6f747d}
.steps span{color:#1673ff}
.wide-shot{background:#e8ebef;border-color:#d2d6dc;box-shadow:0 20px 50px rgba(30,36,46,.1)}
.result-grid img{aspect-ratio:16/9;object-fit:cover;object-position:center;border:1px solid #d8dce2}
.theme-toggle{width:36px;height:36px;border:1px solid var(--line);border-radius:8px;background:#fff;color:#333;display:grid;place-items:center;cursor:pointer;font-size:15px;margin-left:8px}
.nav-tools{display:flex;align-items:center}
html[data-theme="dark"] body{background:#0c0f14;color:#f1f3f6}
html[data-theme="dark"] header{background:rgba(12,15,20,.94);border-color:#242933}
html[data-theme="dark"] .brand{color:#f1f3f6}
html[data-theme="dark"] .brand>span{background:#f4f5f7;color:#101319}
html[data-theme="dark"] .nav nav a{color:#9ba1ab}
html[data-theme="dark"] .nav nav a:hover{color:#fff}
html[data-theme="dark"] .lang>button,html[data-theme="dark"] .theme-toggle{background:#151920;border-color:#2b313b;color:#e7e9ed}
html[data-theme="dark"] .lang>div{background:#151920;border-color:#2b313b}
html[data-theme="dark"] .lang div button{color:#aeb3bc}
html[data-theme="dark"] .lang div button:hover{background:#20252d;color:#fff}
html[data-theme="dark"] .hero h1 em{color:#777f8b}
html[data-theme="dark"] .lead,html[data-theme="dark"] .section-title.compact>p:last-child,html[data-theme="dark"] .function-grid p,html[data-theme="dark"] .product-text>p{color:#959ba5}
html[data-theme="dark"] .light{background:#151920;border-color:#2b313b;color:#f1f3f6}
html[data-theme="dark"] .dark{background:#f3f4f6;color:#111318}
html[data-theme="dark"] .facts span,html[data-theme="dark"] .function-grid article{border-color:#2b313b}
html[data-theme="dark"] .screen,html[data-theme="dark"] .shot{background:#161a20;border-color:#343a45}
html[data-theme="dark"] .proof,html[data-theme="dark"] .workflow{background:#11151b;color:#f1f3f6;border-color:#282e37}
html[data-theme="dark"] .section-title h2,html[data-theme="dark"] .workflow .section-title h2,html[data-theme="dark"] .steps h3{color:#f1f3f6}
html[data-theme="dark"] .product-text li{color:#bcc1c9;border-color:#2d333d}
html[data-theme="dark"] .steps,html[data-theme="dark"] .steps article,html[data-theme="dark"] .steps article:first-child{border-color:#2d333d}
html[data-theme="dark"] .steps p{color:#9299a4}
html[data-theme="dark"] .wide-shot{background:#171b22;border-color:#343a45}
html[data-theme="dark"] .result-grid img{border-color:#2f3540}
html[data-theme="dark"] .result-grid figcaption,html[data-theme="dark"] footer p,html[data-theme="dark"] footer>.shell>small{color:#959ba5}
html[data-theme="dark"] footer{border-color:#272d36}
@media(max-width:600px){.result-grid img{aspect-ratio:16/9}.theme-toggle{width:34px;height:34px}.steps article{border-color:#d9dde3}.nav-tools .lang{display:block}}

/* Official Lucky AI identity, preserving the original solid-color layout */
.brand>span{width:36px;height:36px;padding:0;border-radius:10px;background:transparent;overflow:hidden}
.brand>span img{display:block;width:100%;height:100%;object-fit:cover}
.brand b{color:#1f9cff}
.brand small{color:#77849a}
.cta .cta-brand-line{margin:0 0 7px;font-size:44px;line-height:1.1;letter-spacing:-.04em}
.functions .section-title.compact{max-width:920px}
.functions .section-title.compact h2{max-width:920px}
.img-wrap{height:auto;aspect-ratio:16/9;display:flex;align-items:center;justify-content:center;background:#eef0f3}
.img-wrap img,.img-wrap.square img{width:100%;height:100%;object-fit:contain;object-position:center;display:block}
html[data-theme="dark"] .brand>span{background:transparent;color:inherit}
html[data-theme="dark"] .brand b{color:#36aaff}
html[data-theme="dark"] .brand small{color:#7f8ba0}
footer p{font-size:15px;font-weight:600;color:#555b65}
.seo-faq{padding:20px 0 120px}.seo-faq .section-title{margin-bottom:42px}.faq-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.faq-grid details{border:1px solid var(--line);border-radius:12px;padding:20px 22px;background:#fff}.faq-grid summary{font-size:15px;font-weight:600;cursor:pointer;list-style:none}.faq-grid summary::-webkit-details-marker{display:none}.faq-grid summary:after{content:"＋";float:right;color:var(--blue)}.faq-grid details[open] summary:after{content:"－"}.faq-grid p{margin:14px 0 0;color:var(--muted);font-size:12px;line-height:1.8}
html[data-theme="dark"] footer p{color:#b7bdc7}html[data-theme="dark"] .faq-grid details{background:#11151b;border-color:#2d333d}
@media(max-width:600px){.cta .cta-brand-line{font-size:34px}.faq-grid{grid-template-columns:1fr}.seo-faq{padding:0 0 80px}footer p{font-size:13px}}

/* Fixed authorization assistant */
.auth-float{position:fixed;right:20px;bottom:24px;z-index:50;font-family:Inter,"Noto Sans SC",sans-serif}
.auth-trigger{width:156px;border:1px solid rgba(22,115,255,.2);border-radius:18px;padding:8px 9px 10px;background:rgba(255,255,255,.96);box-shadow:0 18px 45px rgba(25,46,92,.17);cursor:pointer;color:#172033;backdrop-filter:blur(12px);transition:transform .22s ease,box-shadow .22s ease}
.auth-trigger:hover{transform:translateY(-3px);box-shadow:0 22px 52px rgba(25,46,92,.23)}
.auth-avatar{height:104px;display:flex;align-items:flex-end;justify-content:center;overflow:hidden;border-radius:13px;background:#f2f7ff}
.auth-avatar img{display:block;width:136px;height:136px;object-fit:contain;object-position:center bottom;transform:translateY(6px)}
.auth-trigger strong{display:block;margin-top:9px;padding:8px 8px;border-radius:9px;background:#1673ff;color:#fff;font-size:13px;line-height:1.25;letter-spacing:.01em}
.auth-qr{position:absolute;right:calc(100% + 14px);bottom:0;width:216px;padding:14px;border:1px solid #e1e5eb;border-radius:18px;background:#fff;box-shadow:0 22px 58px rgba(20,35,68,.2);opacity:0;visibility:hidden;transform:translateX(8px) scale(.97);transform-origin:right bottom;transition:opacity .2s ease,transform .2s ease,visibility .2s;pointer-events:none;text-align:center;color:#171b22}
.auth-qr:after{content:"";position:absolute;right:-7px;bottom:42px;width:12px;height:12px;background:#fff;border-top:1px solid #e1e5eb;border-right:1px solid #e1e5eb;transform:rotate(45deg)}
.auth-qr img{display:block;width:186px;height:186px;object-fit:contain;border-radius:10px}
.auth-qr b{display:block;margin-top:9px;font-size:14px}.auth-qr span{display:block;margin-top:4px;color:#7b818c;font-size:10px}
.auth-float:hover .auth-qr,.auth-float:focus-within .auth-qr,.auth-float.open .auth-qr{opacity:1;visibility:visible;transform:translateX(0) scale(1);pointer-events:auto}
html[data-theme="dark"] .auth-trigger{background:rgba(20,24,32,.96);border-color:#303b50;color:#f2f4f7;box-shadow:0 18px 45px rgba(0,0,0,.32)}
html[data-theme="dark"] .auth-avatar{background:#182538}
html[data-theme="dark"] .auth-qr{background:#171b22;border-color:#343a45;color:#f1f3f6}
html[data-theme="dark"] .auth-qr:after{background:#171b22;border-color:#343a45}
html[data-theme="dark"] .auth-qr span{color:#979eaa}
@media(max-width:600px){.auth-float{right:10px;bottom:12px}.auth-trigger{width:118px;padding:6px}.auth-avatar{height:72px}.auth-avatar img{width:96px;height:96px}.auth-trigger strong{font-size:11px;padding:7px 5px}.auth-qr{right:0;bottom:calc(100% + 10px);width:196px}.auth-qr:after{display:none}.auth-qr img{width:166px;height:166px}}