/* css/dark-system.css 的浅色版：由 官网与品牌/官网主题/build_theme.py 根据 css/dark-system.css 自动生成，不要手改。 源文件指纹 ebe82ff4；例外和手调写在 官网主题/浅色例外.json。 */ :root[data-theme="light"]{color-scheme:light;--paper:#f6f9fe;--paper-soft:#f1f5fc;--paper-line:rgba(27,28,31,0.14);--paper-line-strong:rgba(27,28,31,0.27);--ink:#1d1e20;--ink-soft:#3d3f44;--ink-mute:#585c62;--ink-faint:#5d6168;--brand:#4d74ff;--brand--fg:#3251da;--brand-deep:#3658d7;--brand-deep--fg:#3658d7;--brand-soft:rgba(77,116,255,0.12);--brand-soft--fg:rgba(50,81,218,0.12);--brand-bright:#7895ff;--brand-bright--fg:#3c51b4;--brand-strong:#3f63e6;--brand-strong--fg:#3759db;--bg-dark:#f6f9fe;--bg-dark-2:#eff3fc;--ink-on-dark:#1d1e20;--line-on-dark:rgba(27,28,31,0.14);--surface:#f1f4fb;--surface-raised:#ecf1f9;--surface-hover:#e9eff8;--glow:rgba(77,116,255,0.16);--glow--fg:rgba(50,81,218,0.16)} html[data-theme="light"]{background:var(--paper);scrollbar-color:#4a5675 var(--paper)} html[data-theme="light"]::-webkit-scrollbar-track,:root[data-theme="light"] body::-webkit-scrollbar-track{background:var(--paper)} html[data-theme="light"]::-webkit-scrollbar-thumb,:root[data-theme="light"] body::-webkit-scrollbar-thumb{background:#4a5675} :root[data-theme="light"] body,:root[data-theme="light"] .toolbox-page,:root[data-theme="light"] .project-detail-page{background:radial-gradient(circle at 86% 8%, rgba(77,116,255,0.07), transparent 28rem), var(--paper);color:var(--ink)} :root[data-theme="light"] body::before{background-image:repeating-linear-gradient(0deg, rgba(22,22,22,0.028) 0, rgba(22,22,22,0.028) 1px, transparent 1px, transparent 3px), radial-gradient(circle at 20% 30%, rgba(22,22,22,0.053) 0 1px, transparent 1.5px)} :root[data-theme="light"] ::selection{background:var(--brand-strong);color:#fff} :root[data-theme="light"] :focus-visible{outline-color:var(--brand-bright) !important} :root[data-theme="light"] .site-header,:root[data-theme="light"] .site-header.scrolled,:root[data-theme="light"] .toolbox-header,:root[data-theme="light"] .toolbox-header.scrolled,:root[data-theme="light"] .nav-open .site-header{background:rgba(246,249,254,0.72);color:var(--ink);border-bottom:1px solid var(--line-on-dark)} :root[data-theme="light"] .site-nav a{color:var(--ink-mute)} :root[data-theme="light"] .site-nav a .label::before{color:var(--ink-faint)} :root[data-theme="light"] .site-nav a:hover,:root[data-theme="light"] .site-nav a.is-active,:root[data-theme="light"] .site-header.scrolled .site-nav a.is-active{color:var(--ink)} :root[data-theme="light"] .site-nav a::after{background:var(--brand)} :root[data-theme="light"] .lang-switch,:root[data-theme="light"] .site-header.scrolled .lang-switch,:root[data-theme="light"] .nav-open .lang-switch{color:var(--ink-soft);background:rgba(22,22,22,0.046);border-color:var(--paper-line-strong)} @media (hover: hover) and (pointer: fine){:root[data-theme="light"] .lang-switch:hover{color:#161616;border-color:var(--brand);background:var(--brand-soft)}} :root[data-theme="light"] .hero{background:#f8fafe;border-bottom:1px solid var(--line-on-dark)} :root[data-theme="light"] .hero::before{background-image:linear-gradient(rgba(22,22,22,0.046) 1px, transparent 1px), linear-gradient(90deg, rgba(22,22,22,0.046) 1px, transparent 1px)} :root[data-theme="light"] .hero-media::after{background:linear-gradient(90deg, rgba(248,250,254,0.96) 0%, rgba(248,250,254,0.7) 44%, rgba(248,250,254,0.34) 75%, rgba(248,250,254,0.62) 100%)} :root[data-theme="light"] .hero-shade{background:radial-gradient(circle at 76% 46%, transparent 0, rgba(248,250,254,0.12) 28%, rgba(248,250,254,0.68) 77%), linear-gradient(180deg, rgba(248,250,254,0.34), rgba(248,250,254,0.14) 45%, #f8fafe 100%)} :root[data-theme="light"] .hero-stage::after{color:var(--ink-mute)} :root[data-theme="light"] .hero-meta{color:var(--ink-mute)} :root[data-theme="light"] .hero-meta-item i{background:var(--brand);box-shadow:0 0 22px rgba(77,116,255,0.45)} :root[data-theme="light"] .hero-title{color:var(--ink)} :root[data-theme="light"] .hero-title .line{text-shadow:0 0 60px rgba(77,116,255,0.03)} :root[data-theme="light"] .hero-tagline{color:var(--brand-bright--fg)} :root[data-theme="light"] .hero-sub{color:var(--ink-soft)} :root[data-theme="light"] .btn-primary{color:#fff;background:var(--brand-strong);border-color:var(--brand-strong)} @media (hover: hover) and (pointer: fine){:root[data-theme="light"] .btn-primary:hover{background:var(--brand-deep);border-color:var(--brand-bright)}} :root[data-theme="light"] .btn-ghost{color:var(--ink);background:rgba(22,22,22,0.046);border-color:var(--paper-line-strong)} @media (hover: hover) and (pointer: fine){:root[data-theme="light"] .btn-ghost:hover{background:rgba(22,22,22,0.106);border-color:rgba(22,22,22,0.792)}} :root[data-theme="light"] .hero .marquee{color:var(--ink-soft);background:rgba(246,249,254,0.82);border-top:1px solid var(--line-on-dark)} :root[data-theme="light"] .hero .marquee-track span::after{color:var(--brand--fg)} :root[data-theme="light"] .stats{color:var(--ink);background:var(--paper);border-bottom:1px solid var(--paper-line)} :root[data-theme="light"] .stat,:root[data-theme="light"] .stat:first-child{border-left:1px solid var(--paper-line)} :root[data-theme="light"] .stat:first-child{border-left:0} :root[data-theme="light"] .stat-num{color:var(--ink)} :root[data-theme="light"] .stat-num em{color:var(--brand--fg)} :root[data-theme="light"] .stat-label{color:var(--ink-mute)} :root[data-theme="light"] .section,:root[data-theme="light"] .works,:root[data-theme="light"] .services,:root[data-theme="light"] .tools-showcase,:root[data-theme="light"] .team,:root[data-theme="light"] .contact{color:var(--ink);background:var(--paper);border-top:0;border-bottom:1px solid var(--paper-line)} :root[data-theme="light"] .services,:root[data-theme="light"] .tools-showcase,:root[data-theme="light"] .contact{background:var(--paper-soft)} :root[data-theme="light"] .section::before{background:linear-gradient(90deg, var(--brand) 0 68px, var(--paper-line) 68px 100%)} :root[data-theme="light"] .section-label{color:var(--brand-bright--fg)} :root[data-theme="light"] .section-label i{background:var(--brand)} :root[data-theme="light"] .section-title{color:var(--ink)} :root[data-theme="light"] .section-desc{color:var(--ink-mute)} :root[data-theme="light"] .work-filters{border-bottom:0} :root[data-theme="light"] .chip{color:var(--ink-mute);background:transparent;border:1px solid var(--paper-line)} @media (hover: hover) and (pointer: fine){:root[data-theme="light"] .chip:hover{color:var(--ink);border-color:var(--brand)}} :root[data-theme="light"] .chip.active{color:#fff;background:var(--brand-strong);border-color:var(--brand-strong)} :root[data-theme="light"] .work-grid{background:var(--paper-line)} :root[data-theme="light"] .work{background:radial-gradient(420px circle at var(--pointer-x, 50%) var(--pointer-y, 0%), rgba(77,116,255,0.08), transparent 45%), var(--paper)} :root[data-theme="light"] .work::before{background:var(--brand)} @media (hover: hover) and (pointer: fine){:root[data-theme="light"] .work:hover{background-color:var(--surface-hover)}} :root[data-theme="light"] .work-media{background:var(--surface-raised);border:1px solid rgba(22,22,22,0.089)} :root[data-theme="light"] .work-media::after{background:linear-gradient(180deg, transparent 55%, rgba(248,250,254,0.24))} :root[data-theme="light"] .work-tag{color:var(--brand-bright--fg);background:var(--brand-soft)} :root[data-theme="light"] .work-info h3{color:var(--ink)} :root[data-theme="light"] .work-info p{color:var(--ink-mute)} :root[data-theme="light"] .capability-list{border-top-color:var(--paper-line)} :root[data-theme="light"] .cap-row{border-color:var(--paper-line);background:radial-gradient(500px circle at var(--pointer-x, 20%) var(--pointer-y, 50%), rgba(77,116,255,0.1), transparent 42%), transparent} :root[data-theme="light"] .cap-row::after{background:var(--brand)} @media (hover: hover) and (pointer: fine){:root[data-theme="light"] .cap-row:hover{color:var(--ink);background-color:rgba(22,22,22,0.028)}} :root[data-theme="light"] .cap-no{color:var(--brand--fg)} :root[data-theme="light"] .cap-title h3{color:var(--ink)} :root[data-theme="light"] .cap-tag{color:var(--ink-faint)} :root[data-theme="light"] .cap-row p{color:var(--ink-mute)} :root[data-theme="light"] .tool-showcase-grid{background:var(--paper-line)} :root[data-theme="light"] .tool-showcase-card{color:var(--ink);background:radial-gradient(420px circle at var(--pointer-x, 30%) var(--pointer-y, 20%), rgba(77,116,255,0.1), transparent 43%), var(--surface);border:0} :root[data-theme="light"] .tool-showcase-card:hover{background-color:var(--surface-hover)} :root[data-theme="light"] .tool-showcase-media{border-right:1px solid var(--paper-line)} :root[data-theme="light"] .tool-showcase-info h3{color:var(--ink)} :root[data-theme="light"] .tool-showcase-info p{color:var(--ink-mute)} :root[data-theme="light"] .tool-showcase-bottom{border-color:var(--paper-line)} :root[data-theme="light"] .tool-showcase-tags li,:root[data-theme="light"] .modal-tool-intro li{color:var(--ink-mute);background:transparent;border:1px solid var(--paper-line)} :root[data-theme="light"] .tool-showcase-action,:root[data-theme="light"] .tool-modal-download{color:var(--brand-bright--fg)} :root[data-theme="light"] .team{background:radial-gradient(circle at 15% 60%, rgba(77,116,255,0.08), transparent 30rem), var(--paper)} :root[data-theme="light"] .founder-media{background:var(--surface-raised);border:1px solid var(--paper-line)} :root[data-theme="light"] .founder-info{border-color:var(--paper-line)} :root[data-theme="light"] .founder-eyebrow{color:var(--brand-bright--fg)} :root[data-theme="light"] .founder-info h3{color:var(--ink)} :root[data-theme="light"] .founder-info p,:root[data-theme="light"] .team-copy p{color:var(--ink-mute)} :root[data-theme="light"] .team-copy .team-lead{color:var(--ink-soft)} :root[data-theme="light"] .chips{border-color:var(--paper-line)} :root[data-theme="light"] .chips li,:root[data-theme="light"] .team .chips li{color:var(--ink-mute);background:rgba(22,22,22,0.035);border:1px solid var(--paper-line)} :root[data-theme="light"] .contact{background:radial-gradient(circle at 70% 54%, rgba(77,116,255,0.12), transparent 30rem), var(--paper-soft)} :root[data-theme="light"] .contact-grid{background:var(--paper-line);border:1px solid var(--paper-line)} :root[data-theme="light"] .contact-card,:root[data-theme="light"] .contact-card.alt{color:var(--ink);background:radial-gradient(420px circle at var(--pointer-x, 50%) var(--pointer-y, 20%), rgba(77,116,255,0.08), transparent 48%), var(--surface);border:0} :root[data-theme="light"] .contact-card.alt{background-color:#eff4fe} :root[data-theme="light"] .contact-card-head,:root[data-theme="light"] .contact-card.alt .contact-card-head{border-color:var(--paper-line)} :root[data-theme="light"] .ckh-label,:root[data-theme="light"] .contact-card.alt .ckh-label{color:var(--brand-bright--fg)} :root[data-theme="light"] .contact-big{color:var(--ink);border-color:var(--paper-line)} :root[data-theme="light"] .contact-big:hover{background:rgba(22,22,22,0.028)} :root[data-theme="light"] .cb-label{color:var(--ink-faint)} :root[data-theme="light"] .cb-value{color:var(--ink)} :root[data-theme="light"] .contact-big:hover .cb-value{color:var(--brand-bright--fg)} :root[data-theme="light"] .contact-wecom-copy small{color:var(--ink-faint)} :root[data-theme="light"] .contact-card.alt dt{color:var(--ink-faint)} :root[data-theme="light"] .contact-card.alt dd{color:var(--ink-soft)} :root[data-theme="light"] .contact-card.alt .btn{color:#fff;background:var(--brand-strong);border-color:var(--brand-strong)} :root[data-theme="light"] .wecom-qr-thumb{border-color:var(--paper-line-strong)} :root[data-theme="light"] .site-footer,:root[data-theme="light"] .toolbox-footer{color:var(--ink-mute);background:#f8fafe;border-top:1px solid var(--paper-line)} :root[data-theme="light"] .foot-brand p,:root[data-theme="light"] .foot-cols a,:root[data-theme="light"] .foot-cols span{color:var(--ink-mute)} :root[data-theme="light"] .foot-cols a:hover{color:var(--brand-bright--fg)} :root[data-theme="light"] .foot-cols h4,:root[data-theme="light"] .foot-cols .foot-col-title{color:var(--ink)} :root[data-theme="light"] .footer-base{border-color:var(--paper-line)} :root[data-theme="light"] .video-modal-backdrop,:root[data-theme="light"] .qr-modal-backdrop{background:rgba(248,251,255,0.84)} :root[data-theme="light"] .video-dialog,:root[data-theme="light"] .qr-dialog{color:var(--ink);background:var(--surface);border:1px solid var(--paper-line-strong);box-shadow:0 32px 100px rgba(16,24,40,0.16)} :root[data-theme="light"] .video-dialog h2,:root[data-theme="light"] .qr-dialog h2{color:var(--ink)} :root[data-theme="light"] .qr-dialog p{color:var(--ink-mute)} :root[data-theme="light"] .media-tabs{border-color:var(--paper-line)} :root[data-theme="light"] .media-tab{color:var(--ink-mute)} :root[data-theme="light"] .media-tab:hover{color:var(--ink);background:rgba(22,22,22,0.046)} :root[data-theme="light"] .media-tab.is-active{color:var(--brand-bright--fg);border-color:var(--brand)} :root[data-theme="light"] .project-stage,:root[data-theme="light"] .video-stage{background:#f8faff;border-color:var(--paper-line)} :root[data-theme="light"] .video-stage p{color:var(--ink-mute);background:var(--paper-soft)} :root[data-theme="light"] .video-stage code{background:var(--surface);border-color:var(--paper-line)} :root[data-theme="light"] .video-close{color:var(--ink);background:rgba(22,22,22,0.046);border-color:var(--paper-line-strong)} :root[data-theme="light"] .video-close:hover{color:#fff;background:var(--brand);border-color:var(--brand)} :root[data-theme="light"] .full-video-note,:root[data-theme="light"] .modal-tool-intro{color:var(--ink-mute);background:var(--paper-soft);border-color:var(--paper-line)} :root[data-theme="light"] .wecom-qr-large{border-color:var(--paper-line-strong)} :root[data-theme="light"] .toolbox-hero{color:var(--ink);background:linear-gradient(rgba(22,22,22,0.046) 1px, transparent 1px), linear-gradient(90deg, rgba(22,22,22,0.046) 1px, transparent 1px), radial-gradient(circle at 82% 34%, rgba(77,116,255,0.18), transparent 28rem), #f7f9fe;border-bottom:1px solid var(--paper-line)} :root[data-theme="light"] .toolbox-hero::after{border:1px solid rgba(75,114,253,0.4)} :root[data-theme="light"] .toolbox-kicker{color:var(--brand-bright--fg)} :root[data-theme="light"] .toolbox-hero h1{color:var(--ink)} :root[data-theme="light"] .toolbox-hero > .wrap > p:last-child{color:var(--ink-mute)} :root[data-theme="light"] .toolbox-list-section{background:var(--paper-soft)} :root[data-theme="light"] .toolbox-list{background:var(--paper-line)} :root[data-theme="light"] .tool-card{color:var(--ink);background:radial-gradient(520px circle at var(--pointer-x, 30%) var(--pointer-y, 20%), rgba(77,116,255,0.1), transparent 42%), var(--surface);border:0} :root[data-theme="light"] .tool-card:hover{background-color:var(--surface-hover)} :root[data-theme="light"] .tool-media{background:#f8faff;border-right:1px solid var(--paper-line)} :root[data-theme="light"] .tool-index{color:var(--brand-bright--fg)} :root[data-theme="light"] .tool-card h2{color:var(--ink)} :root[data-theme="light"] .tool-description{color:var(--ink-mute)} :root[data-theme="light"] .tool-card-bottom{border-color:var(--paper-line)} :root[data-theme="light"] .tool-tags li{color:var(--ink-mute);background:transparent;border-color:var(--paper-line)} :root[data-theme="light"] .tool-cta{color:var(--brand-bright--fg)} :root[data-theme="light"] .detail-header{color:var(--ink);background:rgba(246,249,254,0.82);border-color:var(--paper-line)} :root[data-theme="light"] .detail-back{color:var(--ink-soft);background:rgba(22,22,22,0.046);border-color:var(--paper-line-strong)} :root[data-theme="light"] .detail-back::before{color:var(--brand-bright--fg)} @media (hover: hover) and (pointer: fine){:root[data-theme="light"] .detail-back:hover{color:#161616;border-color:var(--brand);background:var(--brand-soft)}} :root[data-theme="light"] .detail-main{color:var(--ink);background:var(--paper)} :root[data-theme="light"] .detail-kicker{color:var(--brand-bright--fg)} :root[data-theme="light"] .detail-title{color:var(--ink)} :root[data-theme="light"] .detail-media{background:var(--paper-line)} :root[data-theme="light"] .detail-copy{border-color:var(--paper-line)} :root[data-theme="light"] .detail-desc{color:var(--ink-soft)} :root[data-theme="light"] .detail-video-note{color:#fff;background:var(--brand-strong)} @media (hover: hover) and (pointer: fine){:root[data-theme="light"] .detail-video-note:hover{background:var(--brand-deep)}} :root[data-theme="light"] .detail-video{color:var(--ink-mute);background:#f8faff;border-color:var(--paper-line)} :root[data-theme="light"] .detail-empty{color:var(--ink-mute);background:var(--surface);border-color:var(--paper-line)} :root[data-theme="light"] .image-preview-backdrop{background:rgba(1,2,4,.92);color:#f4f6fb} :root[data-theme="light"] .image-preview-close{color:#fff;background:#0c1017;border-color:rgba(244, 247, 255, 0.22)} @media (max-width: 1100px){:root[data-theme="light"] .tool-showcase-media{border-right:0;border-bottom:1px solid var(--paper-line)}} @media (max-width: 860px){:root[data-theme="light"] .site-header,:root[data-theme="light"] .site-header.scrolled,:root[data-theme="light"] .toolbox-header,:root[data-theme="light"] .toolbox-header.scrolled,:root[data-theme="light"] .nav-open .site-header{background:#f6f9fe !important;border-bottom-color:var(--paper-line) !important} :root[data-theme="light"] .site-nav{color:var(--ink);background:radial-gradient(circle at 90% 10%, rgba(77,116,255,0.18), transparent 18rem), #f4f8fd !important;border-left:1px solid var(--paper-line) !important;box-shadow:-28px 0 80px rgba(16,24,40,0.16) !important} :root[data-theme="light"] .site-nav a{color:var(--ink-soft);border-bottom-color:var(--paper-line)} :root[data-theme="light"] .site-nav a:hover,:root[data-theme="light"] .site-nav a.is-active{color:#161616} :root[data-theme="light"] .site-nav a.is-active{background:rgba(22,22,22,0.079)} :root[data-theme="light"] .nav-toggle{color:var(--ink)} :root[data-theme="light"] .nav-toggle span{background:currentColor} :root[data-theme="light"] .hero-media::after{background:linear-gradient(180deg, rgba(248,250,254,0.62), rgba(248,250,254,0.5) 48%, #f8fafe 100%)} :root[data-theme="light"] .stat,:root[data-theme="light"] .stat:first-child{border-top:1px solid var(--paper-line);border-left:1px solid var(--paper-line)} :root[data-theme="light"] .stat:nth-child(odd){border-left:0} :root[data-theme="light"] .stat:nth-child(-n+2){border-top:0} :root[data-theme="light"] .tool-media{border-right:0;border-bottom:1px solid var(--paper-line)} :root[data-theme="light"] .project-detail-page{background:var(--paper) !important} :root[data-theme="light"] .detail-main{background:var(--paper) !important}} @media (max-width: 520px){:root[data-theme="light"] .detail-main{background:var(--paper) !important}} :root[data-theme="light"] .alchemy-cursor-ring{border:1px solid rgba(86,112,211,0.82);background:rgba(77,116,255,0.025);box-shadow:0 0 22px rgba(77,116,255,0.072)} :root[data-theme="light"] .alchemy-cursor-dot{background:#6f91ff;box-shadow:0 0 12px rgba(111,145,255,0.54)} :root[data-theme="light"] .alchemy-cursor.is-magnetic .alchemy-cursor-ring{border-color:rgba(88,111,197,0.95);background:rgba(77,116,255,0.1);box-shadow:0 0 34px rgba(77,116,255,0.132)} :root[data-theme="light"] .alchemy-cursor.is-pressed .alchemy-cursor-ring{background:rgba(77,116,255,0.18)} :root[data-theme="light"] .tool-showcase-grid{background:transparent} :root[data-theme="light"] .tool-showcase-card{color:var(--ink);background:radial-gradient(circle at var(--pointer-x, 85%) var(--pointer-y, 15%), rgba(77,116,255,0.09), transparent 260px), var(--surface);border:1px solid var(--paper-line)} :root[data-theme="light"] .tool-showcase-card:hover{border-color:rgba(82,113,220,0.42);background-color:var(--surface-hover);box-shadow:0 18px 42px rgba(16,24,40,0.084)} :root[data-theme="light"] .tool-showcase-media{background:var(--bg-dark);border:0} :root[data-theme="light"] .tool-showcase-info h3{color:var(--ink)} :root[data-theme="light"] .tool-showcase-info p{color:var(--ink-mute)} :root[data-theme="light"] .tool-showcase-bottom{border:0} :root[data-theme="light"] .tool-showcase-tags li{color:#3f50a2;background:rgba(77,116,255,0.1);border:0} :root[data-theme="light"] .tool-showcase-action{color:#3f50a2} :root[data-theme="light"] .tool-showcase-action.is-disabled{color:var(--ink-mute)} :root[data-theme="light"] .tool-showcase-action.is-disabled:hover{color:var(--ink-mute)} :root[data-theme="light"] .section-title{color:var(--ink)} :root[data-theme="light"] .section-desc{color:var(--ink-mute)} :root[data-theme="light"] .home-page:not(.nav-open) > .site-header:not(.scrolled){background:transparent !important;border-bottom-color:transparent !important;box-shadow:none !important} :root[data-theme="light"] .stat,:root[data-theme="light"] .stat:first-child{background:radial-gradient(360px circle at var(--pointer-x, 50%) var(--pointer-y, 50%), rgba(77,116,255,0.11), transparent 48%), transparent} :root[data-theme="light"] .stat::after{background:linear-gradient(90deg, var(--brand), var(--brand-bright));box-shadow:0 0 18px rgba(77,116,255,0.228)} @media (hover: hover) and (pointer: fine){:root[data-theme="light"] .stat:hover{background-color:rgba(22,22,22,0.028);box-shadow:0 16px 44px rgba(16,24,40,0.07);border-color:rgba(82,113,220,0.28)}} @media (hover: hover) and (pointer: fine){:root[data-theme="light"] .cap-row:hover{background-color:rgba(22,22,22,0.028);box-shadow:0 18px 50px rgba(16,24,40,0.056);border-color:rgba(82,113,220,0.22)}} @media (hover: none), (pointer: coarse){:root[data-theme="light"] .stat:hover,:root[data-theme="light"] .cap-row:hover{box-shadow:none}} :root[data-theme="light"] .works::before{background:var(--paper-line)} :root[data-theme="light"] .chip{color:var(--ink-soft);background:rgba(22,22,22,0.028);border:1px solid var(--paper-line-strong)} @media (hover: hover) and (pointer: fine){:root[data-theme="light"] .chip:hover{color:#161616;background:rgba(22,22,22,0.055);border-color:rgba(82,113,220,0.65);box-shadow:0 8px 20px rgba(16,24,40,0.049)}} :root[data-theme="light"] .chip.active{color:#fff;background:var(--brand-strong);border-color:var(--brand-strong);box-shadow:0 8px 24px rgba(77,116,255,0.108)} :root[data-theme="light"] .toolbox-page > .site-header,:root[data-theme="light"] .toolbox-page > .site-header.scrolled,:root[data-theme="light"] .toolbox-page.nav-open > .site-header{background:rgba(246,249,254,0.76) !important;border-bottom-color:var(--line-on-dark) !important;box-shadow:0 12px 36px rgba(16,24,40,0.042)} :root[data-theme="light"] .project-detail-page > .detail-header{background:rgba(246,249,254,0.82);border-color:var(--paper-line);box-shadow:0 12px 36px rgba(16,24,40,0.042)} @media (hover: hover) and (pointer: fine){:root[data-theme="light"] .tool-showcase-card:hover{border-color:rgba(82,113,220,0.46);box-shadow:0 22px 52px rgba(16,24,40,0.091)}} :root[data-theme="light"] .team-copy{background:transparent} :root[data-theme="light"] .team-copy::before{background:radial-gradient( 620px circle at var(--pointer-x, 50%) var(--pointer-y, 42%), rgba(77,116,255,0.2) 0%, rgba(77,116,255,0.105) 28%, rgba(77,116,255,0.045) 50%, rgba(77,116,255,0.012) 67%, transparent 82% )} :root[data-theme="light"] .home-page > .site-header.scrolled,:root[data-theme="light"] .home-page.nav-open > .site-header,:root[data-theme="light"] .toolbox-page > .site-header,:root[data-theme="light"] .toolbox-page > .site-header.scrolled,:root[data-theme="light"] .toolbox-page.nav-open > .site-header{background:linear-gradient(180deg, rgba(227,233,246,0.82), rgba(242,246,254,0.72)) !important;border-bottom-color:rgba(96,116,158,0.18) !important;box-shadow:0 16px 48px rgba(16,24,40,0.105), inset 0 1px 0 rgba(22,22,22,0.071), inset 0 -1px 0 rgba(22,22,22,0.046)} :root[data-theme="light"] .project-detail-page > .detail-header{background:linear-gradient(180deg, rgba(234,239,250,0.84), rgba(244,248,253,0.74));border-color:rgba(22,22,22,0.165);box-shadow:0 14px 44px rgba(16,24,40,0.084), inset 0 -1px 0 rgba(22,22,22,0.046)} :root[data-theme="light"] .consult-panel{color:#e8effc;background:rgba(22,22,22,0.998);border-color:#393d44;box-shadow:0 24px 70px rgba(16,24,40,0.105), 0 5px 18px rgba(16,24,40,0.056)} :root[data-theme="light"] .consult-panel::after{background:#161616;border-right-color:#393d44;border-bottom-color:#393d44} :root[data-theme="light"] .consult-panel-mark{color:#315fd6;background:#1c1e21} :root[data-theme="light"] .consult-panel-copy strong,:root[data-theme="light"] .consult-details > strong{color:#e8effc} :root[data-theme="light"] .consult-panel-copy span,:root[data-theme="light"] .consult-details > p{color:#656c79} :root[data-theme="light"] .consult-close{color:#d7deea} :root[data-theme="light"] .consult-close:hover{color:#e8effc;background:#1c1e21} :root[data-theme="light"] .consult-panel-body{border-top-color:#292c31} :root[data-theme="light"] .consult-qr{border-color:#0482e0} @media (hover: none), (pointer: coarse){:root[data-theme="light"] .tool-showcase-card:hover,:root[data-theme="light"] .ui-ready .tool-showcase-card.ui-reveal.is-ui-visible:hover{box-shadow:none}} :root[data-theme="light"] .interactive-glow{background:radial-gradient( var(--interactive-glow-size) circle at var(--pointer-x, 50%) var(--pointer-y, 50%), rgba(91,128,255,0.3) 0%, rgba(77,116,255,0.18) 22%, rgba(63,96,218,0.085) 45%, rgba(53,82,180,0.028) 62%, transparent 76% )} :root[data-theme="light"] .has-interactive-glow:not(.team-copy):hover{outline:1px solid rgba(82,113,219,0.34)} @media (hover: none), (pointer: coarse){:root[data-theme="light"] .has-interactive-glow:not(.team-copy):hover{outline:0}} :root[data-theme="light"] .work-grid{background:var(--paper)} :root[data-theme="light"] .work-video-cover .work-media{background:var(--paper)} @media (hover: hover) and (pointer: fine){:root[data-theme="light"] .tool-showcase-action:hover,:root[data-theme="light"] .tool-modal-download:hover,:root[data-theme="light"] .modal-project-link:hover{color:var(--ink)}} @media (max-width: 860px){:root[data-theme="light"] .home-page > .site-header.scrolled,:root[data-theme="light"] .home-page.nav-open > .site-header,:root[data-theme="light"] .toolbox-page > .site-header,:root[data-theme="light"] .toolbox-page > .site-header.scrolled,:root[data-theme="light"] .toolbox-page.nav-open > .site-header{background:linear-gradient(180deg, #eaeef9, #f3f6fe) !important;box-shadow:0 12px 32px rgba(16,24,40,0.098)} :root[data-theme="light"] .project-detail-page > .detail-header{background:linear-gradient(180deg, #edf1fa, #f5f8fe)} :root[data-theme="light"] .video-modal-backdrop,:root[data-theme="light"] .qr-modal-backdrop{background:rgba(248,251,255,0.92)}}