-
-
01奖金支持最高15万元
总决赛获奖团队：
一等奖1名，奖励15万元人民币（税前）
二等奖2名，奖励10万元人民币（税前）
三等奖3名，奖励5万元人民币（税前）
-
02人才政策支持领军人才计划通道
对符合条件的获奖团队，按规定推荐进入苏州创新创业领军人才计划直接立项或面试评审环节。
-
03多层次资本支持千万元级投资意向
开展“一对一”投融资需求对接，链接头部创投机构，择优推动形成最高可达千万元级的股权投资意向。
-
04全要素创业服务最高500㎡ · 最长3年
对符合条件的项目按规定提供办公场地租金减免，并提供产业链、技术、市场、管理与人才对接服务。
-
-
-
让好项目加速发生
-
奖金只是起点，更关键的是政策、资本、空间与产业链资源的长期连接。
-
FROM COMPETITION TO GROWTH
-
+ /* Match the existing roadmap circle to the approved airy blue palette.
+ Geometry intentionally remains inherited and unchanged. */
+ .roadmap::before {
+ background: linear-gradient(
+ 155deg,
+ rgba(83,166,226,.86) 0%,
+ rgba(123,192,230,.72) 48%,
+ rgba(190,228,238,.60) 100%
+ );
+ }
+
+ /* Tighten the resource accelerator into one compact, connected block. */
+ .awards-layout {
+ grid-template-columns: minmax(300px,.82fr) minmax(0,1.52fr);
+ gap: clamp(42px,5.2vw,82px);
+ padding: 92px 0 98px;
+ }
+ .awards .section-head { top: 30px; }
+ .awards .section-head::before { margin-bottom: 24px; }
+ .awards .section-title {
+ max-width: 440px;
+ font-size: clamp(50px,5.25vw,74px);
+ line-height: .98;
+ }
+ .awards-summary {
+ max-width: 390px;
+ margin-top: 24px;
+ line-height: 1.75;
+ }
+ .awards-note { margin-top: 34px; }
+ .award-card,
+ .award-card:nth-child(odd) {
+ grid-template-columns: minmax(176px,.72fr) minmax(230px,1.28fr);
+ gap: 24px;
+ padding: 25px 8px 27px;
+ }
+ .award-card small {
+ display: flex;
+ align-items: center;
+ min-height: 20px;
+ }
+ .award-card small span {
+ display: inline-block;
+ margin: 0 12px 0 0;
+ font-size: 12px;
+ }
+ .award-card h3 { margin-top: 8px; }
+ .award-card p { line-height: 1.68; }
+
+ @media (max-width: 980px) {
+ .awards-layout { gap: 42px; padding: 84px 0 90px; }
+ }
+ @media (max-width: 680px) {
+ .awards-layout { gap: 38px; padding: 68px 0 72px; }
+ .awards .section-head::before { margin-bottom: 18px; }
+ .awards-summary { margin-top: 20px; }
+ .awards-note { margin-top: 26px; }
+ .award-card,
+ .award-card:nth-child(odd) {
+ grid-template-columns: 1fr;
+ gap: 8px;
+ padding: 23px 0 25px;
+ }
+ .award-card h3 { margin: 6px 0 4px; }
+ }
+
+ /* Compact 2×2 benefit matrix: keep the editorial intro, remove the long
+ spreadsheet-like rows, and bring every support outcome into one view. */
+ .awards-layout {
+ grid-template-columns: minmax(270px,.68fr) minmax(0,1.55fr);
+ gap: clamp(44px,5.5vw,86px);
+ padding: 78px 0 84px;
+ }
+ .awards .section-head { top: 24px; }
+ .awards .section-head::before { margin-bottom: 18px; }
+ .awards .section-title {
+ max-width: 360px;
+ font-size: clamp(46px,4.5vw,64px);
+ line-height: 1.02;
+ }
+ .awards-summary {
+ max-width: 330px;
+ margin-top: 20px;
+ font-size: 14px;
+ line-height: 1.7;
+ }
+ .awards-note { margin-top: 26px; }
+ .award-grid {
+ display: grid;
+ grid-template-columns: repeat(2,minmax(0,1fr));
+ align-self: center;
+ border: 0;
+ }
+ .award-card,
+ .award-card:nth-child(odd) {
+ display: flex;
+ min-height: 230px;
+ padding: 28px 30px 30px;
+ gap: 0;
+ align-items: flex-start;
+ border: 0;
+ }
+ .award-card:nth-child(odd)::before {
+ content: "";
+ position: absolute;
+ top: 9%;
+ right: 0;
+ bottom: 9%;
+ left: auto;
+ width: 1px;
+ height: auto;
+ background: linear-gradient(180deg,transparent 0%,rgba(0,148,220,.3) 18%,rgba(91,154,180,.34) 50%,rgba(0,148,220,.3) 82%,transparent 100%);
+ border: 0;
+ border-radius: 0;
+ box-shadow: none;
+ transform: none;
+ }
+ .award-card:nth-child(-n+2)::after {
+ content: "";
+ position: absolute;
+ right: 7%;
+ bottom: 0;
+ left: 7%;
+ display: block;
+ width: auto;
+ height: 1px;
+ border-radius: 0;
+ background: linear-gradient(90deg,transparent 0%,rgba(0,148,220,.3) 18%,rgba(91,154,180,.34) 50%,rgba(0,148,220,.3) 82%,transparent 100%);
+ box-shadow: none;
+ }
+ .award-card small {
+ display: flex;
+ min-height: auto;
+ align-items: baseline;
+ color: #5d7888;
+ font-size: 12px;
+ letter-spacing: .05em;
+ }
+ .award-card small span {
+ margin: 0 12px 0 0;
+ color: #0094dc;
+ font-size: 12px;
+ font-weight: 500;
+ }
+ .award-card h3 {
+ margin: 30px 0 13px;
+ font-size: clamp(21px,1.72vw,27px);
+ line-height: 1.22;
+ }
+ .award-card p {
+ max-width: none;
+ margin: 0;
+ font-size: 12.5px;
+ line-height: 1.66;
+ }
+ .award-card:hover {
+ background: rgba(0,148,220,.035);
+ transform: translateY(-2px);
+ }
+
+ /* Interaction polish: each benefit remains calm at rest, then gains a
+ clear reading focus for pointer, keyboard and scroll entry. */
+ .award-card {
+ border-radius: 2px;
+ cursor: default;
+ outline: none;
+ transition: background-color .28s var(--ease), box-shadow .28s var(--ease), opacity .46s var(--ease), transform .46s var(--ease);
+ }
+ .award-card h3,
+ .award-card small span {
+ transition: color .28s var(--ease), transform .28s var(--ease);
+ }
+ .award-card:hover,
+ .award-card:focus-visible,
+ .award-card.is-active {
+ z-index: 2;
+ background: rgba(0,148,220,.055);
+ box-shadow: inset 3px 0 0 rgba(0,148,220,.72);
+ transform: translateY(-3px);
+ }
+ .award-card:hover h3,
+ .award-card:focus-visible h3,
+ .award-card.is-active h3 { color: #007fbd; }
+ .award-card:hover small span,
+ .award-card:focus-visible small span,
+ .award-card.is-active small span { transform: translateX(3px); }
+ .awards.is-ready .award-card:not(.is-revealed) {
+ opacity: 0;
+ transform: translateY(18px);
+ }
+ .awards.is-ready .award-card.is-revealed { opacity: 1; }
+
+ @media (max-width: 980px) {
+ .awards-layout { gap: 38px; padding: 72px 0 78px; }
+ .awards .section-title { max-width: 520px; }
+ .award-grid { grid-row: 2; }
+ }
+ @media (max-width: 680px) {
+ .awards-layout { gap: 32px; padding: 58px 0 64px; }
+ .awards .section-title { max-width: 330px; }
+ .awards-summary { max-width: 320px; margin-top: 16px; }
+ .awards-note { margin-top: 20px; }
+ .award-grid { grid-template-columns: 1fr; }
+ .award-card,
+ .award-card:nth-child(odd) {
+ min-height: 0;
+ padding: 24px 22px 26px;
+ }
+ .award-card:nth-child(odd)::before { content: none; }
+ .award-card:nth-child(-n+2)::after,
+ .award-card:nth-child(3)::after {
+ content: "";
+ right: 8%;
+ bottom: 0;
+ left: 8%;
+ display: block;
+ width: auto;
+ height: 1px;
+ background: linear-gradient(90deg,transparent 0%,rgba(0,148,220,.3) 20%,rgba(91,154,180,.34) 50%,rgba(0,148,220,.3) 80%,transparent 100%);
+ }
+ .award-card:last-child::after { content: none; }
+ .award-card h3 { margin: 18px 0 9px; font-size: 22px; }
+ .award-card p { font-size: 12.5px; }
+ .award-card:hover,
+ .award-card:focus-visible,
+ .award-card.is-active {
+ box-shadow: inset 2px 0 0 rgba(0,148,220,.72);
+ transform: translateX(2px);
+ }
+ }
+
+ /* Final colour seal — keep the hero-derived palette above later layout
+ refinements without changing their geometry or responsive behaviour. */
+ .awards { color: var(--hero-copy) !important; }
+ .awards .section-title,
+ .award-card h3 { color: var(--hero-copy) !important; }
+ .awards .section-head::before,
+ .awards-note,
+ .award-card small span { color: var(--hero-cyan-soft) !important; }
+ .awards-summary,
+ .award-card p,
+ .award-card small { color: var(--hero-muted) !important; }
+ .award-card:nth-child(odd)::before { background: linear-gradient(180deg,transparent,rgba(103,211,245,.3),rgba(207,50,216,.22),transparent) !important; }
+ .award-card:nth-child(-n+2)::after,
+ .award-card:nth-child(3)::after { background: linear-gradient(90deg,transparent,rgba(103,211,245,.3),rgba(207,50,216,.22),transparent) !important; }
+ .award-card:hover,
+ .award-card:focus-visible,
+ .award-card.is-active { background: rgba(52,151,222,.1) !important; box-shadow: inset 3px 0 0 var(--hero-magenta) !important; }
+ .award-card:hover h3,
+ .award-card:focus-visible h3,
+ .award-card.is-active h3 { color: #b9f2ff !important; }
+
+ /* 2026-08-18 airy below-fold palette. The hero remains untouched; the
+ following sections borrow its cyan/indigo/magenta as light atmospheric
+ tints instead of repeating the hero's full dark value. */
+ .audience-tracks-layout {
+ color: var(--ink);
+ background:
+ radial-gradient(ellipse 52% 24% at 4% 7%,rgba(76,184,242,.14),transparent 74%),
+ radial-gradient(ellipse 44% 28% at 96% 38%,rgba(177,116,231,.09),transparent 72%),
+ linear-gradient(180deg,#f8fbff 0%,#f1f7fd 46%,#edf4fb 100%) !important;
+ }
+ .audience-tracks-layout::after {
+ opacity: .42;
+ background:
+ linear-gradient(112deg,transparent 0 44%,rgba(69,185,230,.08) 50%,transparent 57%),
+ repeating-linear-gradient(90deg,transparent 0 159px,rgba(39,126,177,.035) 160px);
+ }
+ .audience-tracks-layout .audience {
+ color: var(--ink);
+ background: linear-gradient(180deg,rgba(255,255,255,.76),rgba(248,251,255,.4)) !important;
+ }
+ .audience-tracks-layout .tracks {
+ color: var(--ink);
+ background:
+ radial-gradient(ellipse 38% 72% at 7% 40%,rgba(62,174,232,.12),transparent 74%),
+ radial-gradient(ellipse 36% 68% at 94% 58%,rgba(186,104,222,.08),transparent 76%),
+ linear-gradient(180deg,#edf5fc 0%,#f6f9ff 100%) !important;
+ border-color: rgba(70,151,194,.12) !important;
+ }
+ .audience-tracks-layout .audience-index { border-right-color: rgba(39,126,177,.2); }
+ .audience-index strong,
+ .audience-tracks-layout .tracks-index strong,
+ .audience-tracks-layout .audience-stage .stage-main,
+ .audience-tracks-layout .audience-type strong { color: #102d4c !important; }
+ .audience-index span,
+ .audience-tracks-layout .tracks-index span { color: rgba(47,91,127,.58) !important; }
+ .audience-tracks-layout .audience-card {
+ background: rgba(255,255,255,.74) !important;
+ border-color: rgba(75,162,205,.2) !important;
+ box-shadow: 0 24px 68px rgba(43,97,139,.1),inset 0 1px rgba(255,255,255,.9) !important;
+ backdrop-filter: blur(14px);
+ }
+ .audience-tracks-layout .audience-focus::after,
+ .audience-tracks-layout .audience-types { border-color: rgba(44,137,183,.17) !important; }
+ .audience-tracks-layout .audience-stage .stage-sub,
+ .audience-tracks-layout .audience-type > span { color: #087fb7 !important; }
+ .audience-tracks-layout .audience-detail > p { color: #526f82 !important; }
+ .audience-tracks-layout .audience-type small { color: rgba(48,91,121,.55) !important; }
+ .audience-tracks-layout .audience-type,
+ .audience-tracks-layout .audience-type + .audience-type { border-color: rgba(44,137,183,.14) !important; }
+ .audience-tracks-layout .audience-type:hover { background: rgba(66,200,242,.09) !important; }
+ .audience-tracks-layout .tracks .section-title,
+ .audience-tracks-layout .tracks .section-lead,
+ .audience-tracks-layout .tracks .track-card h3 { color: #102d4c !important; }
+ .audience-tracks-layout .tracks .tracks-kicker,
+ .audience-tracks-layout .tracks .track-card p { color: #547086 !important; }
+ .audience-tracks-layout .tracks .track-card::before { color: #087fb7; background: #e1f3fb; }
+ .audience-tracks-layout .tracks .track-grid {
+ background: rgba(255,255,255,.56);
+ border-color: rgba(54,145,190,.18);
+ box-shadow: 0 20px 56px rgba(43,97,139,.08);
+ }
+
+ .roadmap {
+ color: #102d4c;
+ background:
+ radial-gradient(ellipse 46% 62% at 10% 8%,rgba(71,178,235,.12),transparent 74%),
+ radial-gradient(ellipse 38% 66% at 91% 92%,rgba(189,106,224,.08),transparent 76%),
+ linear-gradient(180deg,#fbfdff 0%,#f3f7fd 100%) !important;
+ border-top-color: rgba(70,151,194,.12) !important;
+ }
+ .roadmap::before { opacity: .18; filter: saturate(.9); }
+ .roadmap .section-title { color: #102d4c !important; }
+ .roadmap-intro { color: #587286 !important; }
+ .roadmap-intro strong { color: #087fb7 !important; }
+ .timeline {
+ background:
+ radial-gradient(ellipse 46% 120% at 5% 18%,rgba(81,210,247,.2),transparent 72%),
+ radial-gradient(ellipse 42% 120% at 92% 20%,rgba(208,55,219,.14),transparent 76%),
+ linear-gradient(112deg,#0b2875 0%,#0d4d9a 52%,#49317f 100%) !important;
+ box-shadow: 0 24px 64px rgba(23,58,112,.2),inset 0 1px rgba(220,251,255,.24) !important;
+ }
+
+ .awards {
+ color: #102d4c !important;
+ background:
+ radial-gradient(ellipse 42% 70% at 88% 18%,rgba(66,183,239,.12),transparent 74%),
+ radial-gradient(ellipse 34% 58% at 10% 88%,rgba(193,104,224,.07),transparent 76%),
+ linear-gradient(180deg,#edf3fb 0%,#f9fbff 100%) !important;
+ border-top-color: rgba(70,151,194,.12) !important;
+ }
+ .awards .section-title,
+ .award-card h3 { color: #102d4c !important; }
+ .awards .section-head::before,
+ .awards-note,
+ .award-card small span { color: #087fb7 !important; }
+ .awards-summary,
+ .award-card p,
+ .award-card small { color: #587286 !important; }
+ .award-card:nth-child(odd)::before { background: linear-gradient(180deg,transparent,rgba(54,160,207,.24),rgba(174,104,205,.16),transparent) !important; }
+ .award-card:nth-child(-n+2)::after,
+ .award-card:nth-child(3)::after { background: linear-gradient(90deg,transparent,rgba(54,160,207,.24),rgba(174,104,205,.16),transparent) !important; }
+ .award-card:hover,
+ .award-card:focus-visible,
+ .award-card.is-active { background: rgba(255,255,255,.68) !important; box-shadow: inset 3px 0 0 #b04dca,0 12px 34px rgba(43,97,139,.08) !important; }
+ .award-card:hover h3,
+ .award-card:focus-visible h3,
+ .award-card.is-active h3 { color: #087fb7 !important; }
+ .site-footer {
+ background: linear-gradient(90deg,#061333,#0b245c 58%,#25184f) !important;
+ border-top: 0 !important;
+ }
+ .site-footer::before {
+ content: "";
+ position: absolute;
+ z-index: 1;
+ top: 0;
+ right: 0;
+ left: 0;
+ height: 1px;
+ background: linear-gradient(90deg,rgba(202,93,238,.48) 0%,rgba(91,220,255,.62) 34%,rgba(99,174,255,.52) 62%,rgba(202,93,238,.48) 86%,rgba(202,93,238,.08) 100%);
+ pointer-events: none;
+ }
+
+ /* Rebalance the page vertically: keep the reading sections open, then
+ restore visual weight progressively toward the closing sections. */
+ .audience-tracks-layout {
+ background:
+ radial-gradient(ellipse 52% 24% at 4% 7%,rgba(76,184,242,.15),transparent 74%),
+ radial-gradient(ellipse 44% 28% at 96% 38%,rgba(177,116,231,.1),transparent 72%),
+ linear-gradient(180deg,#f8fbff 0%,#edf5fc 42%,#e4eef8 100%) !important;
+ }
+ .audience-tracks-layout .tracks {
+ background:
+ radial-gradient(ellipse 40% 76% at 5% 42%,rgba(48,157,220,.17),transparent 74%),
+ radial-gradient(ellipse 38% 72% at 96% 58%,rgba(171,89,211,.1),transparent 76%),
+ linear-gradient(180deg,#e8f2fa 0%,#dceaf6 100%) !important;
+ }
+ .audience-tracks-layout .tracks .track-grid {
+ background: rgba(255,255,255,.64);
+ box-shadow: 0 24px 62px rgba(35,83,126,.12);
+ }
+
+ .roadmap {
+ background:
+ radial-gradient(ellipse 48% 70% at 8% 12%,rgba(53,166,228,.2),transparent 72%),
+ radial-gradient(ellipse 40% 72% at 92% 88%,rgba(167,83,207,.13),transparent 74%),
+ linear-gradient(180deg,#dceaf6 0%,#c8daed 100%) !important;
+ border-top-color: rgba(51,120,168,.16) !important;
+ }
+ .roadmap::before { opacity: .26; }
+ .timeline {
+ box-shadow: 0 30px 72px rgba(20,49,102,.27),inset 0 1px rgba(220,251,255,.28) !important;
+ }
+
+ .awards {
+ color: var(--hero-copy) !important;
+ background:
+ radial-gradient(ellipse 48% 76% at 90% 16%,rgba(54,151,228,.24),transparent 70%),
+ radial-gradient(ellipse 38% 64% at 8% 86%,rgba(198,70,211,.12),transparent 74%),
+ linear-gradient(180deg,#173d78 0%,#0b2459 56%,#071944 100%) !important;
+ border-top-color: rgba(128,216,247,.2) !important;
+ }
+ .awards .section-title,
+ .award-card h3 { color: var(--hero-copy) !important; }
+ .awards .section-head::before,
+ .awards-note,
+ .award-card small span { color: var(--hero-cyan-soft) !important; }
+ .awards-summary,
+ .award-card p,
+ .award-card small { color: #bfd2e5 !important; }
+ .award-card:nth-child(odd)::before { background: linear-gradient(180deg,transparent,rgba(103,211,245,.3),rgba(207,50,216,.2),transparent) !important; }
+ .award-card:nth-child(-n+2)::after,
+ .award-card:nth-child(3)::after { background: linear-gradient(90deg,transparent,rgba(103,211,245,.3),rgba(207,50,216,.2),transparent) !important; }
+ .award-card:hover,
+ .award-card:focus-visible,
+ .award-card.is-active { background: rgba(64,166,226,.11) !important; box-shadow: inset 3px 0 0 var(--hero-magenta),0 16px 38px rgba(0,7,34,.14) !important; }
+ .award-card:hover h3,
+ .award-card:focus-visible h3,
+ .award-card.is-active h3 { color: #b9f2ff !important; }
+
+ /* Give the first two content sections enough visual mass to stand up to
+ the hero, using layered surfaces rather than another full dark field. */
+ .audience-tracks-layout .audience {
+ background:
+ radial-gradient(circle at 8% 18%,rgba(46,163,226,.18) 0 9%,transparent 27%),
+ radial-gradient(circle at 91% 82%,rgba(177,85,211,.1) 0 8%,transparent 25%),
+ linear-gradient(135deg,#edf6fd 0%,#f9fbff 52%,#edf2fb 100%) !important;
+ border-top: 1px solid rgba(86,177,218,.16);
+ border-bottom: 1px solid rgba(54,137,183,.16);
+ }
+ .audience-tracks-layout .audience::after {
+ content: "";
+ position: absolute;
+ z-index: 0;
+ right: -8%;
+ bottom: 9%;
+ width: 42%;
+ height: 1px;
+ background: linear-gradient(90deg,transparent,rgba(45,151,205,.3),rgba(179,75,202,.22),transparent);
+ transform: rotate(-12deg);
+ }
+ .audience-tracks-layout .audience-card {
+ background: linear-gradient(135deg,rgba(255,255,255,.94),rgba(233,245,253,.88)) !important;
+ border: 1px solid rgba(48,142,190,.28) !important;
+ box-shadow: 0 30px 76px rgba(31,78,123,.16),inset 0 1px rgba(255,255,255,1) !important;
+ }
+ .audience-tracks-layout .audience-focus {
+ background:
+ radial-gradient(circle at 18% 20%,rgba(117,224,255,.28),transparent 36%),
+ linear-gradient(145deg,#0a83c5 0%,#145aa9 66%,#493a9a 100%) !important;
+ box-shadow: 18px 0 42px rgba(19,79,143,.14);
+ }
+ .audience-tracks-layout .audience-stage .stage-main,
+ .audience-tracks-layout .audience-focus .stage-sub { color: #fff !important; }
+ .audience-tracks-layout .audience-type {
+ background: rgba(223,241,250,.72) !important;
+ box-shadow: inset 0 0 0 1px rgba(70,157,199,.08);
+ }
+
+ .audience-tracks-layout .tracks {
+ background:
+ linear-gradient(112deg,transparent 0 38%,rgba(255,255,255,.42) 49%,transparent 60%),
+ radial-gradient(ellipse 42% 82% at 4% 42%,rgba(28,140,207,.24),transparent 72%),
+ radial-gradient(ellipse 38% 76% at 97% 58%,rgba(162,69,201,.14),transparent 74%),
+ linear-gradient(180deg,#d7e8f5 0%,#cbdff0 100%) !important;
+ border-top: 1px solid rgba(44,126,174,.2) !important;
+ border-bottom: 1px solid rgba(44,126,174,.22) !important;
+ }
+ .audience-tracks-layout .tracks .track-grid {
+ background: linear-gradient(145deg,rgba(255,255,255,.88),rgba(234,244,252,.78));
+ border: 1px solid rgba(43,132,180,.28);
+ box-shadow: 0 30px 76px rgba(31,78,123,.17),inset 0 1px rgba(255,255,255,.9);
+ }
+ .audience-tracks-layout .tracks .track-card {
+ background: linear-gradient(180deg,rgba(255,255,255,.28),rgba(219,238,249,.2));
+ transition: background .25s var(--ease),transform .25s var(--ease),box-shadow .25s var(--ease);
+ }
+ .audience-tracks-layout .tracks .track-card:hover {
+ z-index: 2;
+ background: rgba(255,255,255,.72);
+ box-shadow: 0 14px 36px rgba(35,87,132,.12);
+ transform: translateY(-4px);
+ }
+ .audience-tracks-layout .tracks .track-card::before {
+ color: #fff;
+ background: linear-gradient(135deg,#159dd5,#1766b2 68%,#6241a1);
+ box-shadow: 0 10px 24px rgba(24,104,173,.2);
+ }
+
+ /* Second composition pass: make section one a crisp editorial light
+ panel and section two a confident mid-dark technology field. */
+ .audience-tracks-layout .audience {
+ background:
+ linear-gradient(90deg,rgba(14,145,207,.1) 0 1px,transparent 1px) 8% 0 / 160px 100%,
+ radial-gradient(circle at 3% 50%,rgba(31,167,225,.25),transparent 29%),
+ radial-gradient(circle at 96% 18%,rgba(134,91,207,.12),transparent 25%),
+ linear-gradient(135deg,#e2f1fa 0%,#fbfdff 48%,#e8eef8 100%) !important;
+ border-bottom: 0;
+ }
+ .audience-tracks-layout .audience-card {
+ background: #fff !important;
+ border: 0 !important;
+ box-shadow: 0 34px 86px rgba(23,67,111,.2) !important;
+ overflow: hidden;
+ }
+ .audience-tracks-layout .audience-focus {
+ background:
+ radial-gradient(circle at 12% 12%,rgba(138,232,255,.38),transparent 34%),
+ radial-gradient(circle at 92% 90%,rgba(204,64,218,.22),transparent 38%),
+ linear-gradient(145deg,#078fc9 0%,#1455a5 58%,#4b2f8d 100%) !important;
+ box-shadow: none;
+ isolation: isolate;
+ overflow: hidden;
+ }
+ .audience-tracks-layout .audience-focus::before {
+ content: "";
+ position: absolute;
+ z-index: -1;
+ inset: 0;
+ background: url("assets/generated/hero-photonic-youth-blue-purple-balanced-v7-sharp-trails-4k.png?v=1") 56% 50% / auto 155% no-repeat;
+ opacity: .24;
+ filter: saturate(1.08) contrast(1.04);
+ mix-blend-mode: screen;
+ -webkit-mask-image: linear-gradient(100deg,transparent 0%,rgba(0,0,0,.38) 28%,#000 62%,rgba(0,0,0,.7) 100%);
+ mask-image: linear-gradient(100deg,transparent 0%,rgba(0,0,0,.38) 28%,#000 62%,rgba(0,0,0,.7) 100%);
+ pointer-events: none;
+ }
+ .audience-tracks-layout .audience-detail {
+ background:
+ linear-gradient(135deg,rgba(232,246,253,.72),rgba(255,255,255,.98) 54%),
+ #fff !important;
+ }
+ .audience-tracks-layout .audience-type {
+ background: #d9f2fc !important;
+ border-left-color: #249fd2 !important;
+ }
+ .audience-tracks-layout .audience-type:nth-child(2) { background: #e2eafb !important; border-left-color: #527bc4 !important; }
+ .audience-tracks-layout .audience-type:nth-child(3) { background: #efe3f8 !important; border-left-color: #9460ba !important; }
+
+ .audience-tracks-layout .tracks {
+ color: var(--hero-copy);
+ background:
+ linear-gradient(112deg,transparent 0 42%,rgba(88,211,246,.07) 49%,transparent 57%),
+ radial-gradient(ellipse 46% 90% at 4% 42%,rgba(31,153,222,.32),transparent 72%),
+ radial-gradient(ellipse 40% 84% at 98% 60%,rgba(185,61,202,.2),transparent 74%),
+ linear-gradient(135deg,#123f7d 0%,#092b68 54%,#211e62 100%) !important;
+ border-color: rgba(130,220,247,.2) !important;
+ }
+ .audience-tracks-layout .tracks-index { border-color: rgba(139,218,244,.25) !important; }
+ .audience-tracks-layout .tracks-index strong,
+ .audience-tracks-layout .tracks .section-title,
+ .audience-tracks-layout .tracks .track-card h3 { color: #f5fbff !important; }
+ .audience-tracks-layout .tracks-index span,
+ .audience-tracks-layout .tracks .tracks-kicker,
+ .audience-tracks-layout .tracks .section-head > p,
+ .audience-tracks-layout .tracks .track-card p { color: #bcd4e7 !important; }
+ .audience-tracks-layout .tracks .track-grid {
+ background: linear-gradient(145deg,rgba(25,72,139,.58),rgba(8,30,80,.68));
+ border: 1px solid rgba(133,220,248,.28);
+ box-shadow: 0 34px 82px rgba(0,9,42,.3),inset 0 1px rgba(255,255,255,.1);
+ backdrop-filter: blur(12px);
+ }
+ .audience-tracks-layout .tracks .track-card {
+ background: rgba(255,255,255,.018);
+ border-color: rgba(139,218,244,.16) !important;
+ }
+ .audience-tracks-layout .tracks .track-card:hover {
+ background: rgba(79,189,231,.12);
+ box-shadow: inset 0 3px #66dcf5,0 18px 42px rgba(0,9,42,.2);
+ }
+ .audience-tracks-layout .tracks .track-card::before {
+ color: #c2f3ff;
+ background: rgba(4,27,81,.82);
+ border: 0;
+ box-shadow: 0 10px 28px rgba(0,8,40,.28),inset 0 0 18px rgba(62,195,235,.08);
+ }
+
+ /* Hero echoes: orbital rings, photon particles and diagonal light paths.
+ They sit behind content and reuse the hero's cyan–violet spectrum. */
+ .audience-tracks-layout .audience .wrap::before {
+ content: "";
+ position: absolute;
+ z-index: -1;
+ top: -76px;
+ right: 5%;
+ width: 250px;
+ height: 250px;
+ border: 1px solid rgba(25,151,211,.2);
+ border-radius: 50%;
+ box-shadow:
+ 0 0 0 34px rgba(36,166,221,.045),
+ 0 0 0 72px rgba(106,91,204,.025),
+ inset 0 0 48px rgba(62,190,235,.06);
+ opacity: .9;
+ pointer-events: none;
+ }
+ .audience-tracks-layout .audience .wrap::after {
+ content: "";
+ position: absolute;
+ z-index: -1;
+ left: 20%;
+ bottom: -44px;
+ width: 54%;
+ height: 100px;
+ background:
+ radial-gradient(circle,rgba(16,137,198,.32) 0 1.2px,transparent 1.8px) 0 0 / 22px 22px,
+ linear-gradient(168deg,transparent 46%,rgba(29,157,215,.2) 48%,rgba(145,76,196,.14) 50%,transparent 52%);
+ -webkit-mask-image: linear-gradient(90deg,transparent,#000 18% 82%,transparent);
+ mask-image: linear-gradient(90deg,transparent,#000 18% 82%,transparent);
+ opacity: .72;
+ transform: rotate(-4deg);
+ pointer-events: none;
+ }
+
+ .audience-tracks-layout .tracks .wrap::before {
+ content: none;
+ position: absolute;
+ z-index: 0;
+ top: 9%;
+ left: -9%;
+ width: 360px;
+ height: 360px;
+ border: 1px solid rgba(115,222,249,.2);
+ border-radius: 50%;
+ box-shadow:
+ 0 0 0 46px rgba(70,205,242,.035),
+ 0 0 0 92px rgba(180,72,211,.025),
+ inset 0 0 70px rgba(49,184,230,.06);
+ opacity: .78;
+ pointer-events: none;
+ }
+ .audience-tracks-layout .tracks .wrap::after {
+ content: "";
+ position: absolute;
+ z-index: 0;
+ top: 13%;
+ right: -5%;
+ width: 46%;
+ height: 44%;
+ background:
+ radial-gradient(circle,rgba(139,229,250,.36) 0 1px,transparent 1.7px) 0 0 / 24px 24px,
+ linear-gradient(154deg,transparent 43%,rgba(82,213,245,.14) 47%,rgba(201,69,213,.12) 50%,transparent 54%);
+ -webkit-mask-image: radial-gradient(ellipse at center,#000 0 40%,transparent 76%);
+ mask-image: radial-gradient(ellipse at center,#000 0 40%,transparent 76%);
+ opacity: .62;
+ pointer-events: none;
+ }
+ .audience-tracks-layout .tracks-index,
+ .audience-tracks-layout .tracks-content { position: relative; z-index: 1; }
+
+ .roadmap::after {
+ content: "";
+ position: absolute;
+ z-index: 0;
+ right: -150px;
+ bottom: -190px;
+ width: 430px;
+ height: 430px;
+ border: 1px solid rgba(31,134,194,.2);
+ border-radius: 50%;
+ background:
+ radial-gradient(circle at center,transparent 0 52%,rgba(48,161,215,.05) 53% 60%,transparent 61%),
+ conic-gradient(from 210deg,transparent 0 30%,rgba(44,177,225,.18) 35%,transparent 41% 70%,rgba(157,79,196,.13) 76%,transparent 82%);
+ box-shadow: 0 0 0 58px rgba(48,145,205,.025);
+ opacity: .82;
+ pointer-events: none;
+ }
+ .roadmap .wrap { position: relative; z-index: 1; }
+
+ .awards::before {
+ content: "";
+ position: absolute;
+ z-index: 0;
+ top: -18%;
+ left: -10%;
+ width: 54%;
+ height: 72%;
+ background:
+ radial-gradient(circle,rgba(122,225,249,.28) 0 1px,transparent 1.7px) 0 0 / 25px 25px,
+ linear-gradient(148deg,transparent 43%,rgba(78,206,241,.12) 47%,rgba(202,68,215,.11) 50%,transparent 54%);
+ -webkit-mask-image: radial-gradient(ellipse at center,#000 0 36%,transparent 75%);
+ mask-image: radial-gradient(ellipse at center,#000 0 36%,transparent 75%);
+ opacity: .58;
+ pointer-events: none;
+ }
+ .awards::after {
+ content: none;
+ }
+ .awards .wrap { position: relative; z-index: 1; }
+
+ @media (max-width: 680px) {
+ .audience-tracks-layout .audience .wrap::before { right: -90px; width: 210px; height: 210px; opacity: .55; }
+ .audience-tracks-layout .audience .wrap::after { left: 4%; width: 92%; opacity: .42; }
+ .audience-tracks-layout .tracks .wrap::before { left: -180px; opacity: .5; }
+ .audience-tracks-layout .tracks .wrap::after { right: -25%; width: 80%; opacity: .42; }
+ .roadmap::after { right: -260px; bottom: -210px; opacity: .56; }
+ .awards::before { left: -42%; width: 110%; opacity: .4; }
+ }
+
+ /* Bright violet-to-cyan conference backdrop for the project accelerator. */
+ .awards {
+ background:
+ linear-gradient(90deg,rgba(31,7,92,.48) 0%,rgba(14,42,132,.28) 46%,rgba(0,88,142,.16) 100%),
+ linear-gradient(180deg,rgba(8,17,83,.06) 0%,rgba(5,22,84,.25) 100%),
+ url("assets/generated/awards-accelerator-gradient-wave-v2.png?v=1") center / cover no-repeat !important;
+ isolation: isolate;
+ }
+ .awards::before {
+ top: 0;
+ left: 0;
+ width: 100%;
+ height: 100%;
+ background:
+ radial-gradient(circle at 15% 74%,rgba(117,226,255,.30) 0 1px,transparent 1.8px) 0 0 / 28px 28px,
+ linear-gradient(118deg,transparent 0 38%,rgba(89,215,249,.10) 47%,transparent 56%);
+ -webkit-mask-image: linear-gradient(90deg,#000,transparent 58%);
+ mask-image: linear-gradient(90deg,#000,transparent 58%);
+ opacity: .28;
+ }
+ .award-grid {
+ background:
+ radial-gradient(ellipse 58% 64% at 0% 0%,rgba(91,190,238,.16),transparent 72%),
+ radial-gradient(ellipse 72% 120% at 100% 8%,rgba(45,205,233,.18),transparent 68%),
+ linear-gradient(135deg,rgba(22,42,132,.66) 0%,rgba(10,77,151,.58) 54%,rgba(4,112,151,.50) 100%);
+ border: 0;
+ border-radius: 0 28px 0 28px;
+ box-shadow: 0 26px 76px rgba(0,18,73,.25);
+ backdrop-filter: blur(9px) saturate(1.08);
+ }
+ .award-card,
+ .award-card:nth-child(odd) {
+ background: linear-gradient(145deg,rgba(22,66,154,.10),rgba(1,84,133,.04));
+ }
+ .award-card:hover,
+ .award-card:focus-visible,
+ .award-card.is-active {
+ background: linear-gradient(145deg,rgba(72,157,230,.16),rgba(34,197,222,.10)) !important;
+ }
+
+ @media (max-width: 680px) {
+ .awards {
+ background:
+ linear-gradient(180deg,rgba(30,8,96,.44),rgba(4,55,132,.26)),
+ url("assets/generated/awards-accelerator-gradient-wave-v2.png?v=1") 58% center / auto 100% no-repeat !important;
+ }
+ .award-grid { backdrop-filter: blur(7px); }
+ }
+
+ /* Audience background: pale photonic-chip microstructure. */
+ .audience-tracks-layout .audience {
+ background:
+ linear-gradient(90deg,rgba(255,255,255,.9) 0%,rgba(255,255,255,.78) 52%,rgba(245,251,255,.62) 100%),
+ url("assets/generated/audience-photonic-chip-wafer-v5.png?v=1") center / cover no-repeat,
+ #f5fbfe !important;
+ border-bottom-color: rgba(43,151,205,.14);
+ }
+ .audience-tracks-layout .audience-index {
+ border-color: rgba(37,130,178,.24) !important;
+ }
+ .audience-tracks-layout .audience-index strong {
+ color: #0b3558 !important;
+ text-shadow: none;
+ }
+ .audience-tracks-layout .audience-index span {
+ color: #168fc5 !important;
+ }
+ .audience-tracks-layout .audience::after,
+ .audience-tracks-layout .audience .wrap::before,
+ .audience-tracks-layout .audience .wrap::after {
+ content: none;
+ }
+ @media (max-width: 680px) {
+ .audience-tracks-layout .audience {
+ background:
+ linear-gradient(180deg,rgba(255,255,255,.91) 0%,rgba(255,255,255,.8) 60%,rgba(245,251,255,.66) 100%),
+ url("assets/generated/audience-photonic-chip-wafer-v5.png?v=1") 72% center / auto 100% no-repeat,
+ #f5fbfe !important;
+ }
+ }
+ /* Remove the participant-type frame and separators. */
+ .audience-tracks-layout .audience-types {
+ border: 0 !important;
+ }
+ .audience-tracks-layout .audience-type,
+ .audience-tracks-layout .audience-type + .audience-type {
+ border: 0 !important;
+ box-shadow: none !important;
+ }
+ @media (min-width: 681px) {
+ .audience-tracks-layout .audience-type:nth-child(2) {
+ border-right: 1px solid rgba(44,137,183,.22) !important;
+ border-left: 1px solid rgba(44,137,183,.22) !important;
+ }
+ }
+
+ /* Tracks background: retain the existing CSS color field and layer a
+ genuinely transparent, incidental mesh above it. */
+ .audience-tracks-layout .tracks {
+ background:
+ radial-gradient(ellipse 62% 105% at 2% 16%,rgba(25,112,228,.68) 0%,rgba(18,68,181,.3) 42%,transparent 72%),
+ radial-gradient(ellipse 48% 88% at 98% 48%,rgba(207,50,216,.38) 0%,rgba(112,35,171,.2) 44%,transparent 74%),
+ radial-gradient(ellipse 42% 58% at 54% 2%,rgba(66,200,242,.28) 0%,transparent 70%),
+ linear-gradient(118deg,#070d5a 0%,#071d78 38%,#0a1769 66%,#321070 100%) !important;
+ }
+ .audience-tracks-layout .tracks-mesh {
+ position: absolute;
+ z-index: 2;
+ inset: 0;
+ display: block;
+ background: url("assets/generated/photonics-value-chain-mesh-transparent-v1.png?v=2") center / cover no-repeat;
+ opacity: 1;
+ transform: rotate(180deg);
+ pointer-events: none;
+ }
+ .audience-tracks-layout .tracks > .wrap {
+ position: relative;
+ z-index: 3;
+ }
+ .audience-tracks-layout .tracks .track-grid {
+ background: linear-gradient(145deg,rgba(19,59,126,.7),rgba(5,23,69,.84));
+ border-color: rgba(119,218,250,.3);
+ box-shadow: 0 34px 82px rgba(0,7,35,.38),inset 0 1px rgba(255,255,255,.1);
+ backdrop-filter: blur(4px);
+ }
+ @media (max-width: 680px) {
+ .audience-tracks-layout .tracks {
+ background:
+ radial-gradient(ellipse 100% 62% at 4% 12%,rgba(25,112,228,.62),transparent 72%),
+ radial-gradient(ellipse 90% 58% at 100% 74%,rgba(207,50,216,.32),transparent 74%),
+ linear-gradient(150deg,#070d5a 0%,#071d78 48%,#321070 100%) !important;
+ }
+ .audience-tracks-layout .tracks-mesh {
+ background-size: auto 100%;
+ }
+ }
+
+ /* Pale-blue dotted maps fill the roadmap while the light base remains
+ visible through the transparent artwork. */
+ .roadmap {
+ background:
+ url("assets/generated/roadmap-pale-blue-dotmaps-refined-transparent-v5.png?v=5") center / cover no-repeat,
+ radial-gradient(ellipse 72% 84% at 14% 4%,rgba(255,255,255,.96) 0%,rgba(248,251,255,.72) 58%,transparent 100%),
+ linear-gradient(180deg,#f8fbff 0%,#f3f7fc 100%) !important;
+ }
+ .roadmap::before,
+ .roadmap::after {
+ content: none !important;
+ display: none !important;
+ }
+ .timeline {
+ background:
+ url("assets/generated/roadmap-pale-blue-dotmaps-refined-transparent-v5.png?v=5") center / cover no-repeat,
+ radial-gradient(ellipse 38% 42% at 50% 0%,rgba(113,54,168,.88) 0%,rgba(76,48,151,.48) 48%,transparent 100%),
+ linear-gradient(112deg,rgba(27,77,145,.94) 0%,rgba(8,74,148,.91) 52%,rgba(7,37,111,.95) 100%) !important;
+ border-color: rgba(196,234,249,.22) !important;
+ box-shadow:
+ 0 30px 72px rgba(20,49,102,.27),
+ inset 0 1px rgba(232,252,255,.3),
+ inset 0 -80px 120px rgba(2,22,70,.16) !important;
+ backdrop-filter: blur(2px);
+ }
+ @media (max-width: 680px) {
+ .roadmap {
+ background-position: center,center !important;
+ background-size: cover,auto !important;
+ }
+ .timeline {
+ background-position: center,center,center !important;
+ background-size: cover,auto,auto !important;
+ }
+ }
+ /* Final audience artwork: layered irregular cyan/blue/violet light auras. */
+ .audience-tracks-layout .audience {
+ isolation: isolate;
+ background:
+ radial-gradient(ellipse 62% 42% at -4% 12%, rgba(44,205,242,.40) 0%, rgba(44,205,242,.17) 38%, transparent 72%),
+ radial-gradient(ellipse 48% 66% at 104% 8%, rgba(105,126,246,.34) 0%, rgba(105,126,246,.13) 44%, transparent 74%),
+ radial-gradient(ellipse 58% 34% at 18% 92%, rgba(24,166,228,.34) 0%, rgba(24,166,228,.12) 46%, transparent 78%),
+ radial-gradient(ellipse 42% 56% at 88% 74%, rgba(153,91,224,.28) 0%, rgba(153,91,224,.10) 45%, transparent 76%),
+ radial-gradient(ellipse 30% 22% at 8% 54%, rgba(68,232,238,.24) 0%, rgba(68,232,238,.07) 48%, transparent 76%),
+ radial-gradient(ellipse 34% 26% at 58% 4%, rgba(70,174,246,.22) 0%, rgba(70,174,246,.06) 48%, transparent 74%),
+ radial-gradient(ellipse 28% 34% at 102% 42%, rgba(190,103,235,.20) 0%, rgba(190,103,235,.06) 46%, transparent 76%),
+ radial-gradient(ellipse 24% 18% at 29% 18%, rgba(89,205,248,.22) 0%, rgba(89,205,248,.07) 42%, transparent 72%),
+ radial-gradient(ellipse 22% 28% at 72% 36%, rgba(121,118,241,.20) 0%, rgba(121,118,241,.06) 44%, transparent 74%),
+ radial-gradient(ellipse 28% 18% at 52% 72%, rgba(46,218,226,.20) 0%, rgba(46,218,226,.06) 46%, transparent 76%),
+ radial-gradient(ellipse 20% 24% at 76% 96%, rgba(183,101,229,.18) 0%, rgba(183,101,229,.05) 44%, transparent 72%),
+ radial-gradient(ellipse 34% 24% at 48% 42%, rgba(84,213,235,.16) 0%, transparent 76%),
+ linear-gradient(145deg, #f7fcff 0%, #eef8ff 48%, #f7f4ff 100%) !important;
+ }
+ .audience-tracks-layout .audience::before,
+ .audience-tracks-layout .audience .wrap::before,
+ .audience-tracks-layout .audience .wrap::after {
+ content: none !important;
+ }
+ .audience-tracks-layout .audience::after {
+ content: "" !important;
+ position: absolute;
+ z-index: 0;
+ inset: -8%;
+ width: auto;
+ height: auto;
+ background:
+ radial-gradient(ellipse 18% 34% at 14% 28%, rgba(54,222,242,.34), transparent 72%),
+ radial-gradient(ellipse 26% 18% at 70% 16%, rgba(71,141,245,.30), transparent 72%),
+ radial-gradient(ellipse 20% 32% at 84% 58%, rgba(176,95,224,.26), transparent 74%),
+ radial-gradient(ellipse 32% 16% at 36% 82%, rgba(31,181,232,.30), transparent 76%),
+ radial-gradient(ellipse 15% 22% at 48% 36%, rgba(80,218,245,.20), transparent 70%),
+ radial-gradient(ellipse 22% 14% at 62% 88%, rgba(111,119,238,.20), transparent 72%),
+ radial-gradient(ellipse 14% 20% at 30% 54%, rgba(39,232,226,.24), transparent 70%),
+ radial-gradient(ellipse 18% 13% at 56% 18%, rgba(72,173,251,.22), transparent 72%),
+ radial-gradient(ellipse 15% 22% at 76% 76%, rgba(193,105,235,.22), transparent 72%),
+ radial-gradient(ellipse 20% 12% at 12% 90%, rgba(62,192,247,.24), transparent 74%) !important;
+ opacity: 1;
+ transform: rotate(-4deg) scale(1.08);
+ filter: blur(18px);
+ -webkit-mask-image: none;
+ mask-image: none;
+ pointer-events: none;
+ }
+ .audience-tracks-layout .audience .wrap {
+ position: relative;
+ z-index: 1;
+ }
+ .audience-tracks-layout .audience-content {
+ position: relative;
+ isolation: isolate;
+ }
+ .audience-tracks-layout .audience-content::after {
+ content: "";
+ position: absolute;
+ z-index: -1;
+ top: 50%;
+ right: -105px;
+ width: 390px;
+ height: 460px;
+ border-radius: 68% 32% 57% 43% / 38% 62% 35% 65%;
+ background:
+ radial-gradient(ellipse 58% 66% at 38% 38%, rgba(25,184,255,.72) 0%, rgba(32,128,255,.44) 42%, transparent 78%),
+ radial-gradient(ellipse 52% 44% at 72% 62%, rgba(83,79,239,.36) 0%, rgba(104,76,222,.15) 50%, transparent 82%),
+ radial-gradient(ellipse 44% 32% at 30% 82%, rgba(47,154,255,.28), transparent 76%);
+ transform: translateY(-50%) rotate(-11deg);
+ filter: blur(10px);
+ pointer-events: none;
+ }
+ @media (max-width: 680px) {
+ .audience-tracks-layout .audience {
+ background: transparent !important;
+ }
+ .audience-tracks-layout .audience::after {
+ inset: -4%;
+ opacity: .82;
+ transform: rotate(-3deg) scale(1.06);
+ filter: blur(14px);
+ }
+ .audience-tracks-layout .audience-content::after {
+ right: -135px;
+ width: 320px;
+ height: 380px;
+ opacity: .72;
+ }
+ }
+
+ /* Roadmap recolor: a clearer Shanghai-to-Suzhou progression. */
+ .roadmap .timeline {
+ position: relative;
+ isolation: isolate;
+ background: #0a3d87 !important;
+ border: 1px solid rgba(213,243,255,.28) !important;
+ box-shadow:
+ 0 28px 70px rgba(18,54,112,.25),
+ inset 0 1px rgba(255,255,255,.24),
+ inset 0 -72px 110px rgba(0,18,68,.16) !important;
+ }
+ .roadmap .timeline::before {
+ z-index: 3;
+ height: 3px;
+ background: linear-gradient(90deg,#55e4f5 0%,#4bb7f3 35%,#6b75e8 69%,#b66fe2 100%) !important;
+ }
+ .roadmap .timeline::after {
+ content: "";
+ position: absolute;
+ z-index: 0;
+ inset: 0;
+ background: url("assets/generated/roadmap-pale-blue-dotmaps-full-transparent-v4.png?v=4") center / cover no-repeat;
+ opacity: .22;
+ mix-blend-mode: screen;
+ pointer-events: none;
+ }
+ .roadmap .step {
+ z-index: 1;
+ border-right-color: rgba(224,244,255,.2);
+ text-shadow: 0 1px 12px rgba(0,18,64,.16);
+ }
+ .roadmap .step:nth-child(1) {
+ background: linear-gradient(145deg,rgba(15,139,190,.96),rgba(16,92,174,.92));
+ }
+ .roadmap .step:nth-child(2) {
+ background: linear-gradient(145deg,rgba(20,112,190,.95),rgba(30,76,169,.93));
+ }
+ .roadmap .step:nth-child(3) {
+ background: linear-gradient(145deg,rgba(39,77,174,.95),rgba(54,55,157,.94));
+ }
+ .roadmap .step:nth-child(4) {
+ background: linear-gradient(145deg,rgba(67,61,164,.96),rgba(81,42,137,.96));
+ border-right: 0;
+ }
+ .roadmap .step-mark {
+ background: rgba(225,249,255,.9) !important;
+ box-shadow: 0 0 16px rgba(117,229,255,.42);
+ }
+ .roadmap .step h3 { color: #fff !important; }
+ .roadmap .step p { color: rgba(238,248,255,.78); }
+ .roadmap .step p strong { color: #fff !important; }
+ .roadmap .step-place { color: rgba(213,239,255,.76); }
+ .roadmap .step:hover {
+ z-index: 2;
+ border-color: rgba(255,255,255,.28);
+ box-shadow: inset 0 0 0 1px rgba(255,255,255,.12),0 18px 42px rgba(9,28,84,.22);
+ transform: translateY(-6px);
+ }
+
+ @media (max-width: 680px) {
+ .roadmap .timeline::after { opacity: .14; }
+ .roadmap .step { border-right: 0; }
+ .roadmap .step:nth-child(1) { background: linear-gradient(135deg,rgba(15,139,190,.97),rgba(16,92,174,.95)); }
+ .roadmap .step:nth-child(2) { background: linear-gradient(135deg,rgba(20,112,190,.97),rgba(30,76,169,.95)); }
+ .roadmap .step:nth-child(3) { background: linear-gradient(135deg,rgba(39,77,174,.97),rgba(54,55,157,.96)); }
+ .roadmap .step:nth-child(4) { background: linear-gradient(135deg,rgba(67,61,164,.98),rgba(81,42,137,.98)); }
+ }
+
+ /* Roadmap interaction refresh: remove the top rule and let each stage respond independently. */
+ .roadmap .timeline {
+ border-top: 0 !important;
+ border-right: 0 !important;
+ border-bottom: 0 !important;
+ border-left: 0 !important;
+ overflow: hidden;
+ perspective: none;
+ box-shadow: 0 22px 52px rgba(18,54,112,.2),inset 0 1px rgba(255,255,255,.18) !important;
+ }
+ .roadmap .timeline::before { content: none !important; }
+ .roadmap .step {
+ --spot-x: 50%;
+ --spot-y: 35%;
+ position: relative;
+ overflow: hidden;
+ outline: 0;
+ cursor: pointer;
+ transform: translateZ(0);
+ transform-origin: center bottom;
+ transition: transform .38s cubic-bezier(.2,.75,.2,1), filter .38s ease,
+ box-shadow .38s ease, border-color .38s ease;
+ }
+ .roadmap .step::after {
+ content: "";
+ position: absolute;
+ z-index: -1;
+ inset: 0;
+ background: radial-gradient(circle 190px at var(--spot-x) var(--spot-y),rgba(255,255,255,.22),transparent 72%);
+ opacity: 0;
+ transition: opacity .3s ease;
+ pointer-events: none;
+ }
+ .roadmap .step:is(:hover,:focus-visible,.is-active) {
+ z-index: 4;
+ border-color: rgba(224,244,255,.2);
+ box-shadow: none;
+ filter: brightness(1.08) saturate(1.06);
+ transform: none;
+ }
+ .roadmap .step:is(:hover,:focus-visible,.is-active)::after { opacity: 1; }
+ .roadmap .step:focus-visible .step-mark { background: #fff !important; box-shadow: 0 0 18px rgba(126,235,255,.72); }
+ .roadmap .timeline:has(.step:hover) .step:not(:hover) { filter: saturate(.9) brightness(.94); }
+
+ @media (prefers-reduced-motion: reduce) {
+ .roadmap .step { transition: border-color .15s ease,box-shadow .15s ease; }
+ .roadmap .step:is(:hover,:focus-visible,.is-active) { transform: none; }
+ }
+
+ @media (max-width: 680px) {
+ .roadmap .timeline { overflow: hidden; perspective: none; }
+ .roadmap .step:is(:hover,:focus-visible,.is-active) { transform: none; }
+ .roadmap .timeline:has(.step:hover) .step:not(:hover) { filter: none; }
+ }
+
+ /* Roadmap surface polish: keep the route continuous, soften only its outer silhouette. */
+ .roadmap .timeline {
+ background: transparent !important;
+ border-radius: 0 28px 0 28px;
+ box-shadow:
+ 0 26px 64px rgba(18,54,112,.22),
+ 0 8px 22px rgba(32,104,170,.1),
+ inset 0 1px rgba(255,255,255,.2) !important;
+ }
+ .roadmap .timeline::after {
+ background:
+ linear-gradient(180deg,rgba(255,255,255,.08),transparent 22%,rgba(2,18,66,.08) 100%),
+ url("assets/generated/roadmap-pale-blue-dotmaps-full-transparent-v4.png?v=4") center / cover no-repeat;
+ opacity: .24;
+ }
+ .roadmap .step {
+ border-right: 1px solid rgba(220,242,255,.16);
+ box-shadow:
+ inset 1px 0 rgba(255,255,255,.035),
+ inset 0 1px rgba(255,255,255,.07);
+ }
+ .roadmap .step:first-child { border-radius: 27px 0 0 0; }
+ .roadmap .step:last-child {
+ border-right: 0;
+ border-radius: 0 0 27px 0;
+ }
+ .roadmap .step:nth-child(1) {
+ background: linear-gradient(145deg,rgba(11,151,196,.98),rgba(17,91,169,.95));
+ }
+ .roadmap .step:nth-child(2) {
+ background: linear-gradient(145deg,rgba(24,119,193,.98),rgba(35,75,169,.96));
+ }
+ .roadmap .step:nth-child(3) {
+ background: linear-gradient(145deg,rgba(48,82,181,.98),rgba(58,56,160,.97));
+ }
+ .roadmap .step:nth-child(4) {
+ background: linear-gradient(145deg,rgba(70,63,167,.99),rgba(83,44,139,.98));
+ }
+
+ @media (max-width: 1020px) and (min-width: 681px) {
+ .roadmap .timeline { border-radius: 28px 0 28px 0; }
+ .roadmap .step:first-child { border-radius: 27px 0 0 0; }
+ .roadmap .step:nth-child(2) { border-right: 0; border-radius: 0; }
+ .roadmap .step:nth-child(3) { border-radius: 0; }
+ .roadmap .step:last-child { border-radius: 0 0 27px 0; }
+ }
+
+ @media (max-width: 680px) {
+ .roadmap .timeline { border-radius: 28px 0 28px 0; }
+ .roadmap .step {
+ border-right: 0;
+ border-bottom: 1px solid rgba(220,242,255,.14);
+ border-radius: 0 !important;
+ }
+ .roadmap .step:first-child { border-radius: 27px 0 0 0 !important; }
+ .roadmap .step:last-child {
+ border-bottom: 0;
+ border-radius: 0 0 27px 0 !important;
+ }
+ }
+
+ /* Final roadmap corner/base override. */
+ .roadmap .timeline {
+ background: none !important;
+ border-radius: 28px 0 28px 0 !important;
+ overflow: hidden !important;
+ }
+ .roadmap .timeline::after { content: none !important; }
+ .roadmap .step {
+ border-radius: 0 !important;
+ transform: none !important;
+ }
+ .roadmap .step:first-child { border-radius: 27px 0 0 0 !important; }
+ .roadmap .step:last-child { border-radius: 0 0 27px 0 !important; }
+ @media (max-width: 767.98px) {
+ .hero-map-dots { left: 24%; right: -28%; bottom: 12%; height: 34%; opacity: .09; }
+ .hero-map-dots::before { filter: blur(1.2px); }
+ .hero-map-dots::after { background-size: 19px 16px; opacity: .24; }
+ }
+ /* Participant panel: violet frame, top subject blocks and bottom copy. */
+ .audience-tracks-layout .audience-card {
+ position: relative;
+ border: 0 !important;
+ border-radius: 24px !important;
+ background: rgba(255,255,255,.28) !important;
+ box-shadow: 0 30px 78px rgba(73,53,145,.2),inset 0 1px rgba(255,255,255,.95) !important;
+ backdrop-filter: blur(10px);
+ }
+ .audience-tracks-layout .audience-card::after {
+ content: "";
+ position: absolute;
+ z-index: 5;
+ inset: 16px;
+ border: 2px solid transparent;
+ border-radius: 10px;
+ background: linear-gradient(125deg,#087dcc 0%,#5269dc 48%,#b339d0 100%) border-box;
+ -webkit-mask: linear-gradient(#000 0 0) padding-box,linear-gradient(#000 0 0);
+ -webkit-mask-composite: xor;
+ mask-composite: exclude;
+ pointer-events: none;
+ }
+ .audience-tracks-layout .audience-focus {
+ padding-left: 80px !important;
+ }
+ .audience-tracks-layout .audience-detail {
+ justify-content: center;
+ gap: 34px;
+ background: rgba(255,255,255,.62) !important;
+ backdrop-filter: blur(12px);
+ }
+ .audience-tracks-layout .audience-types {
+ order: 1;
+ grid-template-columns: repeat(3,minmax(0,1fr)) !important;
+ gap: 0 !important;
+ border: 0 !important;
+ }
+ .audience-tracks-layout .audience-type,
+ .audience-tracks-layout .audience-type + .audience-type {
+ min-height: 142px !important;
+ align-items: flex-start !important;
+ justify-content: center;
+ padding: 24px 22px !important;
+ border: 0 !important;
+ border-left: 0 !important;
+ border-radius: 0 !important;
+ background: linear-gradient(105deg,#c9f1fc 0%,#cbdff8 48%,#ead8f5 100%) !important;
+ background-size: 300% 100% !important;
+ background-position: left center !important;
+ box-shadow: inset -1px 0 rgba(66,126,174,.16),inset 0 1px rgba(255,255,255,.72) !important;
+ }
+ .audience-tracks-layout .audience-type:nth-child(2) {
+ background-position: center center !important;
+ }
+ .audience-tracks-layout .audience-type:nth-child(3) {
+ background-position: right center !important;
+ box-shadow: inset 0 1px rgba(255,255,255,.72) !important;
+ }
+ .audience-tracks-layout .audience-type strong {
+ color: #152d50 !important;
+ font-size: 18px !important;
+ }
+ .audience-tracks-layout .audience-type > span {
+ margin-top: 12px;
+ color: rgba(36,81,126,.55) !important;
+ font-size: 10px;
+ font-weight: 700;
+ line-height: 1;
+ letter-spacing: .14em;
+ }
+ .audience-tracks-layout .audience-type:hover {
+ background: linear-gradient(105deg,#c9f1fc 0%,#cbdff8 48%,#ead8f5 100%) !important;
+ background-size: 300% 100% !important;
+ filter: saturate(1.08) brightness(1.02);
+ box-shadow: 0 17px 34px rgba(63,75,161,.18),inset 0 1px rgba(255,255,255,.8) !important;
+ transform: none !important;
+ }
+ .audience-tracks-layout .audience-type:nth-child(1):hover { background-position: left center !important; }
+ .audience-tracks-layout .audience-type:nth-child(2):hover { background-position: center center !important; }
+ .audience-tracks-layout .audience-type:nth-child(3):hover { background-position: right center !important; }
+ .audience-tracks-layout .audience-detail > p {
+ position: relative;
+ order: 2;
+ max-width: none !important;
+ margin: 0 !important;
+ padding: 0 0 24px !important;
+ color: #526f82 !important;
+ font-size: 16px !important;
+ line-height: 1.9 !important;
+ }
+ .audience-tracks-layout .audience-detail > p::after {
+ content: "";
+ position: absolute;
+ right: 0;
+ bottom: 0;
+ width: 66px;
+ height: 3px;
+ border-radius: 999px;
+ background: linear-gradient(90deg,#653bd2 0%,#9f40d4 56%,#d439c7 100%);
+ box-shadow: 0 5px 14px rgba(137,53,199,.24);
+ }
+ @media (max-width: 980px) {
+ .audience-tracks-layout .audience-detail { gap: 28px; }
+ .audience-tracks-layout .audience-focus { padding-left: 64px !important; }
+ }
+ @media (max-width: 680px) {
+ .audience-tracks-layout .audience-card { border-radius: 20px !important; }
+ .audience-tracks-layout .audience-focus { padding-left: 44px !important; }
+ .audience-tracks-layout .audience-detail { gap: 22px; }
+ .audience-tracks-layout .audience-types { grid-template-columns: 1fr !important; gap: 0 !important; }
+ .audience-tracks-layout .audience-type,
+ .audience-tracks-layout .audience-type + .audience-type {
+ min-height: 88px !important;
+ padding: 16px 18px !important;
+ border-bottom: 0 !important;
+ border-left: 0 !important;
+ border-radius: 0 !important;
+ }
+ .audience-tracks-layout .audience-type > span { margin-top: 8px; }
+ .audience-tracks-layout .audience-detail > p { margin: 0 !important; padding-bottom: 22px !important; font-size: 14px !important; }
+ .audience-tracks-layout .audience-detail > p::after { width: 52px; }
+ }
+
+ /* Global small-copy system. Keep supporting copy, labels and metadata on
+ one readable typeface and one size across desktop and mobile. */
+ .nav,
+ .language-switch,
+ .hero-org-row,
+ .section-kicker,
+ .audience-code,
+ .audience-eyebrow,
+ .audience-index span,
+ .tracks-index span,
+ .tracks-kicker,
+ .tracks-heading > p,
+ .audience-tracks-layout .audience-detail > p,
+ .audience-tracks-layout .track-card p,
+ .roadmap-intro,
+ .step p,
+ .step p strong,
+ .step-place,
+ .awards-summary,
+ .award-card small,
+ .award-card p,
+ .footer-brand::before,
+ .footer-brand,
+ .footer-meta,
+ small {
+ font-family: var(--font-small) !important;
+ font-size: var(--font-small-size) !important;
+ }
+ .footer-brand,
+ .footer-meta {
+ font-weight: 400 !important;
+ line-height: 1.5 !important;
+ letter-spacing: .02em !important;
+ }
+ .audience-tracks-layout .audience-type strong {
+ font-family: var(--font-sans) !important;
+ }
+ [lang="en"],
+ .audience-eyebrow,
+ .tracks-kicker,
+ .roadmap-intro strong,
+ .step-place,
+ .roadmap::before,
+ .tracks::after,
+ .awards::after,
+ .awards .section-head::before,
+ .footer-brand::before {
+ font-family: var(--font-en) !important;
+ font-style: normal !important;
+ font-weight: 400 !important;
+ }
+
+
+
+
+
+
+
+
+
+
+
首届沪苏协同新兴产业科创大赛
+
+ - 指导单位：
- 江苏省人民政府驻上海办事处、苏州工业园区管理委员会
+ - 主办单位：
- 苏州市人民政府驻上海联络处、苏州恒泰
+ - 承办单位：
- 沪苏协同创新平台（苏州工业园区站）、苏州光通信产业基地
+ - 协办单位：
- 上海市江苏青年工作委员会、江苏高校上海校友会联席会、上海市新兴产业投资促进会、上海市欧美同学会、苏州光通信产业协会、苏州银行、江苏银行
+ - 支持媒体：
- 新华日报、交汇点新闻、苏州日报、讯石光通信、光纤在线
+
+
+
+
+
+
+
+
+
+
+
+
TARGET PROJECTS
+
初创期（天使期）科技项目
+
+
+
+
+
科技企业ENTERPRISE
+
高校团队UNIVERSITY
+
科研院所INSTITUTE
+
+
面向光通信及相关产业链，重点发掘创新性强、成长性好、市场前景广阔的初创期（天使期）科技项目。
+
+
+
+
+
+
+
+
+
+
+
+
PHOTONICS VALUE CHAIN
贯通产业全链条
+
聚焦从核心元器件到行业场景的关键创新环节
+
+
+
芯片与组件
光芯片、光电元器件、光模块等核心芯片与组件研发创新
+
制造与封装
光电子精密制造、器件封装耦合、量产工艺优化等制造封装技术攻关
+
材料与设备
光电功能新材料、光纤基材及光刻、镀膜、精密测试等专用设备研发
+
场景与应用
面向算力网络、移动通信、车载互联、工业传感、航空航天、医疗等领域的系统方案与应用创新
+
+
+
+
+
+
从报名到决赛
+
COMPETITION FLIGHTPATH一条从上海启程、向苏州汇聚的科创赛道。每一步都不只是筛选，也是让项目更清晰、更成熟的加速过程。
+
+
+
启动仪式暨首场预选赛
2026年 09月征集令与专项基金筹备发布
SHANGHAI · 启程
+
项目征集与赛前辅导
2026年 09—12月公开征集、定向邀请与路演辅导
OPEN CALL · 聚合
+
预选赛
2026年 09—12月计划 3—5 场，每场 10—12 个项目
PITCH · 进阶
+
总决赛暨行业峰会
2027年 第一季度产业、资本与创新项目集中会师
SUZHOU · 决赛
+
+
+
+
+
奖金支持最高15万元
总决赛获奖团队：
一等奖1名，奖励15万元人民币（税前）
二等奖2名，奖励10万元人民币（税前）
三等奖3名，奖励5万元人民币（税前）
+
人才政策支持领军人才计划通道
对符合条件的获奖团队，按规定推荐进入苏州创新创业领军人才计划直接立项或面试评审环节。
+
多层次资本支持千万元级投资意向
开展“一对一”投融资需求对接，链接头部创投机构，择优推动形成最高可达千万元级的股权投资意向。
+
全要素创业服务最高500㎡ · 最长3年
对符合条件的项目按规定提供办公场地租金减免，并提供产业链、技术、市场、管理与人才对接服务。
+
+
+
让好项目加速发生
+
奖金只是起点，更关键的是政策、资本、空间与产业链资源的长期连接。
+
-
