/* ========================================================
   公司介紹
======================================================== */

#article-shennfua-about {--sf-navy:#071b32;--sf-blue:#255b87;--sf-gold:#b99a5d;--sf-gold-light:#d4bd89;--sf-text:#263442;--sf-gray:#6f7b86;--sf-line:#dce3e9;position:relative;width:100%;color:var(--sf-text);}
#article-shennfua-about * {box-sizing:border-box;}
#article-shennfua-about img {display:block;width:100%;max-width:none;height:auto;margin:0;}
#article-shennfua-about p {margin:0;}

/* ========================================================
   公司簡介
======================================================== */

#article-shennfua-about .sf-about-hero {display: flex;align-items:center;gap:60px;margin-bottom:90px;flex-direction: column;}
#article-shennfua-about .sf-about-image {position:relative;padding:0 22px 22px 0;}
#article-shennfua-about .sf-about-image::before {position:absolute;right:0;bottom:0;width:72%;height:72%;border:1px solid rgba(185,154,93,.5);content:"";}
#article-shennfua-about .sf-about-image::after {position:absolute;right:0;bottom:0;width:70px;height:4px;background:var(--sf-gold);content:"";}
#article-shennfua-about .sf-about-image img {position:relative;z-index:1;object-fit:cover;}
#article-shennfua-about .sf-about-intro {position:relative;padding:15px 0;}
#article-shennfua-about .sf-about-label {margin-bottom:13px;letter-spacing:.28em;font-family:"Cormorant Garamond",serif;font-size:11px;font-weight:600;line-height:1.5;color:var(--sf-gold);}
#article-shennfua-about .sf-about-title {margin-bottom:27px;letter-spacing:.08em;font-size:clamp(25px,2.2vw,36px);font-weight:500;line-height:1.55;color:var(--sf-navy);}
#article-shennfua-about .sf-about-description {letter-spacing:.045em;font-size:16px;line-height:2;color:var(--sf-text);}
#article-shennfua-about .sf-about-description p {margin-bottom:20px;}
#article-shennfua-about .sf-about-description p:last-child {margin-bottom:0;}
#article-shennfua-about .sf-about-description a {position:relative;margin:0 3px;color:var(--sf-blue);text-decoration:none;}
#article-shennfua-about .sf-about-description a::after {position:absolute;right:0;bottom:-3px;left:0;height:1px;background:var(--sf-gold);transform:scaleX(1);transform-origin:left center;transition:transform .3s ease;content:"";}
#article-shennfua-about .sf-about-description a:hover::after {transform:scaleX(0);transform-origin:right center;}
#article-shennfua-about .sf-about-description a:focus-visible {outline:2px solid var(--sf-blue);outline-offset:4px;}

/* ========================================================
   公司沿革
======================================================== */

#article-shennfua-about .sf-about-history {position:relative;margin:0 -58px;padding: 75px 58px 60px;background:linear-gradient(135deg,#f2f5f7 0%,#f8fafb 100%);overflow:hidden;}
#article-shennfua-about .sf-about-history::before {position:absolute;top:-130px;right:-130px;width:360px;height:360px;border:1px solid rgba(37,91,135,.08);border-radius:50%;content:"";pointer-events:none;}
#article-shennfua-about .sf-about-history-heading {position:relative;z-index:1;max-width:720px;margin-bottom:48px;}
#article-shennfua-about .sf-about-history-heading .sf-about-title {margin-bottom:13px;}
#article-shennfua-about .sf-about-history-heading > p {letter-spacing:.045em;font-size:15px;line-height:1.9;color:var(--sf-gray);}
#article-shennfua-about .sf-about-history-layout {position:relative;z-index:1;display: flex;grid-template-columns:minmax(280px,.8fr) minmax(0,1.2fr);align-items: center;gap: 5px;flex-direction: column;}
#article-shennfua-about .sf-about-history-image {position: relative;width: 100%;}
#article-shennfua-about .sf-about-history-image img {object-fit:cover;box-shadow:0 20px 45px rgba(7,27,50,.12);}
#article-shennfua-about .sf-about-timeline {position:relative;margin:0;padding:0;list-style:none;}
#article-shennfua-about .sf-about-timeline::before {position:absolute;top:12px;bottom:12px;left: 91px;width:1px;background:linear-gradient(180deg,var(--sf-gold),rgba(185,154,93,.2));content:"";}
#article-shennfua-about .sf-about-timeline li {position:relative;display:grid;grid-template-columns:80px minmax(0,1fr);gap:32px;margin:0;padding:0 0 35px;}
#article-shennfua-about .sf-about-timeline li:last-child {padding-bottom:0;}
#article-shennfua-about .sf-about-timeline li::before {position:absolute;top:10px;left: 60px;width:9px;height:9px;border:2px solid var(--sf-gold);border-radius:50%;background:#f5f8f9;content:"";}
#article-shennfua-about .sf-about-year {letter-spacing:.05em;font-family:"Cormorant Garamond",serif;font-size:25px;font-weight:600;line-height:1.2;color:var(--sf-gold);}
#article-shennfua-about .sf-about-event {padding-bottom:30px;border-bottom:1px solid var(--sf-line);}
#article-shennfua-about .sf-about-timeline li:last-child .sf-about-event {padding-bottom:0;border-bottom:0;}
#article-shennfua-about .sf-about-event-title {margin-bottom:7px;letter-spacing:.08em;font-size:17px;font-weight:500;line-height:1.6;color:var(--sf-navy);}
#article-shennfua-about .sf-about-event p {letter-spacing:.04em;font-size:14px;line-height:1.8;color:var(--sf-gray);}

/* ========================================================
   底部圖片
======================================================== */

#article-shennfua-about .sf-about-bottom-image {position:relative;margin-top: 50px;overflow:hidden;}
#article-shennfua-about .sf-about-bottom-image::after {position:absolute;right:0;bottom:0;width:110px;height:5px;background:linear-gradient(90deg,var(--sf-gold),var(--sf-gold-light));content:"";}
#article-shennfua-about .sf-about-bottom-image img {max-height:540px;object-fit:cover;}

@media screen and (max-width:1199px) {
	#article-shennfua-about .sf-about-hero {gap:45px;}
	#article-shennfua-about .sf-about-history-layout {gap:45px;}
}

@media screen and (max-width:991px) {
	#article-shennfua-about .sf-about-hero {grid-template-columns:1fr;gap:40px;margin-bottom:70px;}
	#article-shennfua-about .sf-about-image {max-width:720px;}
	#article-shennfua-about .sf-about-history {margin-right:-45px;margin-left:-45px;padding-right:45px;padding-left:45px;}
	#article-shennfua-about .sf-about-history-layout {grid-template-columns:1fr;gap:45px;}
	#article-shennfua-about .sf-about-history-image {position:relative;top:auto;max-width:720px;}
}

@media screen and (max-width:767px) {
	#article-shennfua-about .sf-about-hero {margin-bottom:55px;}
	#article-shennfua-about .sf-about-title {margin-bottom:20px;font-size:25px;}
	#article-shennfua-about .sf-about-description {font-size:15px;line-height:1.9;}
	#article-shennfua-about .sf-about-history {margin-right:-28px;margin-left:-28px;padding:55px 28px 60px;}
	#article-shennfua-about .sf-about-history-heading {margin-bottom:35px;}
	#article-shennfua-about .sf-about-timeline::before {left:65px;}
	#article-shennfua-about .sf-about-timeline li {grid-template-columns:66px minmax(0,1fr);gap:25px;padding-bottom:30px;}
	#article-shennfua-about .sf-about-timeline li::before {left:61px;}
	#article-shennfua-about .sf-about-year {font-size:22px;}
	#article-shennfua-about .sf-about-bottom-image {margin-top: 0;}
	#innerPage .article-editor img{margin: 0;}
}

@media screen and (max-width:560px) {
	#article-shennfua-about .sf-about-image {padding:0 12px 12px 0;}
	#article-shennfua-about .sf-about-label {letter-spacing:.22em;font-size:10px;}
	#article-shennfua-about .sf-about-title {font-size:22px;}
	#article-shennfua-about .sf-about-history {margin-right:-22px;margin-left:-22px;padding: 22px;}
	#article-shennfua-about .sf-about-timeline::before {left: 11px;}
	#article-shennfua-about .sf-about-timeline li {display:block;padding:0 0 32px 25px;}
	#article-shennfua-about .sf-about-timeline li::before {top:8px;left: -20px;}
	#article-shennfua-about .sf-about-year {margin-bottom:8px;}
	#article-shennfua-about .sf-about-event {padding-bottom:25px;}
}