@charset "utf-8";
/* 首页 · 为何选择TransInfo（页面级样式，仅首页引用） */
.wy-main,.wy-main *{box-sizing:border-box}
.wy-main{position:relative;background:#f5f8fb;padding:calc(58 * 1rem / 100) 0 calc(66 * 1rem / 100)}
.wy-inner{width:14rem;max-width:calc(100% - 40px);margin:0 auto}
.wy-head{margin-bottom:calc(30 * 1rem / 100)}
h2.wy-tit{margin:0;color:#1c2b36;font-size:max(21px,calc(42 * 1rem / 100));font-weight:700;line-height:1.28;letter-spacing:-.01em}
.wy-lead{margin:calc(14 * 1rem / 100) 0 0;color:#5b6b77;font-size:max(14px,calc(18 * 1rem / 100));line-height:1.78;letter-spacing:.02em;text-wrap:normal}

.wy-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:calc(20 * 1rem / 100)}
.wy-card{background:#fff;border:1px solid #e6edf2;border-radius:calc(18 * 1rem / 100);padding:calc(26 * 1rem / 100) calc(24 * 1rem / 100);display:flex;flex-direction:column;gap:calc(10 * 1rem / 100);min-width:0;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}
.wy-card:not(.teaser):hover{transform:translateY(-4px);box-shadow:0 calc(4 * 1rem / 100) calc(16 * 1rem / 100) rgba(12,18,24,.08),0 calc(12 * 1rem / 100) calc(32 * 1rem / 100) rgba(12,18,24,.06);border-color:#b9d9e8}
.wy-card h3{margin:0;font-size:max(17px,calc(20 * 1rem / 100));line-height:1.4;font-weight:700;color:#0c1218}
.wy-card p{margin:0;font-size:max(14px,calc(16 * 1rem / 100));line-height:1.8;color:#5b6b77}
.wy-card:nth-child(3),.wy-card:nth-child(6){padding:calc(30 * 1rem / 100) calc(32 * 1rem / 100);gap:calc(12 * 1rem / 100)}
.wy-card:nth-child(3){grid-row:2;grid-column:1 / 3}
.wy-card:nth-child(6){grid-row:2;grid-column:3 / 5}

.wy-quote{flex:1;margin:0;padding:calc(18 * 1rem / 100) calc(20 * 1rem / 100);background:#eaf4fa;border:0;border-radius:calc(12 * 1rem / 100);font-size:max(13px,calc(15 * 1rem / 100));line-height:1.85;color:#08587f}
.wy-quote p{margin:0;font:inherit;color:inherit}

.wy-card--last{display:grid;grid-template-columns:1fr auto;grid-template-areas:"title cta" "copy copy" "foot foot";align-content:space-between;column-gap:calc(16 * 1rem / 100);row-gap:calc(12 * 1rem / 100)}
.wy-card--last h3{grid-area:title;align-self:center}
.wy-card--last > p{grid-area:copy}
.wy-foot{grid-area:foot;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;column-gap:calc(16 * 1rem / 100);padding-top:calc(16 * 1rem / 100);border-top:1px solid #eef4f8}
.wy-stat{display:flex;flex-direction:column;gap:calc(4 * 1rem / 100);min-width:0}
.wy-stat-line{display:flex;align-items:baseline;gap:0;white-space:nowrap}
.wy-stat-line b{font-size:max(26px,calc(34 * 1rem / 100));line-height:1;font-weight:800;color:#0b70a1}
.wy-stat-line span{font-size:max(13px,calc(14 * 1rem / 100));line-height:1.5;color:#5b6b77}
.wy-stat i{font-style:normal;font-size:max(13px,calc(14 * 1rem / 100));line-height:1.5;color:#5b6b77}
.wy-stat:nth-child(3){justify-self:end}
.wy-divider{width:1px;align-self:stretch;background:#c7ddeb}

.wy-cta{grid-area:cta;align-self:center;justify-self:end;display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:calc(8 * 1rem / 100) calc(14 * 1rem / 100);min-height:calc(38 * 1rem / 100);border:1px solid #dbe7ef;border-radius:calc(10 * 1rem / 100);background:#fff;color:#1c2b36;font-size:max(13px,calc(14 * 1rem / 100));font-weight:600;line-height:1;white-space:nowrap;text-decoration:none;transition:background .2s ease,border-color .2s ease,color .2s ease,box-shadow .2s ease}
.wy-cta:hover{background:#eaf4fa;border-color:#0b70a1;color:#08587f;box-shadow:0 calc(4 * 1rem / 100) calc(12 * 1rem / 100) rgba(11,112,161,.12)}
.wy-cta:focus-visible{outline:2px solid #0b70a1;outline-offset:2px}
.wy-arrow{display:inline-block;line-height:1;transition:transform .2s ease}
.wy-cta:hover .wy-arrow{transform:translateX(4px)}

.wy-main .teaser{transition:opacity 1s cubic-bezier(.25,.1,.25,1),transform 1s cubic-bezier(.25,.1,.25,1)}
.wy-card.teaser:nth-child(1){transition-delay:.06s}
.wy-card.teaser:nth-child(2){transition-delay:.12s}
.wy-card.teaser:nth-child(3){transition-delay:.18s}
.wy-card.teaser:nth-child(4){transition-delay:.24s}
.wy-card.teaser:nth-child(5){transition-delay:.3s}
.wy-card.teaser:nth-child(6){transition-delay:.36s}

@media (max-width:1439px){
.wy-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.wy-card:nth-child(3){grid-row:3;grid-column:1}
.wy-card:nth-child(6){grid-row:3;grid-column:2}
}
@media (max-width:1340px){
.wy-card:nth-child(3){grid-row:3;grid-column:1 / -1}
.wy-card:nth-child(6){grid-row:4;grid-column:1 / -1}
}
@media (max-width:900px){
.wy-main{padding:44px 0 48px}
.wy-inner{width:auto;max-width:none;padding:0 20px}
.wy-head{margin-bottom:24px}
.wy-grid{grid-template-columns:1fr;gap:14px}
.wy-card,.wy-card:nth-child(3),.wy-card:nth-child(6){grid-row:auto;grid-column:auto;padding:22px 20px}
.wy-card--last{grid-template-columns:1fr;grid-template-areas:"title" "copy" "foot" "cta"}
.wy-cta{justify-self:stretch;width:100%}
.wy-foot{grid-template-columns:1fr;row-gap:12px}
.wy-divider{width:100%;height:1px;align-self:auto}
.wy-stat:nth-child(3){justify-self:start}
}
@media (max-width:640px){
.wy-main{padding:40px 0 44px}
.wy-inner{padding:0 16px}
.wy-card,.wy-card:nth-child(3),.wy-card:nth-child(6){padding:20px 18px}
}
@media (prefers-reduced-motion:reduce){
.wy-card{transition:none}
}