*{margin:0;padding:0;box-sizing:border-box}html{scrollbar-gutter:stable;overflow-y:scroll}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;background:#f5fafc;color:#2c3e50;line-height:1.6;min-height:100vh}.subtitle{margin-top:.75rem;color:#fffffff2;text-shadow:0 1px 2px rgba(0,0,0,.35);font-size:1.05rem}.container{max-width:1200px;margin:0 auto;padding:0 2rem 2rem}.site-header{position:sticky;top:0;z-index:50;backdrop-filter:saturate(180%) blur(8px);background:#f8fffeb3;border-bottom:1px solid #e6f2f1}.site-header-inner{max-width:1200px;margin:0 auto;padding:.75rem 2rem;display:flex;align-items:center;justify-content:space-between}.brand{font-weight:700;letter-spacing:.2px;line-height:1;color:#0f4c4a;display:flex;align-items:center;gap:8px}a.brand-link{text-decoration:none;color:inherit}a.brand-link:hover{color:#20b2aa}.brand-mark{display:inline-block;line-height:0}.brand-logo{height:22px;width:auto;display:inline-block}.site-nav{display:flex;gap:0;align-items:center}.site-nav-menu{margin:0}.site-nav-mobile{display:none}.site-nav-desktop{display:flex}.site-nav-mobile,.site-nav-toggle{display:none}.site-nav-toggle::-webkit-details-marker{display:none}.nav-link{display:inline-flex;align-items:center;color:#2c3e50;text-decoration:none;font-weight:700;line-height:1;min-height:1.5rem;position:relative;padding:0 .65rem}.nav-link+.nav-link:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:1px;height:.9em;background:#d6e7e6}.nav-link:hover,.nav-link:focus-visible{color:#20b2aa}.nav-link.active{color:#0f766e}@media(max-width:960px){.site-nav-desktop{display:none}.site-nav-mobile{display:block}.site-header-inner{gap:.75rem}.site-nav-menu{margin-left:auto;position:relative}.site-nav-toggle{display:inline-flex;align-items:center;justify-content:center;padding:.35rem .8rem;border:1px solid #cfe7e4;border-radius:999px;background:#fff;color:#0f4c4a;font-weight:600;font-size:.92rem;cursor:pointer;list-style:none}.site-nav-menu>.site-nav{display:none;position:absolute;right:0;top:calc(100% + .5rem);min-width:230px;padding:.35rem;background:#fff;border:1px solid #dbe9e7;border-radius:10px;box-shadow:0 8px 18px #0f4c4a1f;flex-direction:column;align-items:stretch;z-index:60}.site-nav-menu[open]>.site-nav{display:flex}.site-nav .nav-link{padding:.5rem .7rem;border-radius:6px}.site-nav .nav-link+.nav-link:before{display:none}.site-nav .nav-link:hover{background:#f2fbfa}.site-nav .nav-link.active{background:#eefcfa}}.main-layout{display:grid;grid-template-columns:minmax(0,760px) minmax(300px,320px);justify-content:center;gap:2rem;align-items:flex-start;margin-bottom:3rem}@media(max-width:1120px){.main-layout{grid-template-columns:1fr}}.hero-section{text-align:center;padding:3rem 2rem;background:#e4f5f9;width:100vw;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);border-radius:0;margin-bottom:4rem;position:relative;overflow:hidden;--hero-parallax-y: 0px}.hero-section:before{content:"";position:absolute;inset:-28px 0;background:url(/_astro/cangjie-index-banner-long.CE7uGGnS.png) center / cover no-repeat;transform:translateY(var(--hero-parallax-y)) scale(1.04);will-change:transform;z-index:0}.hero-section:after{content:"";position:absolute;inset:0;background:linear-gradient(to bottom,#0c312f14,#0c312f3d);z-index:0}.hero-section>*{position:relative;z-index:1}.hero-cta{margin-top:1rem;display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.primary-cta{background:#0f4c4a;color:#fff;padding:10px 18px;border-radius:6px;text-decoration:none;font-weight:700}.primary-cta:hover{background:#0c3e3c}.secondary-cta{color:#e6fffb;text-decoration:underline;font-weight:600}.secondary-cta:hover{color:#fff}.main-title{font-size:3rem;font-weight:600;color:#fff;letter-spacing:1px}.feature-rail{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:2.5rem}.feature-chip{display:inline-flex;align-items:center;gap:.75rem;padding:.85rem 1.4rem;border-radius:999px;border:1px solid #c4e7e5;background:#fff;color:#0f4c4a;font-size:.92rem;font-weight:600;cursor:pointer;text-decoration:none;box-shadow:0 2px 6px #0f4c4a14;transition:background-color .15s ease,border-color .15s ease,box-shadow .15s ease,transform .1s ease}.feature-chip:hover{background:linear-gradient(135deg,#22c7b3,#0f766e);border-color:#0f766e;color:#f9fafb;box-shadow:0 4px 14px #0f766e59;transform:translateY(-1px)}.feature-code{padding:.2rem .6rem;border-radius:999px;background:#0f4c4a;color:#fff;font-size:.75rem;letter-spacing:.03em}.feature-label,.feature-subtitle{white-space:nowrap}.feature-text{display:flex;flex-direction:column;align-items:flex-start;line-height:1.2}.feature-subtitle{font-size:.78rem;font-weight:500;color:#64748b}.feature-chip-primary{border-color:#c4e7e5;background:#fff;color:#0f4c4a}.feature-chip-primary .feature-code{background:#0f4c4a}.feature-chip-primary .feature-label{color:#0f4c4a}.feature-chip-primary .feature-subtitle{color:#64748b}.feature-chip:hover .feature-code{background:#0f172a3d}.feature-chip:hover .feature-label{color:#f9fafb}.feature-chip:hover .feature-subtitle{color:#e2f3f2}.card-link{display:inline-block;padding:6px 16px;background:#20b2aa;color:#fff;text-decoration:none;border-radius:4px;font-weight:600;font-size:.8rem;transition:background-color .2s ease}.card-link:focus-visible,.show-more-btn:focus-visible,.project-card:focus-visible,.project-link:focus-visible,.social-card:focus-visible{outline:3px solid #0f766e;outline-offset:2px}.card-link:hover:not(.disabled){background:#17a2b8}.card-link.disabled{background:#95a5a6;cursor:not-allowed}.projects-section{margin-bottom:0;min-width:0}.projects-section>.section-header{margin-bottom:.75rem}.projects-section>.tag-chips{justify-content:center;column-gap:.8rem;row-gap:.55rem;margin-top:0;margin-bottom:1.35rem;margin-left:1rem;margin-right:1rem}.section-header{display:flex;align-items:center;justify-content:center;margin-bottom:2.5rem;gap:1rem}.section-header h2{font-size:2.5rem;font-weight:600;color:#2c3e50;letter-spacing:.5px}.projects-grid{display:grid;grid-template-columns:1fr;gap:1.5rem;min-width:0}.project-card{display:block;background:#fff;padding:2rem;border-radius:4px 8px 8px 4px;box-shadow:0 2px 8px #0000001a;transition:box-shadow .2s ease;border-left:5px solid #20b2aa;text-decoration:none;color:inherit;cursor:pointer;max-width:100%;min-width:0;overflow:hidden}.project-card:hover{box-shadow:0 3px 10px #0000001f}.project-card h3{font-size:1.4rem;font-weight:600;color:#2c3e50;margin-bottom:.5rem}.project-date{font-size:.9rem;color:#64748b;margin-bottom:.75rem}.project-card p{color:#6c757d;margin-bottom:1.5rem;font-size:.95rem;overflow-wrap:anywhere}.project-summary{margin-bottom:.5rem}.project-summary-with-image{display:flex;flex-direction:column;gap:.75rem}.project-summary-text{margin:0}.project-summary-thumb{line-height:0}.project-summary-thumb img{width:100%;max-width:100%;height:auto;border-radius:6px;display:block;object-fit:cover}.project-video-preview{display:flex;background:#f4fbfb;border:1px solid #d7ebe8;border-radius:8px;overflow:hidden;margin-top:.35rem;margin-bottom:1.25rem;cursor:pointer;transition:box-shadow .2s ease,border-color .2s ease,background-color .2s ease}.project-video-preview:hover{border-color:#b9ddd8;background:#eef9f8;box-shadow:0 3px 10px #0f4c4a1f}.project-video-thumb{position:relative;flex-shrink:0;width:168px;min-height:94px}.project-video-thumb img{width:100%;height:100%;object-fit:cover;display:block;border-radius:8px 0 0 8px}.project-video-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:0;height:0;border-left:22px solid rgba(255,255,255,.95);border-top:14px solid transparent;border-bottom:14px solid transparent;margin-left:4px}.project-video-meta{flex:1;min-width:0;padding:.75rem 1rem;display:flex;flex-direction:column;gap:.35rem;justify-content:center}.project-video-source{font-size:.8rem;color:#6b7b89}.project-video-title{font-size:.95rem;color:#1f2933;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.project-video-desc{font-size:.8rem;color:#60717f;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.project-video-preview.project-video-playing{display:block;cursor:default}.project-video-embed{position:relative;width:100%;padding-bottom:56.25%;height:0;overflow:hidden;background:#000;border-radius:8px}.project-video-embed iframe{position:absolute;left:0;top:0;width:100%;height:100%;border:none;border-radius:8px}.project-video-from{display:block;font-size:.8rem;color:#999;margin-top:.5rem}.project-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.tag{background:#e6fffa;color:#0f766e;border:1px solid #99f6e4;padding:2px 8px;border-radius:999px;font-size:.75rem;font-weight:600}.show-more-container{text-align:center;margin-top:2rem}.show-more-btn{background:#20b2aa;color:#fff;border:none;padding:12px 30px;border-radius:4px;font-size:1rem;font-weight:600;cursor:pointer;transition:background-color .2s ease;box-shadow:0 2px 8px #20b2aa33}.show-more-btn:hover{background:#17a2b8}.social-section{margin-bottom:2rem}.social-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;padding:1rem}.social-card{background:#fff;padding:2rem;text-decoration:none;border-radius:8px;text-align:center;box-shadow:0 2px 8px #0000001a;transition:box-shadow .2s ease}.social-card:hover{transform:none;box-shadow:0 4px 12px #00000026}.qr-placeholder{width:120px;height:120px;background:#f8f9fa;margin:0 auto 1rem;display:flex;align-items:center;justify-content:center;overflow:hidden;color:#6c757d;font-size:.9rem}.qr-placeholder img{max-width:100%;max-height:100%;object-fit:contain;display:block}.social-card p{font-weight:600;color:#2c3e50}.sidebar-column{display:flex;flex-direction:column;gap:1.5rem}.sidebar-card{background:#fff;border-radius:8px;padding:1.5rem 1.25rem;box-shadow:0 2px 8px #00000014;border:1px solid #e5f0ef}.sidebar-card h3{font-size:1.1rem;font-weight:600;margin-bottom:.75rem;color:#1f2933}.sidebar-card p{font-size:.9rem;color:#6c757d}.visit-card{background:linear-gradient(135deg,#f6fffd,#fff 70%);border-color:#cfece7;display:flex;align-items:baseline;justify-content:space-between;gap:1rem}.visit-card h3{margin-bottom:0}.visit-value{margin:0;font-size:2.2rem;line-height:1;font-weight:700;color:#0f766e;letter-spacing:.2px;margin-left:1rem;text-align:right;flex-shrink:0}.community-card p{margin-bottom:1rem}.community-cta{display:block;width:fit-content;max-width:100%;margin-top:.5rem;margin-left:auto;margin-right:auto;text-decoration:none;transition:opacity .2s ease}.community-cta:hover{opacity:.9}.community-cta:focus-visible{outline:2px solid #5865f2;outline-offset:2px;border-radius:6px}.community-cta-icon{display:block;width:auto;max-width:100%;height:auto;object-fit:contain;object-position:center;border-radius:6px}.news-list{display:flex;flex-direction:column;gap:.75rem}.news-item{display:block;padding:.5rem 0;border-bottom:1px solid #e6f2f1;text-decoration:none;color:#2c3e50;transition:color .2s ease}.news-item:last-child{border-bottom:none}.news-item:hover{color:#20b2aa}.news-item .news-item-title{display:block;font-weight:600;font-size:.9rem}.news-item .news-item-date{display:block;font-size:.8rem;color:#6c757d;margin-top:.2rem}.news-empty{font-size:.9rem;color:#94a3b8;margin:0}.sidebar-link{display:inline-block;margin-top:.75rem;color:#20b2aa;font-weight:600;text-decoration:none}.sidebar-link:hover{text-decoration:underline;color:#17a2b8}.subscribe-form{display:flex;flex-direction:column;gap:.5rem;margin-top:.75rem}.subscribe-form input[type=email]{border-radius:6px;border:1px solid #cbd5e1;padding:.5rem .75rem;font-size:.9rem}.subscribe-form input[type=email]:disabled{background:#f5f5f5;color:#999;cursor:not-allowed}.subscribe-form button{border-radius:6px;border:none;padding:.55rem .9rem;font-size:.9rem;font-weight:600;background:#20b2aa;color:#fff;cursor:pointer;margin-top:.25rem}.subscribe-form button:hover{background:#17a2b8}.subscribe-hint{margin-top:.5rem;font-size:.8rem;color:#94a3b8}.tag-chips{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.25rem}.tag-chips .tag{cursor:pointer}.tag-chips .tag.active{background:#0f766e;color:#e6fffb;border-color:#0f766e}.tech-talk-card{display:block;padding:0;overflow:hidden;text-decoration:none}.tech-talk-thumb{position:relative;aspect-ratio:16 / 9;overflow:hidden}.tech-talk-thumb img{width:100%;height:100%;object-fit:cover;display:block}.tech-talk-badge{position:absolute;top:.75rem;left:.75rem;padding:.2rem .6rem;font-size:.75rem;font-weight:600;border-radius:999px;background:#0f172ad9;color:#f9fafb}.tech-talk-meta{padding:.9rem 1rem 1.1rem}.tech-talk-title{margin-top:.2rem;font-size:.95rem;font-weight:600;color:#1f2933}.tech-talk-card:hover{box-shadow:0 4px 14px #0f766e47}.tech-talk-card:hover .tech-talk-title{color:#0f766e}.partners-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.35rem}.partners-list a{color:#0f4c4a;font-size:.9rem;text-decoration:none}.partners-list a:hover{color:#20b2aa;text-decoration:underline}.resources-card .resources-intro{margin:0 0 .9rem;color:#5b6878;line-height:1.45}.resources-card .partners-list{gap:.55rem}.resources-card .partners-list a{display:flex;align-items:center;justify-content:space-between;padding:.5rem .65rem;border-radius:8px;border:1px solid #d9ecea;background:#f8fffe;font-weight:600;transition:border-color .2s ease,background-color .2s ease,transform .1s ease}.resources-card .partners-list a:hover{text-decoration:none;border-color:#9fd8d3;background:#edfffc;transform:translate(1px)}.social-links{display:flex;flex-direction:column;gap:.6rem}.social-link{display:inline-flex;align-items:center;gap:.6rem;text-decoration:none;color:#1f2933;font-size:.9rem}.social-link:hover .social-label{color:#0f766e;text-decoration:underline}.social-link .social-icon-img{width:24px!important;height:24px!important;max-width:24px!important;max-height:24px!important;min-width:24px;min-height:24px;object-fit:contain;display:block;flex-shrink:0}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}@media(max-width:768px){.container{padding:0}.hero-section:before{display:none}.hero-section:after{background:none}.hero-section{background:linear-gradient(90deg,#028273,#338e81)}.main-title{color:#fff}.subtitle{color:#fffffff2}.main-title{font-size:2.5rem}.hero-section{padding:2rem 1rem;margin-bottom:2.25rem}.main-layout{grid-template-columns:1fr}.section-header h2{font-size:2rem}.feature-rail{gap:.5rem}.projects-section>.tag-chips{justify-content:flex-start}section.learn-directory,div.projects-grid>a.project-card{border-radius:0}}@media(max-width:480px){.main-title{font-size:2rem;letter-spacing:1px}.hero-section{padding:2rem 1rem}.social-grid{grid-template-columns:repeat(2,1fr)}}.site-header{position:sticky;top:0;z-index:50;margin:0;padding:0;line-height:1.5;min-height:50px;display:flex;align-items:stretch;backdrop-filter:saturate(180%) blur(8px);background:#f8fffeb3;border-bottom:1px solid #e6f2f1;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;font-size:1rem}.site-header-inner{max-width:1200px;width:100%;margin:0 auto;padding:.75rem 2rem;display:flex;align-items:center;justify-content:space-between;box-sizing:border-box}.site-header .brand{font-weight:700;letter-spacing:.2px;line-height:1;color:#0f4c4a;display:flex;align-items:center;gap:8px}.site-header a.brand-link{text-decoration:none;color:inherit}.site-header a.brand-link:hover{color:#20b2aa}.site-header .brand-mark{display:inline-block;line-height:0}.site-header .brand-logo{height:22px;width:auto;display:inline-block}.site-header .site-nav{display:flex;gap:0;align-items:center}.site-header .site-nav-menu{margin:0}.site-header .site-nav-desktop{display:flex}.site-header .site-nav-mobile,.site-header .site-nav-toggle{display:none}.site-header .site-nav-toggle::-webkit-details-marker{display:none}.site-header .nav-link{display:inline-flex;align-items:center;color:#2c3e50;text-decoration:none;font-weight:700;font-size:1rem;line-height:1;min-height:1.5rem;position:relative;padding:0 .65rem}.site-header .nav-link+.nav-link:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:1px;height:.9em;background:#d6e7e6}.site-header .nav-link:hover,.site-header .nav-link:focus-visible{color:#20b2aa}.site-header .nav-link.active{color:#0f766e}@media(max-width:960px){.site-header .site-nav-desktop{display:none}.site-header .site-nav-mobile{display:block}.site-header .site-header-inner{gap:.75rem}.site-header .site-nav-menu{margin-left:auto;position:relative}.site-header .site-nav-toggle{display:inline-flex;align-items:center;justify-content:center;padding:.35rem .8rem;border:1px solid #cfe7e4;border-radius:999px;background:#fff;color:#0f4c4a;font-weight:600;font-size:.92rem;cursor:pointer;list-style:none}.site-header .site-nav-menu>.site-nav{display:none;position:absolute;right:0;top:calc(100% + .5rem);min-width:230px;padding:.35rem;background:#fff;border:1px solid #dbe9e7;border-radius:10px;box-shadow:0 8px 18px #0f4c4a1f;flex-direction:column;align-items:stretch;z-index:60}.site-header .site-nav-menu[open]>.site-nav{display:flex}.site-header .site-nav .nav-link{padding:.5rem .7rem;border-radius:6px}.site-header .site-nav .nav-link+.nav-link:before{display:none}.site-header .site-nav .nav-link:hover{background:#f2fbfa}.site-header .site-nav .nav-link.active{background:#eefcfa}}.astro-route-announcer{position:absolute;left:0;top:0;clip:rect(0 0 0 0);clip-path:inset(50%);overflow:hidden;white-space:nowrap;width:1px;height:1px}