/* Compact company pages: information starts directly below the navigation. */
.company-page { padding:132px 0 70px; }
.company-heading { margin:0 0 32px; max-width:760px; }
.company-heading h1 { margin:0 0 13px; font:600 clamp(30px,3vw,42px)/1.3 var(--display); letter-spacing:-.025em; }
.company-heading > p { margin:0; color:var(--muted); font-size:15px; line-height:1.9; }
.company-label { margin:0 0 12px; color:#977345; font-size:12px; letter-spacing:.06em; }
.company-section { margin-top:54px; }
.company-section > h2,.company-section-heading h2,.company-contact-details h2,.company-welfare-copy h2,.company-welfare-notes h2 { margin:0 0 22px; font:600 25px/1.4 var(--display); }
.company-section-heading { margin-bottom:22px; display:flex; align-items:center; justify-content:space-between; gap:25px; }
.company-section-heading h2 { margin-bottom:0; }
.company-section-heading p { margin:0; color:var(--muted); font-size:13px; line-height:1.8; }
.company-contact-layout { display:grid; grid-template-columns:1.45fr 1fr; gap:22px; align-items:stretch; }
.company-wechat-card { display:grid; grid-template-columns:224px minmax(0,1fr); gap:30px; align-items:center; padding:34px; border:1px solid var(--line); border-radius:20px; background:#faf7f0; scroll-margin-top:115px; }
.company-qr img { display:block; width:224px; aspect-ratio:1; height:auto; padding:10px; background:white; border-radius:10px; }
.company-qr small { display:block; margin-top:11px; text-align:center; font-size:12px; color:var(--muted); }
.company-wechat-card h2 { margin:0 0 15px; font:600 29px/1.35 var(--display); }
.company-wechat-card p:not(.company-label) { margin:0; color:var(--muted); font-size:14px; line-height:1.95; }
.company-wechat-card .company-note { margin-top:18px !important; font-size:12px !important; color:var(--dim) !important; }
.company-contact-details { padding:30px; border:1px solid var(--line); border-radius:20px; background:var(--panel); }
.company-contact-details > a,.company-contact-details > div { display:grid; grid-template-columns:minmax(0,1fr) 20px; margin:0; padding:16px 0; gap:6px 12px; border-top:1px solid var(--line); }
.company-contact-details span { grid-column:1; color:var(--muted); font-size:11px; }
.company-contact-details strong,.company-contact-details address { grid-column:1; font:500 16px/1.65 var(--display); overflow-wrap:anywhere; }
.company-contact-details i { grid-column:2; grid-row:1 / 3; align-self:center; color:#9c7648; font-style:normal; }
.company-contact-details > a:hover strong { color:#9c7648; }
.company-service-links { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; }
.company-service-links > a { display:flex; flex-direction:column; padding:27px; border:1px solid var(--line); border-radius:16px; background:var(--panel); transition:border-color .2s,box-shadow .2s; }
.company-service-links > a:hover { border-color:#b6966b; box-shadow:0 10px 25px rgba(74,48,19,.05); }
.company-service-links span { margin-bottom:16px; color:#977345; font-size:11px; }
.company-service-links strong { font:600 21px/1.45 var(--display); }
.company-service-links p { margin:13px 0 20px; color:var(--muted); font-size:13px; line-height:1.8; }
.company-service-links b { margin-top:auto; color:#977345; font-weight:400; font-size:12px; }
.company-social { display:flex; justify-content:space-between; gap:25px; margin-top:45px; padding-top:28px; border-top:1px solid var(--line); }
.company-social h2 { margin:0 0 8px; font:600 21px/1.4 var(--display); }
.company-social p { margin:0; color:var(--muted); font-size:13px; }
.company-social > div:last-child { display:flex; flex-wrap:wrap; align-items:center; gap:10px; }
.company-social span { padding:11px 15px; border:1px solid var(--line); border-radius:999px; font-size:12px; color:var(--muted); }
.company-origin { display:grid; grid-template-columns:.82fr 1.18fr; gap:48px; align-items:center; }
.company-origin figure { margin:0; }
.company-origin img { display:block; width:100%; max-height:390px; object-fit:cover; border-radius:18px; }
.company-origin figcaption { margin-top:10px; color:var(--dim); font-size:10px; }
.company-origin h2 { margin:0 0 20px; font:600 30px/1.4 var(--display); }
.company-origin p:not(.company-label) { margin:0 0 15px; color:var(--muted); font-size:14px; line-height:1.95; }
.company-team { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; }
.company-team article { padding:26px; border:1px solid var(--line); border-radius:16px; background:var(--panel); }
.company-team h3 { margin:0 0 8px; font:600 21px/1.5 var(--display); }
.company-team span { font-size:11px; color:#977345; }
.company-team p { margin:16px 0 0; color:var(--muted); font-size:13px; line-height:1.85; }
.company-principles > div { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:35px; border-top:1px solid var(--line); }
.company-principles article { padding-top:23px; }
.company-principles span { color:#ab8859; font-size:12px; }
.company-principles h3 { margin:13px 0 10px; font:600 19px/1.5 var(--display); }
.company-principles p { margin:0; color:var(--muted); font-size:13px; line-height:1.85; }
.company-bottom-link { margin-top:48px; padding-top:30px; display:flex; align-items:center; justify-content:space-between; gap:20px; border-top:1px solid var(--line); }
.company-bottom-link p { margin:0; color:var(--muted); font-size:15px; }
.company-welfare-panel { display:grid; grid-template-columns:1.15fr .85fr; gap:60px; padding:42px; border:1px solid var(--line); border-radius:22px; background:var(--panel); scroll-margin-top:115px; }
.company-welfare-count { margin:0 0 30px; color:#997341; font:600 58px/1.2 var(--display); }
.company-welfare-count span { display:inline-block; margin-left:18px; vertical-align:middle; color:var(--text); font:400 16px/1.6 var(--display); }
.company-welfare-copy h2 { font-size:23px; margin-bottom:18px; }
.company-steps { display:grid; gap:18px; list-style:none; padding:0; margin:0; }
.company-steps li { display:flex; gap:18px; align-items:start; }
.company-steps li > span { padding-top:3px; color:#a88457; font-size:12px; }
.company-steps h3 { margin:0 0 5px; font:600 16px/1.6 var(--display); }
.company-steps p { margin:0; color:var(--muted); font-size:13px; line-height:1.8; }
.company-welfare-qr { display:flex; align-items:center; flex-direction:column; justify-content:center; padding-left:35px; border-left:1px solid var(--line); text-align:center; }
.company-welfare-qr img { width:240px; height:auto; padding:12px; background:white; border-radius:12px; }
.company-welfare-qr h3 { margin:20px 0 8px; font:600 23px/1.5 var(--display); }
.company-welfare-qr p { margin:0 0 10px; color:var(--muted); font-size:14px; }
.company-welfare-qr small { color:var(--dim); font-size:11px; }
.company-welfare-notes { margin-top:34px; max-width:800px; }
.company-welfare-notes h2 { margin-bottom:13px; font-size:20px; }
.company-welfare-notes ul { padding-left:18px; margin:0; color:var(--muted); font-size:13px; line-height:2.1; }
@media(max-width:1100px) { .company-contact-layout { grid-template-columns:1fr; } .company-contact-details { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:0 25px; } .company-contact-details h2 { grid-column:1 / -1; } .company-origin { gap:30px; } }
@media(max-width:760px) { .company-page { padding-top:112px; padding-bottom:45px; } .company-heading { margin-bottom:25px; } .company-service-links,.company-team { grid-template-columns:1fr; gap:12px; } .company-service-links > a { padding:24px; } .company-service-links span { margin-bottom:10px; } .company-service-links p { margin-bottom:14px; } .company-contact-details { display:block; } .company-wechat-card { grid-template-columns:150px minmax(0,1fr); gap:22px; padding:24px; } .company-qr img { width:150px; } .company-wechat-card h2 { font-size:25px; } .company-origin { grid-template-columns:1fr; gap:25px; } .company-origin img { max-height:280px; } .company-section-heading { display:block; } .company-section-heading p { margin-top:10px; } .company-section { margin-top:36px; } .company-principles > div { grid-template-columns:1fr; gap:0; } .company-principles article { padding:22px 0; border-bottom:1px solid var(--line); } .company-social,.company-bottom-link { flex-direction:column; align-items:start; } .company-welfare-panel { grid-template-columns:1fr; gap:30px; padding:28px; } .company-welfare-qr { padding:28px 0 0; border-left:0; border-top:1px solid var(--line); } }
@media(max-width:480px) { .company-wechat-card { grid-template-columns:1fr; } .company-wechat-card .company-qr { justify-self:center; } .company-qr img { width:208px; } .company-qr { order:2; } .company-wechat-card h2 { font-size:27px; } .company-heading > p { font-size:14px; } .company-welfare-count { font-size:52px; } .company-welfare-count span { font-size:14px; margin-left:12px; } .company-welfare-qr img { width:220px; } }

/* About: three paragraphs and compact crops of the original team visual. */
.company-about .company-heading { margin-bottom:20px; }
.company-about-introduction { max-width:920px; }
.company-about-introduction p { margin:0 0 24px; color:var(--muted); font-size:15px; line-height:1.95; }
.company-about-introduction p:last-child { margin-bottom:0; }
.company-about-introduction strong { display:block; margin-bottom:7px; color:var(--text); font:600 19px/1.5 var(--display); }
.company-team-portrait { position:relative; width:96px; height:96px; margin:0 0 19px; overflow:hidden; border:1px solid var(--line); border-radius:50%; background:#16191b; }
.company-team-portrait img { position:absolute; display:block; width:281.4815%; max-width:none; height:auto; }
.company-team-portrait-left img { left:-11.1111%; top:-92.5926%; }
.company-team-portrait-center img { left:-88.8889%; top:-120.3704%; }
.company-team-portrait-right img { left:-180.3704%; top:-103.7037%; }
.company-team-disclosure { margin:13px 0 0; color:var(--dim); font-size:10px; line-height:1.7; }
@media(max-width:760px) { .company-about-introduction p { font-size:14px; line-height:1.95; } .company-about-introduction strong { font-size:18px; } .company-team-portrait { width:88px; height:88px; margin-bottom:17px; } }