/* Layout adapted from code2art PCD Suzhou 2026 (MIT); Hangzhou reference update. */
:root{--accent:#2100db;--button:#3513d7;--pink:#ee00d4;--text:#242424;--muted:#5b5b5b;--tint:#e8e8e8;--scroll-progress:0;font-family:Lato,"Microsoft YaHei","Noto Sans SC",Arial,sans-serif;color:var(--text);background:#fff;font-synthesis:none}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;-webkit-font-smoothing:antialiased}img{display:block;max-width:100%;height:auto}p{margin:0}a{color:inherit}a:focus-visible{outline:3px solid var(--accent);outline-offset:5px}[hidden]{display:none!important}section[id]{scroll-margin-top:32px}
.shell{width:min(1680px,100%);margin-inline:auto}.section{padding:88px 48px}.tint{background:var(--tint)}.site-nav{border-bottom:1px solid #ededed}.nav-inner{min-height:68px;padding-inline:48px;display:flex;justify-content:space-between;align-items:center;gap:24px}.wordmark{text-decoration:none;font-weight:900;font-size:25px;letter-spacing:-1px;color:var(--accent)}.wordmark span{display:inline-block;margin-left:10px;font-size:11px;letter-spacing:.6px;vertical-align:middle}nav{display:flex;gap:28px;font-size:14px}nav a{text-decoration:none}nav a:hover{color:var(--accent)}.skip-link{position:fixed;top:8px;left:8px;z-index:99;transform:translateY(-180%);background:#fff;padding:12px 18px}.skip-link:focus{transform:none}.scroll-progress{position:fixed;inset:0 0 auto;height:3px;z-index:20;pointer-events:none}.scroll-progress span{display:block;height:100%;background:var(--accent);transform:scaleX(var(--scroll-progress));transform-origin:left}
.hero{padding-top:40px;padding-bottom:76px}.hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:start}.hero-poster{width:100%;aspect-ratio:1;object-fit:contain}.hero-copy h1{font-size:clamp(27px,2.55vw,44px);line-height:1.25;letter-spacing:-.5px;margin:0 0 10px;font-weight:800;color:var(--accent);overflow-wrap:anywhere}.hero-copy h2{margin:0 0 44px;font-size:clamp(19px,1.78vw,30px);line-height:1.3;font-weight:700;color:var(--accent)}.copy{font-size:clamp(17px,1.24vw,21px);line-height:1.55}.copy p+p{margin-top:28px}.copy.en{color:var(--muted);margin-top:30px}.copy.en p+p{margin-top:28px}.call-note{font-size:clamp(22px,1.6vw,27px);font-weight:700;line-height:1.5;color:#555;margin-top:40px}.call-note span{display:block}.cta{display:block;width:340px;max-width:100%;padding:17px 24px;margin:46px auto 0;border-radius:999px;background:var(--button);color:#fff;text-decoration:none;text-align:center;font-size:clamp(22px,1.8vw,30px);font-weight:800;line-height:1.3;transition:background .15s,transform .15s}.cta:hover{background:#2100bc;transform:translateY(-2px)}.hero-official{display:block;text-align:center;font-size:13px;color:var(--muted);text-underline-offset:4px;margin-top:18px}.announcement{font-size:13px;margin-top:18px;text-align:center}
.call-heading{text-align:center;margin-bottom:66px}.call-heading h2{font-size:clamp(30px,2.6vw,45px);line-height:1.3;font-weight:800;margin:0 0 14px}.call-heading p{font-size:clamp(25px,2.1vw,36px);line-height:1.3;font-weight:700;color:#555}.call-heading:after{content:"";display:block;width:36px;height:4px;margin:38px auto 0;background:var(--accent)}.format-cols{display:grid;grid-template-columns:1fr 1fr;gap:66px;color:var(--muted);font-size:clamp(18px,1.4vw,24px);line-height:1.6}.event-type{font-size:1.05em;font-weight:400;color:var(--accent);text-decoration:underline;text-underline-offset:3px;margin:0 0 62px}.event-list{padding-left:24px;margin:0}.event-list li{padding-left:3px}
.open-call article{font-size:clamp(18px,1.4vw,24px);line-height:1.65;color:var(--muted);margin:0 0 54px}.open-call h3{font-size:clamp(23px,1.7vw,30px);line-height:1.45;margin:0 0 12px;font-weight:750}.bilingual-copy p{margin:0 0 4px}.bilingual-copy>[lang=en]{margin-top:44px}.deadline{text-align:center;color:var(--accent);font-size:clamp(21px,1.55vw,27px);line-height:1.65;font-weight:800;font-style:italic;text-decoration:underline;text-underline-offset:4px;margin:58px 0 78px}.deadline-en{display:block}.open-call .selection{margin-bottom:0}.selection h3{font-size:clamp(28px,2.1vw,36px);color:#222;margin-bottom:42px}
.signup{padding-top:60px;padding-bottom:60px}.signup-grid{display:grid;grid-template-columns:1fr 1fr;gap:66px;align-items:center}.qr-link{display:block;max-width:700px;width:100%;margin-inline:auto;background:#fff}.qr-link img{width:100%;aspect-ratio:1}.signup h2{font-size:clamp(34px,3vw,51px);font-weight:400;line-height:1.35;margin:0 0 48px}.signup p{font-size:clamp(19px,1.5vw,26px);color:#303030;line-height:1.6}.signup .submit-deadline{margin-top:2px}.signup [lang=en]{margin-top:8px}.signup [lang=en] p+p{margin-top:6px}.signup .cta{margin:44px 0 0}
.about-intro{font-size:clamp(18px,1.4vw,24px);line-height:1.6;color:var(--muted);max-width:1400px;margin:0 auto 66px}.about-intro p+p{margin-top:12px}.brand-grid{display:grid;gap:100px}.brand-row{display:grid;grid-template-columns:.82fr 1.4fr;gap:60px;align-items:center}.brand-row img{width:min(100%,530px);margin:auto;aspect-ratio:1;object-fit:contain}.brand-row h3{font-size:clamp(24px,1.7vw,30px);margin:0 0 36px}.brand-row p{font-size:clamp(17px,1.3vw,23px);color:var(--muted);line-height:1.6}.brand-row p[lang=en]{margin-top:30px}.text-link{display:inline-block;color:var(--muted);text-decoration:none;font-size:clamp(17px,1.3vw,23px);margin-top:32px}.text-link:hover{text-decoration:underline;text-underline-offset:4px}.brand-row-reverse{grid-template-columns:1.4fr .82fr}.brand-row-reverse>img{grid-column:2;grid-row:1}.brand-row-reverse>div{grid-column:1;grid-row:1}
.community-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.community-card{border:1px solid #c9c9c9;padding:28px;min-height:180px;text-decoration:none;display:flex;flex-direction:column;gap:24px;background:#fff;transition:transform .15s,border-color .15s}.community-card:hover{border-color:var(--accent);transform:translateY(-3px)}.community-card small{font-size:12px;color:var(--accent);font-weight:700;letter-spacing:.5px}.community-card strong{font-size:22px;line-height:1.45}.community-card span{font-size:14px;color:var(--muted);margin-top:auto}.organizers{font-size:20px;line-height:1.65;text-align:center;margin-top:72px;padding-top:40px;border-top:1px solid #ccc}.organizers p[lang=en]{font-size:17px;color:var(--muted);margin-top:8px}.eyebrow{font-size:11px!important;font-weight:700;letter-spacing:1.5px;color:#666;margin-bottom:16px}.host-names{font-size:15px;color:#666;margin-top:14px}.contact-links,.official-links{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:18px 28px;margin-top:20px}.contact-links a,.official-links a{font-size:16px;margin-top:0;color:var(--accent);text-underline-offset:4px}footer{text-align:center;padding:32px 24px;border-top:1px solid #eee;font-size:11px;color:#666;line-height:1.8}footer strong{font-size:12px;letter-spacing:1px}footer p+p{margin-top:8px}
@media(max-width:1100px){.section{padding:64px 32px}.hero{padding-top:38px}.hero-grid{gap:32px}.hero-copy h2{margin-bottom:28px}.copy{font-size:17px}.copy p+p,.copy.en p+p{margin-top:22px}.copy.en{margin-top:24px}.call-note{margin-top:28px}.hero .cta{margin-top:30px}.format-cols{gap:40px}.event-type{margin-bottom:38px}.signup-grid{gap:40px}.brand-row,.brand-row-reverse{gap:38px}.nav-inner{padding-inline:32px}}
@media(max-width:700px){.section{padding:52px 22px}.nav-inner{min-height:62px;padding-inline:22px;gap:14px}.wordmark{font-size:23px;white-space:nowrap}.wordmark span{font-size:9px;margin-left:5px;letter-spacing:0}nav{gap:15px;font-size:12px}.hero{padding-top:28px}.hero-grid{grid-template-columns:1fr;gap:34px}.hero-copy h1{font-size:30px;line-height:1.35}.hero-copy h2{font-size:20px;line-height:1.4;margin-bottom:28px}.copy{font-size:16px;line-height:1.75}.copy p+p,.copy.en p+p{margin-top:22px}.copy.en{font-size:15px;line-height:1.7}.call-note{font-size:23px;margin-top:30px}.cta{font-size:24px;padding:16px 20px;margin-top:32px;width:100%}.hero-official{font-size:12px}.call-heading{margin-bottom:42px}.call-heading h2{font-size:29px}.call-heading p{font-size:25px}.call-heading:after{margin-top:25px;height:3px}.format-cols{grid-template-columns:1fr;gap:42px;font-size:17px}.event-type{font-size:22px;margin-bottom:24px}.event-list{padding-left:21px}.open-call article{font-size:16px;line-height:1.75;margin-bottom:42px}.open-call h3{font-size:23px}.bilingual-copy>[lang=en]{margin-top:26px}.deadline{font-size:19px;margin:44px 0 54px}.selection h3{font-size:27px;margin-bottom:24px}.signup-grid{grid-template-columns:1fr;gap:34px}.qr-link{max-width:380px}.signup h2{font-size:35px;margin-bottom:25px}.signup p{font-size:18px}.signup .cta{margin-top:28px}.about-intro{font-size:17px;margin-bottom:45px}.brand-grid{gap:60px}.brand-row,.brand-row-reverse{grid-template-columns:1fr;gap:30px}.brand-row img{width:min(100%,330px)}.brand-row-reverse>img,.brand-row-reverse>div{grid-column:auto;grid-row:auto}.brand-row h3{font-size:24px;margin-bottom:24px}.brand-row p{font-size:16px;line-height:1.7}.brand-row p[lang=en]{margin-top:24px}.text-link{font-size:17px;margin-top:22px}.community-grid{grid-template-columns:1fr;gap:16px}.community-card{min-height:165px;padding:24px;gap:20px}.community-card strong{font-size:21px}.organizers{font-size:17px;margin-top:45px;padding-top:30px}.organizers p[lang=en]{font-size:15px}.contact-links a,.official-links a{font-size:14px}footer{font-size:10px}}
@media(max-width:370px){.wordmark span{display:none}.hero-copy h1{font-size:27px}nav{gap:18px}.call-heading h2{font-size:26px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.cta,.community-card{transition:none}.cta:hover,.community-card:hover{transform:none}}
@media(min-width:1101px){.hero{padding-top:20px}.hero-copy h2{margin-bottom:38px}.copy{font-size:20px;line-height:1.5}.call-note{margin-top:52px}.hero .cta{margin-top:124px}}