feat(opendream): 重新設計開源築夢計畫說明 dialog (#54)

* feat(opendream): redesign partnership dialog

Rework the Open Dream dialog around the existing marketing information flow. Emphasize student impact, simplify repeated details, and align plan selection with the shared button and price styles in both locales.

Closes #50

* fix(opendream): refine popup layout and eligibility copy

---------

Co-authored-by: Claude <noreply@anthropic.com>

Author: Nat1anWasTaken

public/opendream/sitcontix-placeholder.svg

@@ -78,6 +78,14 @@ const buttonStyle = [
 		color: var(--site-button-color, var(--black, #1d1d1f));
 	}
 
+	.site-button--outlined.interested {
+		--site-button-background: #74bf50;
+		--site-button-color: var(--black, #1d1d1f);
+		--site-button-border-color: #74bf50;
+		--site-button-hover-background: #404044;
+		--site-button-hover-color: var(--white, #fff);
+	}
+
 	.site-button--compact {
 		--site-button-height: 2.25rem;
 		--site-button-icon-size: 1rem;

src/components/Button.astro

@@ -181,27 +181,7 @@ const { title, background, btnText, hero = true, id = Math.random().toString(36)
 		z-index: 1;
 		text-align: left;
 	}
-	.variant-opendream .popup-hero {
-		min-height: 24rem;
-		height: auto;
-		padding: 3.5rem 4rem;
-		display: flex;
-		flex-direction: column;
-		justify-content: center;
-	}
-	.variant-opendream .popup-hero h2 {
-		font-size: clamp(1.15rem, 2vw, 1.6rem);
-		margin-bottom: 1.25rem;
-	}
-	.variant-opendream .popup-hero::after {
-		background: linear-gradient(90deg, rgba(0, 0, 0, 0.86), rgba(0, 0, 0, 0.34));
-	}
-
 	@media screen and (max-width: 45rem) {
-		.variant-opendream .popup-hero {
-			min-height: 30rem;
-			padding: 4rem 1.5rem 2rem;
-		}
 		.popup-hero {
 			height: 20rem;
 			padding: 5rem 2rem 2rem;