@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Outfit:wght@500;600;700;800&display=swap";
:root{--bg:#f9fbff;--bg-soft:#f1f4f9;--surface:#ffffffbf;--surface-strong:#fff;--surface-panel:#fff;--surface-panel-soft:#fff9;--header-bg:#fffffffa;--text:#0f172a;--muted:#64748b;--line:#0f172a0f;--accent:#2d68ff;--accent-soft:#2d68ff1a;--accent-strong:#1d4ed8;--success-soft:#10b9811a;--success:#059669;--button-secondary-bg:#fff;--button-secondary-hover:#f8fafc;--button-secondary-border-hover:#cbd5e1;--grid-line:#0f172a05;--body-glow-a:#2d68ff0d;--body-glow-b:#6366f10d;--brand-mark-bg:#fff;--text-invert:#fff;--shadow:0 4px 6px -1px #0000000d, 0 10px 15px -3px #00000008;--shadow-lg:0 20px 25px -5px #0000000d, 0 10px 10px -5px #00000005;--radius:20px;--radius-inner:16px;--container:1200px;--font-heading:"Outfit", sans-serif;--font-body:"Inter", sans-serif}html[data-theme=dark]{--bg:#070b14;--bg-soft:#0e1626;--surface:#0f172ad1;--surface-strong:#111827;--surface-panel:#111827;--surface-panel-soft:#0f172ac7;--header-bg:#070b14fa;--text:#e6edf7;--muted:#9aa8bd;--line:#94a3b82e;--accent:#60a5fa;--accent-soft:#60a5fa24;--accent-strong:#3b82f6;--success-soft:#34d39921;--success:#34d399;--button-secondary-bg:#111827;--button-secondary-hover:#172033;--button-secondary-border-hover:#94a3b85c;--grid-line:#94a3b80b;--body-glow-a:#60a5fa1c;--body-glow-b:#22d3ee0f;--brand-mark-bg:#f8fafc;--text-invert:#fff;--shadow:0 12px 28px -20px #000000c7;--shadow-lg:0 24px 42px -26px #000000e6}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-height:100vh;color:var(--text);background:radial-gradient(circle at 10% 20%, var(--body-glow-a), transparent 40%), radial-gradient(circle at 90% 80%, var(--body-glow-b), transparent 40%), var(--bg);font-family:var(--font-body), -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;background-attachment:fixed;margin:0}body:before{content:"";pointer-events:none;background-image:linear-gradient(var(--grid-line) 1px, transparent 1px), linear-gradient(90deg, var(--grid-line) 1px, transparent 1px);background-size:40px 40px;position:fixed;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 90%);mask-image:linear-gradient(#000,#0000 90%)}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.skip-link{z-index:100;background:var(--surface-panel);color:var(--text);box-shadow:var(--shadow);border-radius:999px;padding:.7rem 1rem;position:absolute;top:-3rem;left:1rem}.skip-link:focus{top:1rem}.site-shell{flex-direction:column;min-height:100vh;display:flex}.site-main{flex:1;width:100%}.site-header{z-index:100;background:var(--header-bg);border-bottom:1px solid var(--line);position:sticky;top:0;box-shadow:0 8px 22px -24px #0f172a59}.site-header__inner,.site-footer__inner,.page-frame{width:min(100% - 2rem, var(--container));margin:0 auto}.site-header__inner{justify-content:space-between;align-items:center;gap:1.5rem;padding:.8rem 0;display:flex}.site-header__actions{align-items:center;gap:.8rem;display:flex}.brand{color:var(--text);align-items:center;gap:.75rem;display:inline-flex}.brand__mark{border:1px solid var(--line);background:var(--brand-mark-bg);border-radius:12px;place-items:center;width:2.4rem;height:2.4rem;transition:transform .25s;display:grid;overflow:hidden;box-shadow:0 6px 18px -12px #0f172a8c}.brand__logo{object-fit:cover;object-position:center;mix-blend-mode:multiply;width:2.9rem;height:2.9rem;display:block}.brand__text{gap:.08rem;line-height:1.1;display:grid}.brand__text strong{letter-spacing:.04em;font-size:.95rem}.brand__text span{color:var(--muted);font-size:.78rem;font-weight:600}.brand:hover .brand__mark{transform:scale(1.03)}.site-nav{flex-wrap:wrap;justify-content:flex-end;gap:.5rem;display:flex}.site-nav__link{color:var(--muted);border-radius:999px;padding:.7rem .95rem;transition:background .16s,color .16s,transform .16s}.site-nav__link:hover,.site-nav__link:focus-visible{color:var(--accent);background:var(--accent-soft);transform:translateY(-1px)}.theme-toggle{border:1px solid var(--line);background:var(--surface-panel);min-height:2.5rem;color:var(--muted);font:inherit;cursor:pointer;box-shadow:var(--shadow);border-radius:999px;align-items:center;gap:.5rem;padding:.3rem .5rem;font-size:.82rem;font-weight:600;transition:border-color .18s,color .18s,transform .18s,background .18s;display:inline-flex}.theme-toggle:hover,.theme-toggle:focus-visible{color:var(--text);border-color:var(--accent);transform:translateY(-1px)}.theme-toggle__track{background:var(--accent-soft);border-radius:999px;width:2.15rem;height:1.2rem;position:relative}.theme-toggle__thumb{background:var(--accent);border-radius:999px;width:.84rem;height:.84rem;transition:transform .18s;position:absolute;top:.18rem;left:.2rem;box-shadow:0 3px 8px -4px #0f172acc}html[data-theme=dark] .theme-toggle__thumb{transform:translate(.92rem)}.page-hero,.page-section{width:min(100% - 2rem, var(--container));margin:0 auto}.page-hero{padding:4.5rem 0 2rem}.hero-grid{grid-template-columns:minmax(0,1.6fr) minmax(300px,.9fr);align-items:center;gap:1.5rem;display:grid}.info-panel,.surface-block{border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(24px)saturate(180%);transition:transform .3s,box-shadow .3s}.hero-copy{box-shadow:none;-webkit-backdrop-filter:none;border-radius:calc(var(--radius) + 10px);background:0 0;border:none;padding:clamp(2rem,4vw,4rem);position:relative;overflow:hidden}.hero-copy:after{content:"";pointer-events:none;background:radial-gradient(circle,#2563eb0d,#0000 68%);border-radius:50%;width:18rem;height:18rem;position:absolute;inset:auto -10% -20% auto}.eyebrow{color:var(--accent);letter-spacing:.16em;text-transform:uppercase;margin:0 0 .9rem;font-size:.86rem;font-weight:700}.hero-copy h1,.section-heading h2,.article-hero h1,.feature-panel h3,.project-card h3,.article-card h3{font-family:var(--font-heading);letter-spacing:-.03em;color:var(--text);margin:0;font-weight:700;line-height:1.05}.hero-copy h1{max-width:15ch;font-size:clamp(2.6rem,7vw,4.8rem);line-height:1.1}.hero-copy p{max-width:62ch;color:var(--muted);margin:1.25rem 0 0;font-size:1.05rem;line-height:1.85}.hero-actions{flex-wrap:wrap;gap:.9rem;margin-top:1.8rem;display:flex}.button{cursor:pointer;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;min-height:3rem;padding:.85rem 1.5rem;font-size:.95rem;font-weight:500;transition:transform .2s,box-shadow .2s,background .2s,border-color .2s;display:inline-flex}.button:hover,.button:focus-visible{transform:translateY(-2px)}.button--primary{color:var(--text-invert);background:var(--accent);box-shadow:0 4px 14px -2px #2d68ff66}.button--primary:hover{background:var(--accent-strong);box-shadow:0 8px 24px -4px #2d68ff66}.button--secondary{border-color:var(--line);background:var(--button-secondary-bg);color:var(--text);box-shadow:0 4px 6px -1px #0000000d}.button--secondary:hover{background:var(--button-secondary-hover);border-color:var(--button-secondary-border-hover)}.hero-aside{justify-content:center;align-items:center;padding:1.4rem;display:flex}.meta-stack{gap:.9rem;display:grid}.meta-card{background:var(--surface-strong);border:1px solid var(--line);border-radius:22px;padding:1.2rem}.meta-card strong,.stat strong{margin-bottom:.3rem;font-family:Inter,-apple-system,sans-serif;font-size:1.3rem;display:block}.meta-card span,.stat span,.card-kicker,.section-description,.article-card p,.list-copy,.body-copy,.tool-copy{color:var(--muted)}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.85rem;display:grid}.hero-visual{border-radius:var(--radius);border:1px solid var(--line);width:100%;height:100%;min-height:400px;box-shadow:0 20px 80px -20px #2d68ff40, var(--shadow-lg);background:var(--bg-soft);position:relative;overflow:hidden}.visual-image{object-fit:cover;width:100%;height:100%;transition:transform 1.2s cubic-bezier(.2,0,.2,1);display:block}.hero-visual:hover .visual-image{transform:scale(1.08)}.visual-overlay{pointer-events:none;background:linear-gradient(#0000 50%,#0f172a4d);align-items:flex-end;padding:2rem;display:flex;position:absolute;inset:0}.visual-tag{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:var(--text-invert);letter-spacing:.1em;text-transform:uppercase;background:#ffffff26;border:1px solid #fff3;border-radius:999px;padding:.5rem 1rem;font-size:.72rem;font-weight:700}.stat{background:var(--surface-panel);border:1px solid var(--line);border-radius:16px;padding:1.25rem;transition:transform .2s,box-shadow .2s;box-shadow:0 4px 6px -1px #0000000d}.stat:hover{box-shadow:var(--shadow-lg);transform:translateY(-3px)}.stat strong{color:var(--text);margin-bottom:.15rem}.section-heading{gap:.45rem;max-width:52rem;margin-bottom:1.35rem;display:grid}.section-heading h2{font-size:clamp(2rem,4vw,3.2rem)}.section-description{max-width:56ch;margin:0;line-height:1.8}.page-section{padding:2rem 0 3rem}.feature-list,.project-grid,.project-list,.article-grid,.detail-grid{gap:1rem;display:grid}.feature-list,.article-grid,.project-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.project-list{grid-template-columns:1fr}.feature-panel,.project-card,.article-card,.detail-panel,.list-block,.tool-panel{border:1px solid var(--line);background:var(--surface-panel);border-radius:16px;padding:2rem;transition:transform .2s,box-shadow .2s;box-shadow:0 4px 6px -1px #0000000d}.feature-panel:hover,.project-card:hover,.article-card:hover,.detail-panel:hover,.tool-panel:hover{box-shadow:var(--shadow-lg);border-color:#2d68ff33;transform:translateY(-4px)}.feature-panel h3,.project-card h3,.article-card h3,.tool-panel h3,.detail-panel h3{color:var(--text);margin:0 0 .65rem;font-size:1.25rem;font-weight:600}.feature-panel p,.project-card p,.article-card p,.tool-panel p,.detail-panel p{color:var(--muted);margin:0;font-size:.95rem;line-height:1.6}.feature-panel ul,.project-card ul,.article-card ul,.detail-panel ul{color:var(--muted);margin:1rem 0 0;padding-left:1.2rem;font-size:.95rem}.feature-panel li,.project-card li,.article-card li,.detail-panel li{margin-bottom:.6rem}.project-card,.article-card,.tool-panel{flex-direction:column;gap:.9rem;display:flex}.project-card__media,.project-row__media{border:1px solid var(--line);background:var(--surface-panel);border-radius:14px;align-self:center;place-items:center;width:100%;display:grid;overflow:hidden}.project-card__media{aspect-ratio:1920/889;margin:-.7rem -.7rem .3rem}.project-card--wide{grid-template-columns:minmax(320px,.85fr) minmax(0,1.15fr);align-items:stretch;gap:1.25rem;display:grid}.project-card--wide .project-card__media{aspect-ratio:1920/889;min-height:0;margin:0}.project-card__body{flex-direction:column;justify-content:center;gap:.9rem;display:flex}.project-card__actions{flex-wrap:wrap;gap:.8rem;margin-top:.7rem;display:flex}.project-card__media img,.project-row__media img{object-fit:contain;width:100%;height:100%}.home-project-flow{padding-top:1rem}.project-flow{gap:1rem;display:grid}.project-row{border:1px solid var(--line);border-radius:calc(var(--radius) + 6px);background:var(--surface-panel);box-shadow:var(--shadow);grid-template-columns:minmax(0,.8fr) minmax(360px,1.2fr);align-items:stretch;gap:1.25rem;padding:clamp(1.2rem,2.4vw,2rem);display:grid}.project-row__copy{flex-direction:column;justify-content:center;gap:.9rem;display:flex}.project-row__copy h3{font-family:var(--font-heading);color:var(--text);margin:0;font-size:clamp(1.7rem,3vw,2.6rem);line-height:1.1}.project-row__copy p{color:var(--muted);margin:0;line-height:1.75}.project-row__copy ul{color:var(--muted);margin:0;padding-left:1.2rem;line-height:1.7}.project-row__media{aspect-ratio:1920/889;min-height:0;box-shadow:var(--shadow-lg)}.project-meta,.article-meta,.tool-meta{flex-wrap:wrap;gap:.5rem;display:flex}.pill{background:var(--accent-soft);color:var(--accent);letter-spacing:.02em;border-radius:999px;align-items:center;padding:.35rem .85rem;font-size:.82rem;font-weight:600;display:inline-flex}.pill--soft{background:var(--bg-soft);color:var(--muted)}.pill--success{background:var(--success-soft);color:var(--success)}.section-cta{border-radius:calc(var(--radius) + 2px);border:1px solid var(--line);background:var(--bg-soft);justify-content:space-between;align-items:center;gap:1rem;margin-top:1rem;padding:1.5rem;display:flex}.section-cta p{color:var(--muted);margin:0;line-height:1.7}.page-strip{gap:1rem;display:grid}.surface-block{border-radius:calc(var(--radius) + 6px);padding:clamp(1.5rem,3vw,2.4rem)}.surface-block+.surface-block{margin-top:1rem}.article-hero{padding-top:4rem}.article-hero h1{max-width:11ch;font-size:clamp(2.5rem,6vw,4.6rem)}.detail-grid{grid-template-columns:minmax(0,1.35fr) minmax(280px,.7fr)}.article-content{border-radius:calc(var(--radius) + 6px);background:var(--surface-panel-soft);border:1px solid var(--line);padding:1.4rem 1.5rem}.article-content p{margin:0 0 1rem;line-height:1.85}.article-content ul{line-height:1.8}.site-footer{padding:1.6rem 0 2rem}.site-footer__inner{color:var(--muted);border-top:1px solid #1815151f;flex-wrap:wrap;justify-content:space-between;gap:.75rem;padding-top:1rem;font-size:.95rem;display:flex}.fine-print{color:var(--muted);line-height:1.75}.list-block{gap:.85rem;display:grid}.list-block strong{font-size:1.05rem}.list-block p{color:var(--muted);margin:0;line-height:1.7}@media (max-width:960px){.hero-grid,.project-row,.project-card--wide,.detail-grid,.feature-list,.project-grid,.article-grid{grid-template-columns:1fr}.site-header__inner,.section-cta,.site-footer__inner{flex-direction:column;align-items:flex-start}.site-nav{justify-content:flex-start}}@media (max-width:640px){.page-hero{padding-top:2rem}.hero-copy{padding:1.5rem}.hero-copy h1{font-size:clamp(2.6rem,14vw,4rem)}.section-cta{padding:1.1rem}}@media (prefers-reduced-motion:no-preference){.hero-copy,.hero-aside,.feature-panel,.project-card,.article-card,.detail-panel,.tool-panel,.surface-block{animation:.7s both lift-in}}@keyframes lift-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.site-footer__inner{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:2rem;padding:2rem 0;display:flex}.footer-brand{flex-direction:column;gap:.5rem;display:flex}.footer-copyright{color:var(--text);margin:0;font-weight:500}.footer-compliance{margin:0;font-size:.85rem}.footer-social{align-items:center;gap:1rem;display:flex}.social-label{color:var(--muted);font-size:.9rem}.social-links{gap:1rem;display:flex}.social-item{color:var(--muted);background:var(--bg-soft);cursor:pointer;border:1px solid #0000;border-radius:999px;padding:.55rem 1.1rem;font-size:.88rem;font-weight:500;transition:all .25s cubic-bezier(.4,0,.2,1);position:relative}.social-item:hover{background:var(--surface-panel);color:var(--accent);border-color:var(--accent);box-shadow:var(--shadow);transform:translateY(-2px)}.social-tooltip{background:var(--surface-panel);box-shadow:var(--shadow);opacity:0;pointer-events:none;border:1px solid var(--line);z-index:50;border-radius:12px;padding:.5rem;transition:all .2s;position:absolute;bottom:calc(100% + 10px);left:50%;transform:translate(-50%)translateY(10px)}.has-tooltip:hover .social-tooltip{opacity:1;transform:translate(-50%)translateY(0)}.qr-container{flex-direction:column;align-items:center;gap:.5rem;width:140px;display:flex}.qr-image{border-radius:4px;width:100%;height:auto}.qr-caption{color:var(--muted);white-space:nowrap;margin:0;font-size:.7rem}.icp-link{color:var(--muted);text-decoration:none}.icp-link:hover{text-decoration:underline}.footer-stats{color:var(--muted);opacity:0;pointer-events:none;align-items:center;margin-top:.6rem;font-size:.75rem;transition:opacity .3s;display:flex}.footer-brand:hover .footer-stats{opacity:.8}.footer-stats span{align-items:center;display:inline-flex}.footer-stats #busuanzi_value_site_pv,.footer-stats #busuanzi_value_site_uv{color:var(--accent);margin:0 4px;font-weight:600}.project-row{-webkit-backdrop-filter:blur(20px)saturate(180%);background:var(--surface);transition:transform .3s cubic-bezier(.4,0,.2,1),box-shadow .3s cubic-bezier(.4,0,.2,1),border-color .3s}.project-row:hover{box-shadow:var(--shadow-lg);border-color:#2d68ff33;transform:translateY(-4px)}.positioning-section{text-align:center;max-width:800px;margin:0 auto;padding:6rem 0 2rem}.positioning-title{font-size:clamp(2.2rem,5vw,3.8rem);font-family:var(--font-heading);background:linear-gradient(135deg, var(--text) 0%, var(--muted) 100%);-webkit-text-fill-color:transparent;letter-spacing:-.03em;-webkit-background-clip:text;margin-bottom:1.5rem;font-weight:800;line-height:1.15}.text-gradient{background:linear-gradient(135deg, var(--accent), var(--accent-strong));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;display:inline-block}.positioning-text{color:var(--muted);margin-bottom:3.5rem;font-size:clamp(1.1rem,2vw,1.35rem);line-height:1.8}.social-connect-grid{flex-wrap:wrap;justify-content:center;gap:2rem;display:flex}.social-connect-card{background:var(--surface);-webkit-backdrop-filter:blur(24px)saturate(180%);border:1px solid var(--line);text-align:center;border-radius:24px;flex-direction:column;align-items:center;gap:1.2rem;width:260px;padding:2.5rem 2rem;transition:all .4s cubic-bezier(.16,1,.3,1);display:flex;box-shadow:0 20px 40px #0000000a}.social-connect-card:hover{border-color:#2d68ff4d;transform:translateY(-8px)scale(1.02);box-shadow:0 30px 60px #00000014}.social-connect-card img.qr-code{object-fit:cover;border:1px solid var(--line);width:150px;height:150px;box-shadow:var(--shadow);border-radius:16px;transition:transform .4s}.social-connect-card:hover img.qr-code{transform:scale(1.05)}.social-connect-card .social-icon{background:var(--bg-soft);width:56px;height:56px;color:var(--text);border:1px solid var(--line);border-radius:50%;place-items:center;margin-bottom:.5rem;font-size:1.8rem;display:grid}.social-connect-card h4{color:var(--text);margin:0;font-size:1.15rem;font-weight:700}.social-connect-card p{color:var(--muted);margin:0;font-size:.95rem;line-height:1.6}.explore-cta{text-align:center;margin-top:5rem}.explore-cta .button{border-radius:999px;padding:1rem 2rem;font-size:1.1rem}.project-showcase{grid-template-columns:1fr 1fr;align-items:center;gap:5rem;margin-bottom:10rem;display:grid}.project-showcase:nth-child(2n){direction:rtl;grid-template-columns:1fr 1fr}.project-showcase:nth-child(2n)>*{direction:ltr}@media (max-width:960px){.project-showcase,.project-showcase:nth-child(2n){direction:ltr;grid-template-columns:1fr;gap:3rem;margin-bottom:6rem}}.project-showcase__content{flex-direction:column;gap:1.8rem;display:flex}.project-showcase__content h2{font-size:clamp(2.2rem,4vw,3.2rem);font-family:var(--font-heading);letter-spacing:-.03em;color:var(--text);margin:0;font-weight:800;line-height:1.1}.project-showcase__content .project-desc{color:var(--muted);margin:0;font-size:1.15rem;line-height:1.85}.project-showcase__media{border:1px solid var(--line);aspect-ratio:16/10;background:var(--surface-panel);border-radius:28px;position:relative;overflow:hidden;box-shadow:0 30px 60px #0000001f}.project-showcase__media img{object-fit:cover;width:100%;height:100%;transition:transform .7s cubic-bezier(.16,1,.3,1)}.project-showcase:hover .project-showcase__media img{transform:scale(1.05)}.project-showcase .project-meta{margin-bottom:-.5rem}.project-title{flex-direction:column;align-items:center;width:fit-content;margin-bottom:1.2rem;line-height:1.2;display:flex}.project-title-zh{font-size:inherit}.project-title-en{font-size:.65em;font-family:var(--font-outfit), sans-serif;color:var(--muted);letter-spacing:.02em;margin-top:.3rem;font-weight:500}.hero-actions{margin-top:2.5rem}.button-icon{align-items:center;gap:.5rem;display:inline-flex}.page-surface-padding{padding-bottom:6rem}.projects-container{margin-top:4rem}.project-card__actions{gap:1rem;margin-top:1rem;display:flex}