/* 全域設定與背景浮水印 */
#company-profile-section { padding: 100px 0%; font-family: 'PingFang TC','Microsoft JhengHei',sans-serif; color: #333; overflow: hidden; position: relative; line-height: 1.6; }
#company-profile-section .bg-watermark { position: absolute; top: 10%; right: -5%; font-size: 200px; font-weight: 900; color: rgba(0,0,0,0.02); text-transform: uppercase; transform: rotate(90deg); transform-origin: right top; z-index: 0; pointer-events: none; letter-spacing: 10px; }
#company-profile-section .container { max-width: 1200px; margin: 0 auto; position: relative; z-index: 1; display: flex; flex-direction: column; gap: 120px; }
/* 區塊 1：公司介紹 (錯落層疊卡片設計) */
#company-profile-section .about-module { display: flex; align-items: flex-start; justify-content: center; position: relative; }
#company-profile-section .about-img-box { width: 50%; max-width: 550px; position: relative; border-radius: 24px; box-shadow: 0 20px 40px rgba(0,0,0,0.08); z-index: 1; }
#company-profile-section .about-img-box .img-inner { width: 100%; height: 450px; background-size: cover; background-position: center; border-radius: 24px; }
#company-profile-section .year-badge { position: absolute; bottom: -30px; right: -30px; width: 100px; height: 100px; background-color: #ffde00; border-radius: 50%; display: flex; flex-direction: column; align-items: center; justify-content: center; transform: rotate(-10deg); box-shadow: 0 10px 25px rgba(255,222,0,0.4); }
#company-profile-section .year-badge .num { font-size: 28px; font-weight: 900; color: #222; line-height: 1; }
#company-profile-section .year-badge .txt { font-size: 12px; font-weight: 700; color: #222; letter-spacing: 1px; margin-top: 4px; }
#company-profile-section .about-text-card { width: 55%; margin-left: -10%; margin-top: 60px; background: #fff; padding: 60px 50px; border-radius: 24px; box-shadow: 0 25px 60px rgba(0,0,0,0.06); z-index: 2; position: relative; }
#company-profile-section .gradient-line { position: absolute; top: 0; left: 0; width: 100%; height: 6px; background: linear-gradient(90deg,#00d2ff,#00e676,#ffde00,#ff6b8b); border-top-left-radius: 24px; border-top-right-radius: 24px; }
#company-profile-section .sub-heading { display: block; font-size: 14px; color: #ff6b8b; font-weight: 700; letter-spacing: 2px; margin-bottom: 15px; }
#company-profile-section .title-wrapper { margin-bottom: 30px; }
#company-profile-section .main-title { position: relative; z-index: 1; display: inline-block; font-size: 38px; font-weight: 900; color: #222; letter-spacing: 1px; }
#company-profile-section .highlight-pink::after { content: ''; position: absolute; left: -5px; bottom: 6px; width: calc(100% + 10px); height: 16px; background-color: #ffe4eb; z-index: -1; border-radius: 2px; }
#company-profile-section .highlight-yellow::after { content: ''; position: absolute; left: -5px; bottom: 6px; width: calc(100% + 10px); height: 16px; background-color: #fff0b3; z-index: -1; border-radius: 2px; }
#company-profile-section .content-text { font-size: 16px; line-height: 1.8; color: #666; margin-bottom: 30px; }
#company-profile-section .text-link { color: #222; font-weight: 600; text-decoration: none; border-bottom: 2px solid #ddd; padding-bottom: 2px; transition: all 0.3s ease; }
#company-profile-section .text-link:hover { color: #ff6b8b; border-color: #ff6b8b; }
#company-profile-section .action-btn { display: inline-flex; align-items: center; padding: 12px 30px; background: #fff; border: 1px solid #eaeaea; border-radius: 40px; font-size: 15px; font-weight: 700; color: #333; text-decoration: none; box-shadow: 0 4px 15px rgba(0,0,0,0.03); transition: all 0.3s ease; }
#company-profile-section .action-btn:hover { box-shadow: 0 10px 25px rgba(0,0,0,0.08); transform: translateY(-3px); }
#company-profile-section .action-btn span { color: #ff6b8b; margin-left: 12px; font-size: 18px; transition: transform 0.3s ease; }
#company-profile-section .action-btn:hover span { transform: translateX(5px); }
/* 區塊 2：營業項目 (左靜態、右卡片列) */
#company-profile-section .service-module { display: flex; align-items: flex-start; justify-content: space-between; gap: 60px; }
#company-profile-section .service-left { width: 35%; position: sticky; top: 100px; }
#company-profile-section .service-desc { font-size: 16px; line-height: 1.8; color: #666; margin-bottom: 40px; }
#company-profile-section .service-img-mini { width: 100%; height: 250px; background-size: cover; background-position: center; border-radius: 20px; box-shadow: 0 15px 30px rgba(0,0,0,0.06); }
#company-profile-section .service-right { width: 60%; display: flex; flex-direction: column; gap: 20px; }
#company-profile-section .service-card { background: #fff; padding: 30px 40px; border-radius: 16px; box-shadow: 0 10px 30px rgba(0,0,0,0.03); display: flex; align-items: center; position: relative; overflow: hidden; transition: transform 0.3s ease,box-shadow 0.3s ease; }
#company-profile-section .service-card:hover { transform: translateY(-5px); box-shadow: 0 15px 40px rgba(0,0,0,0.08); }
#company-profile-section .service-card::before { content: ''; position: absolute; left: 0; top: 0; height: 100%; width: 8px; }
#company-profile-section .border-blue::before { background-color: #00d2ff; }
#company-profile-section .border-pink::before { background-color: #ff6b8b; }
#company-profile-section .border-yellow::before { background-color: #ffde00; }
#company-profile-section .border-black::before { background-color: #333333; }
#company-profile-section .border-green::before { background-color: #00e676; }
#company-profile-section .service-num { font-size: 18px; font-weight: 900; color: #ccc; margin-right: 25px; font-family: 'Arial',sans-serif; }
#company-profile-section .service-name { font-size: 20px; font-weight: 700; color: #333; flex-grow: 1; }
#company-profile-section .service-icon { width: 45px; height: 45px; border-radius: 50%; background-color: #f0f4f8; display: flex; align-items: center; justify-content: center; font-size: 20px; }
@media (max-width:992px) {
  #company-profile-section .about-module { flex-direction: column; align-items: center; }
  #company-profile-section .about-img-box { width: 90%; max-width: none; }
  #company-profile-section .about-text-card { width: 95%; margin-left: 0; margin-top: -40px; padding: 40px 30px; }
  #company-profile-section .service-module { flex-direction: column; }
  #company-profile-section .service-left { width: 100%; position: static; margin-bottom: 30px; text-align: center; }
  #company-profile-section .service-right { width: 100%; }
}
@media (max-width:576px) {
  #company-profile-section { padding: 0px 0px; }
  #company-profile-section .container { gap: 80px; }
  #company-profile-section .main-title { font-size: 28px; }
  #company-profile-section .about-img-box .img-inner { height: 300px; }
  #company-profile-section .year-badge { width: 80px; height: 80px; bottom: -20px; right: -10px; }
  #company-profile-section .year-badge .num { font-size: 22px; }
  #company-profile-section .about-text-card { padding: 30px 20px; }
  #company-profile-section .service-card { padding: 20px; }
  #company-profile-section .service-name { font-size: 16px; }
  #company-profile-section .service-num { margin-right: 15px; font-size: 16px; }
  #company-profile-section .service-icon { width: 35px; height: 35px; }
}