/* Shared layout refinements. Keep CMS content, actions and original theme intact. */
html { scroll-padding-top: 112px; }
body { margin: 0; padding: 0; }
#cpzx, #order { scroll-margin-top: 0; }

/* One photograph, one reading column, consistent on desktop and mobile. */
.eyou_about.about-refresh { padding: 76px 0 96px; }
.about-layout { display: grid; grid-template-columns: 1.08fr 1fr; gap: clamp(30px, 5vw, 76px); align-items: center; }
.about-photo { margin: 0; overflow: hidden; border-radius: 20px; background: #f3f0eb; }
.about-photo img { display: block; width: 100%; height: auto; aspect-ratio: 1.6; object-fit: cover; object-position: 58% center; }
.about-copy { min-width: 0; }
.about-copy .eyou_allbt { text-align: left; }
.about-copy .eyou_allbt p { justify-content: flex-start; }
.about-copy .abcont { margin: 24px 0 28px; color: #666; font-size: 16px; line-height: 1.95; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 6; overflow: hidden; overflow-wrap: anywhere; }
.about-copy .eyou_more { margin: 0; }
.about-copy .abcont p { font: inherit; }

/* Product summary: typography replaces the old customer-service photograph. */
.pro_detail_text .pro_detail_btn.consultation-card { display: flex; align-items: center; gap: 22px; margin: 28px 0 0; padding: 24px; background: #f7f3ee; border: 1px solid #e9ded0; border-radius: 12px; overflow: visible; }
.consultation-hours { flex: 0 0 auto; padding-right: 22px; border-right: 1px solid #d9c9b7; color: #84694d; font: 700 36px/1.1 Arial, sans-serif; letter-spacing: -2px; }
.consultation-hours > span { font-size: 23px; margin: 0 3px; }
.consultation-hours small { display: block; margin-top: 8px; color: #8a7967; font: 13px/1.5 Microsoft Yahei, sans-serif; letter-spacing: 3px; text-align: center; }
.pro_detail_btn.consultation-card .txt { float: none; flex: 1; width: auto; min-width: 0; margin: 0; }
.pro_detail_btn.consultation-card .txt > span { display: block; font-size: 19px; line-height: 1.5; color: #352f29; }
.pro_detail_btn.consultation-card .txt p { display: block; margin-top: 7px; font-size: 13px; line-height: 1.7; color: #887c70; }
.pro_detail_btn.consultation-card a { float: none; flex: 0 0 auto; width: auto; min-width: 104px; height: auto; margin: 0; padding: 12px 18px; border-radius: 6px; font-size: 15px; line-height: 1.5; }
.consultation-card a:focus-visible, .inquiry-advisor a:focus-visible { outline: 3px solid #bba183; outline-offset: 4px; }
.pro_detail_main .NyProDetail_Pic { border-radius: 14px; }
.pro_detail_main .pro_detail_text { padding-bottom: 0; }
.ey_NyProDetail .eyouProDetail_con { padding-bottom: 48px; }
#spec-list { width: 100%; max-width: 100%; margin-left: 0; }
.eyouProDetail_ConText table { display: block; overflow-x: auto; }

/* Inquiry form and advisor share a natural-height grid without absolute positioning. */
.eyouOrder_msg.inquiry-layout { display: grid; grid-template-columns: minmax(0, 1fr) minmax(250px, .6fr); gap: 28px; align-items: start; padding: 28px; border-radius: 0 0 12px 12px; }
.inquiry-layout > #order { position: absolute; width: 0; height: 0; }
.inquiry-layout > .clear { display: none; }
.eyouOrder_msg.inquiry-layout #ey_msg.ey_msg { float: none; width: 100%; min-width: 0; margin: 0; overflow: visible; }
.inquiry-layout #ey_msg.ey_msg h3 { display: block !important; height: auto; margin: 0 0 20px; padding: 0 0 18px; text-align: left; font-size: 19px; line-height: 1.5; color: #352f29; }
.inquiry-layout #ey_msg.ey_msg ul { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; width: 100%; float: none; margin: 0; padding: 0; overflow: visible; }
.inquiry-layout #ey_msg.ey_msg ul li { float: none; clear: none; width: 100%; margin: 0 !important; overflow: visible; min-width: 0; }
.inquiry-layout #ey_msg.ey_msg ul li:nth-child(2n+2) { margin: 0 !important; }
.inquiry-layout #ey_msg.ey_msg ul li:nth-child(n+7) { grid-column: 1 / -1; }
.inquiry-layout #ey_msg.ey_msg ul li label { display: block; margin: 0 0 7px; font-size: 14px; line-height: 1.6; color: #574d43; }
.inquiry-layout label.xh::after { content: " *"; color: #a64b35; }
.inquiry-layout #ey_msg.ey_msg ul li .msg_ipt1,
.inquiry-layout #ey_msg.ey_msg ul li .msg_ipt12,
.inquiry-layout #ey_msg.ey_msg ul li .msg_ipt2,
.inquiry-layout #ey_msg.ey_msg ul li .msg_btn { float: none !important; width: 100% !important; height: auto !important; min-height: 0; padding: 0 !important; background: none !important; box-sizing: border-box !important; overflow: visible; }
.inquiry-layout #ey_msg.ey_msg ul li input.textborder,
.inquiry-layout #ey_msg.ey_msg ul li .msg_option,
.inquiry-layout #ey_msg.ey_msg ul li textarea { display: block; width: 100%; height: 46px !important; box-sizing: border-box !important; padding: 11px 12px !important; border: 1px solid #e4ddd5 !important; border-radius: 6px; background: #fcfbf9 !important; font-size: 14px !important; line-height: 22px !important; color: #494039 !important; }
.inquiry-layout #ey_msg.ey_msg ul li textarea { min-height: 140px; height: 140px !important; resize: vertical; }
.inquiry-layout #ey_msg.ey_msg ul li input:focus,
.inquiry-layout #ey_msg.ey_msg ul li textarea:focus,
.inquiry-layout #ey_msg.ey_msg ul li select:focus { outline: 2px solid #b59a7c; outline-offset: 2px; }
.inquiry-layout #ey_msg.ey_msg ul li .msg_btn { display: flex; gap: 12px; }
.inquiry-layout #ey_msg.ey_msg ul li .msg_btn input { width: auto !important; min-width: 100px; height: 44px !important; margin: 0 !important; padding: 0 24px !important; border-radius: 6px; font-size: 14px !important; }
.inquiry-layout #ey_msg.ey_msg .msg_btn input[type="reset"] { color: #75634e; background: #ede6dd; }
.inquiry-layout #ey_msg.ey_msg ul li .c_yzm { display: flex; float: none; width: 100%; margin: 0; align-items: center; flex-wrap: wrap; gap: 12px; padding-bottom: 0; }
.inquiry-layout #ey_msg.ey_msg .msg_ipt2 input { margin: 0; }
.inquiry-layout #ey_msg.ey_msg ul li a.yzm_img { float: none; width: 100px !important; padding: 0 !important; margin: 0; }
.inquiry-advisor { padding: 26px; border: 1px solid #e7ddcf; border-radius: 12px; background: linear-gradient(155deg, #f6f0e7, #fffdf9); min-width: 0; }
.advisor-identity { display: flex; align-items: center; gap: 14px; }
.advisor-avatar { display: block; flex: 0 0 auto; width: 72px; height: 72px; border-radius: 50%; }
.advisor-eyebrow { color: #9a8267; font-size: 10px; letter-spacing: 1.5px; }
.advisor-identity h3 { margin-top: 5px; font-size: 20px; font-weight: 700; color: #45372a; }
.inquiry-advisor > p { margin-top: 22px; font-size: 14px; line-height: 1.9; color: #817362; }
.advisor-steps { margin: 22px 0; }
.advisor-steps li { display: flex; align-items: center; gap: 10px; padding: 9px 0; color: #625647; font-size: 13px; }
.advisor-steps li span { color: #a08a70; font: 12px/1.5 Arial, sans-serif; }
.advisor-contact { padding-top: 20px; border-top: 1px solid #e5d9c9; }
.advisor-contact > span { display: block; color: #8b7a67; font-size: 12px; }
.advisor-contact a { display: inline-block; margin-top: 7px; color: #735a3f; font: 700 23px/1.5 Arial, sans-serif; overflow-wrap: anywhere; }
.advisor-more { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-top: 20px; padding: 11px 14px; border: 1px solid #d9c9b5; border-radius: 6px; font-size: 13px; color: #75604a; }
.advisor-more:hover { background: #eee4d6; }

/* The footer ends at its copyright strip; long text wraps instead of being clipped. */
footer { display: flow-root; margin-bottom: 0; padding-bottom: 0; }
footer .fttop { margin-top: 0; padding-top: 44px; }
footer .foot_copy { margin: 0; padding: 18px 0; }
footer .foot_copy_main p { float: none; height: auto; min-height: 0; line-height: 1.8; font-size: 14px; text-align: center; overflow-wrap: anywhere; }
footer .foot_copy_main p a { font-size: inherit; }
footer .indlink[hidden] { display: none; }
.eyou_lx { padding-top: 72px; padding-bottom: 72px; }

@media (max-width: 1399px) and (min-width: 1080px) {
  .pro_detail_text .pro_detail_btn.consultation-card { flex-wrap: wrap; gap: 18px; padding: 20px; }
  .pro_detail_btn.consultation-card a { margin-left: auto; }
  .consultation-hours { font-size: 30px; }
  .eyouOrder_msg.inquiry-layout { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 1079px) {
  html { scroll-padding-top: 88px; }
  .apple-banner, .ey_banner { margin: 0 auto; }
  .eyou_about.about-refresh { padding: 24px 0 44px; }
  .about-layout { grid-template-columns: 1fr; gap: 28px; }
  .about-photo img { aspect-ratio: 2.7; }
  .about-copy .abcont { margin: 18px 0 24px; -webkit-line-clamp: 5; }
  .about-copy .eyou_allbt, .about-copy .abcont { text-align: left; }
  .eyouOrder_msg.inquiry-layout { grid-template-columns: minmax(0, 1fr) minmax(250px, .6fr); gap: 24px; }
}
@media (max-width: 800px) {
  .eyouOrder_msg.inquiry-layout { grid-template-columns: minmax(0, 1fr); }
  .inquiry-advisor { display: block; }
  .advisor-steps { display: flex; flex-wrap: wrap; column-gap: 24px; }
  .pro_detail_main .pro_detail_text { min-height: 0; padding-bottom: 0; }
  .pro_detail_main .NyProDetail_Pic { padding: 20px; }
}
@media (max-width: 767px) {
  .eyou_about.about-refresh { padding: 20px 0 36px; }
  .about-layout { gap: 24px; }
  .about-photo { border-radius: 12px; }
  .about-photo img { aspect-ratio: 1.8; }
  .about-copy .abcont { font-size: 14px; line-height: 1.9; }
  .pro_detail_text .pro_detail_btn.consultation-card { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 16px; margin-top: 22px; padding: 18px; }
  .consultation-hours { font-size: 30px; padding-right: 16px; }
  .consultation-hours small { font-size: 11px; letter-spacing: 2px; }
  .pro_detail_btn.consultation-card .txt > span { font-size: 16px; }
  .pro_detail_btn.consultation-card .txt p { font-size: 12px; }
  .pro_detail_btn.consultation-card a { grid-column: 1 / -1; width: 100%; text-align: center; margin: 0; }
  .eyouOrder_msg.inquiry-layout { padding: 20px 16px; gap: 24px; }
  .inquiry-layout #ey_msg.ey_msg ul { grid-template-columns: minmax(0, 1fr); }
  .inquiry-layout #ey_msg.ey_msg ul li { margin: 0 !important; }
  .inquiry-layout #ey_msg.ey_msg ul li .msg_btn input { flex: 1; min-width: 0; }
  .inquiry-advisor { padding: 22px; }
  .advisor-steps { display: block; }
  .ey_NyProDetail .eyouProDetail_con { padding-bottom: 32px; }
  .eyou_lx { padding: 38px 0; }
  footer .fttop { padding-top: 28px; }
  footer .fttop .one { display: flex; align-items: center; gap: 20px; }
  footer .fttop .one img { width: 120px; max-width: 38%; }
  footer .fttop .one .fotvav { display: flex; flex: 1; float: none; flex-wrap: wrap; justify-content: flex-end; gap: 8px 14px; width: auto; height: auto; }
  footer .fttop .one .fotvav a { width: auto; font-size: 13px; }
  footer .fttop .one .fotvav a::before { display: none; }
  footer .fttop .two .left { display: flex; gap: 20px; }
  footer .fttop .two .left .fotewm { flex: 0 0 100px; width: 100px; }
  footer .fttop .two .left .fotewm .kuang { width: 100px; height: 100px; }
  footer .fttop .two .left .fotewm p { font-size: 11px; }
  footer .fttop .two .left .ftlxfs { flex: 1; width: auto; min-width: 0; }
  footer .fttop .two .left .ftlxfs dd { margin: 0 0 16px; }
  footer .fttop .two .left .ftlxfs dd em { display: none; }
  footer .fttop .two .left .ftlxfs dd .lxzi { float: none; width: 100%; font-size: 12px; }
  footer .fttop .two .left .ftlxfs dd .lxzi p { display: block; max-height: none; margin-top: 4px; font-size: 13px; line-height: 1.7; overflow: visible; overflow-wrap: anywhere; }
  footer .fttop .indlink { margin-bottom: 24px; padding: 14px; }
  footer .foot_copy_main p { font-size: 12px; }
  .kfview { width: 42px; top: auto; bottom: 16px; right: 8px !important; border-radius: 22px; }
  .kfview .kfbtn { display: none; }
  .kfMain ul li a, .kfMain ul li:nth-child(1) a { padding: 0 6px; }
  .kfMain ul li a p, .kfMain ul li:nth-child(1) a p { padding: 4px 0; border: 0; }
  .kfMain ul li a p i, .kfMain ul li.kftop a p i { height: 34px; background-size: 24px; }
  .kfMain ul li a span, .kfMain ul li .pf_tel { display: none !important; }
}
@media (prefers-reduced-motion: reduce) {
  .about-refresh *, .consultation-card *, .inquiry-advisor * { animation: none !important; transition: none !important; }
}