.research-shell { width: min(1040px, calc(100% - 32px)); }
.research-index-header { margin-bottom: 22px; padding: 40px 44px; border: 1px solid #dce9f7; border-radius: 18px; background: linear-gradient(145deg,#f1f8ff,#fff); }
.research-index-header h1 { margin: 0; color: #202631; font-size: clamp(30px,5vw,44px); line-height: 1.25; }.research-index-header p { max-width: 800px; margin: 16px 0 0; color: #596473; font-size: 16px; }
.research-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 16px; }.research-card { padding: 24px; border: 1px solid #e5e9ee; border-radius: 15px; background: #fff; box-shadow: 0 7px 22px rgba(31,35,48,.05); }.research-card > span { color: #1677ff; font-size: 12px; font-weight: 700; letter-spacing: .06em; }.research-card h2 { margin: 9px 0; font-size: 21px; line-height: 1.45; }.research-card h2 a { color: #28313d; }.research-card p { min-height: 78px; margin: 0 0 14px; color: #626d7c; font-size: 14px; }.research-card > div { color: #8a929e; font-size: 12px; }.research-read { display: inline-block; margin-top: 15px; font-weight: 650; }
.research-chart { margin: 26px 0 34px; padding: 22px; border: 1px solid #e4e9ef; border-radius: 14px; background: #fafcff; }.research-chart figcaption { margin-bottom: 18px; color: #303844; font-weight: 700; }.research-bar-row + .research-bar-row { margin-top: 14px; }.research-bar-label { display: flex; justify-content: space-between; gap: 14px; margin-bottom: 5px; color: #596473; font-size: 13px; }.research-bar-label strong { color: #303844; white-space: nowrap; }.research-bar-track { height: 12px; overflow: hidden; border-radius: 999px; background: #e9eef5; }.research-bar-track span { display: block; min-width: 3px; height: 100%; border-radius: inherit; background: linear-gradient(90deg,#1677ff,#65a8ff); }
.research-flow { margin: 26px 0 38px; padding: 22px; border: 1px solid #dce9f7; border-radius: 14px; background: linear-gradient(145deg,#f5faff,#fff); }
.research-flow figcaption { margin-bottom: 18px; color: #303844; font-weight: 700; }
.research-flow-steps { display: flex; align-items: stretch; gap: 10px; }
.research-flow-step { display: flex; flex: 1 1 0; min-width: 0; flex-direction: column; justify-content: center; padding: 16px 14px; border: 1px solid #dce6f2; border-radius: 12px; background: #fff; text-align: center; box-shadow: 0 5px 15px rgba(35,72,110,.05); }
.research-flow-step span { color: #667386; font-size: 12px; }
.research-flow-step strong { margin: 6px 0; color: #1268c4; font-size: 20px; line-height: 1.25; }
.research-flow-step small { color: #737f8e; font-size: 12px; line-height: 1.5; }
.research-flow-arrow { display: flex; align-items: center; color: #77a9dc; font-size: 22px; font-weight: 700; }
.research-back { margin-top: 26px!important; }
@media(max-width:700px){.research-shell{width:min(100% - 20px,1040px)}.research-index-header{padding:28px 22px}.research-grid{grid-template-columns:1fr}.research-card p{min-height:0}.research-chart,.research-flow{padding:18px 14px}.research-bar-label{align-items:flex-start;flex-direction:column;gap:2px}.research-flow-steps{flex-direction:column}.research-flow-arrow{justify-content:center;line-height:1;transform:rotate(90deg)}.research-flow-step{min-height:96px}}