系友勉勵
/* --- EASY TO EDIT COLORS & STYLES --- */ :root { --primary-color: #49aaa3; /* Teal color */ --secondary-color: #8ac8c4; /* Light teal color */ --accent-line: #bde0dd; /* Very light teal for the right line */ --text-dark: #333333; /* Dark gray for body text */ } .career-header-container { font-family: "Microsoft JhengHei", "微軟正黑體", Tahoma, Arial, sans-serif; margin: 20px auto; max-width: 800px; /* Limits maximum width on desktop */ width: 100%; padding: 0 10px; box-sizing: border-box; } /* Flexbox wrapper to handle desktop layout and mobile stacking */ .flex-wrapper { display: flex; align-items: stretch; gap: 15px; margin-bottom: 20px; } /* Left Side: Main Title Block */ .title-block { background-color: var(--primary-color); color: #ffffff; font-size: 24px; font-weight: bold; padding: 15px 25px; text-align: center; display: flex; align-items: center; justify-content: center; white-space: nowrap; border-radius: 4px; } /* Right Side: Content Area */ .content-block { flex-grow: 1; display: flex; flex-direction: column; justify-content: center; } /* Top row of the right side */ .subtitle-row { font-size: 24px; font-weight: bold; padding-bottom: 8px; } .text-primary { color: var(--primary-color); } .text-secondary { color: var(--secondary-color); } /* The decorative colored lines */ .line-row { display: flex; height: 4px; } .line-left { width: 120px; background-color: var(--primary-color); } .line-right { flex-grow: 1; background-color: var(--accent-line); } /* Bottom Instruction Text */ .instruction-text { text-align: center; font-size: 18px; font-weight: bold; color: var(--text-dark); margin-top: 15px; line-height: 1.5; } /* --- MOBILE RESPONSIVE STYLES --- */ @media (max-width: 600px) { .flex-wrapper { flex-direction: column; /* Stacks vertically on small screens */ gap: 10px; } .title-block { width: 100%; box-sizing: border-box; padding: 12px; } .subtitle-row { text-align: center; padding-bottom: 12px; } .line-left { width: 40%; /* Adjusts line width visually on mobile */ } } 職涯規劃 系友 • 勉勵 按下系友照片可以看到他們想對學弟妹說的話唷！
