.research-page { background: linear-gradient(#fff 0, #f7fbff 52%, #edf6ff 100%); }
.research-hero { position: relative; min-height: 192px; overflow: hidden; border-bottom: 1px solid #d7eafa; background: linear-gradient(90deg,#aeddfb,#f5fbff 50%,#aeddfb); }
.research-hero::before { content: ""; position: absolute; inset: 0; z-index: 1; background: linear-gradient(90deg,rgba(88,178,240,.03),rgba(255,255,255,.92) 27%,rgba(255,255,255,.92) 73%,rgba(88,178,240,.03)); }
.research-hero-content { position: relative; z-index: 3; padding-top: 8px; text-align: center; }
.research-kicker { display: block; color: #4c91ca; font: 700 9px Georgia,serif; letter-spacing: 3px; }
.research-hero h1 { margin: 0; color: #0b4d96; font: 700 32px "STKaiti","KaiTi",serif; letter-spacing: 7px; text-shadow: 0 2px 0 #fff; }
.research-hero-content > p { margin: 1px 0 2px; color: #0a559e; font-size: 15px; font-weight: 700; letter-spacing: 1px; }
.research-hero-content > small { display: block; max-width: 820px; margin: 0 auto 7px; color: #62809f; font-size: 10px; line-height: 1.4; }
.research-query-form { display: flex; width: min(750px,100%); height: 34px; margin: 0 auto; border: 1px solid #c7d9eb; border-radius: 5px; overflow: hidden; background: #fff; box-shadow: 0 4px 13px rgba(38,106,170,.13); text-align: left; }
.research-query-form > span { display: grid; place-items: center; width: 36px; color: #0d69c7; font-size: 21px; }
.research-query-form input { flex: 1; min-width: 0; border: 0; outline: 0; padding: 0 8px; color: #335f8e; font-size: 12px; }
.research-query-form input:focus { box-shadow: inset 0 0 0 2px rgba(26,125,220,.12); }
.research-query-form button { min-width: 92px; color: #fff; background: #0d70d3; font-size: 11px; }
.research-query-form button:hover { background: #0958a8; }
.research-hot-links { display: flex; align-items: center; justify-content: center; gap: 13px; padding: 5px 0 4px; overflow: auto; color: #7795b0; font-size: 10px; white-space: nowrap; }
.research-hot-links button { padding: 0; color: #5e83aa; background: transparent; font-size: 10px; }
.research-hot-links button:hover { color: #0873d2; }
.research-entry-grid { display: grid; grid-template-columns: repeat(4,1fr); gap: 9px; margin-top: 9px; }
.research-entry-card { display: flex; align-items: center; gap: 10px; min-height: 69px; padding: 10px 12px; border: 1px solid #e0edf8; border-radius: 6px; background: #fff; color: var(--ink); box-shadow: var(--shadow); text-align: left; transition: transform .2s,box-shadow .2s,border-color .2s; }
.research-entry-card:hover,.research-entry-card.selected { transform: translateY(-2px); border-color: #9cccf2; box-shadow: 0 8px 18px rgba(14,101,188,.16); }
.research-entry-icon { flex: 0 0 34px; display: grid; place-items: center; width: 34px; height: 34px; border-radius: 8px; color: #fff; background: #177cdb; font-size: 22px; }
.platform-entry .research-entry-icon { background: #d96b5b; }.activity-entry .research-entry-icon { background: #2ca5a5; }.paper-entry .research-entry-icon { background: #e48a2b; }.tool-entry .research-entry-icon { background: #7f61c8; }
.research-entry-card > span:nth-child(2) { display: flex; min-width: 0; flex: 1; flex-direction: column; }.research-entry-card strong { color: #0759a5; font-size: 14px; }.research-entry-card small { margin-top: 4px; overflow: hidden; color: #6a85a2; font-size: 10px; text-overflow: ellipsis; white-space: nowrap; }.research-entry-card > b { color: #0d74d5; font-size: 21px; font-weight: 400; }
.research-body { display: grid; grid-template-columns: minmax(0,1fr) 305px; gap: 10px; align-items: start; margin-top: 10px; padding-bottom: 13px; }
.research-main-column,.research-aside { min-width: 0; }.research-aside { display: grid; gap: 9px; }
.research-toolbar { display: flex; align-items: center; justify-content: space-between; min-height: 42px; border-bottom: 1px solid #cfe4f7; }
.research-toolbar > div:first-child { display: flex; align-items: center; gap: 8px; }.research-section-mark { display: grid; place-items: center; width: 23px; height: 23px; border-radius: 5px; color: #fff; background: #1477dc; font-size: 16px; }.research-toolbar h2 { margin: 0; color: #0b4d96; font-size: 17px; }.research-toolbar small { color: #7d98b2; font-size: 10px; }
.research-filter-tabs { display: flex; align-items: center; gap: 2px; align-self: stretch; }.research-filter-tabs button { min-width: 42px; padding: 0 8px; color: #7893ad; background: transparent; font-size: 11px; }.research-filter-tabs button:hover,.research-filter-tabs button.active { color: #0b61b2; border-bottom: 2px solid #1477dc; }
.research-panel { min-width: 0; overflow: hidden; border: 1px solid #dceaf8; border-radius: 7px; background: #fff; box-shadow: var(--shadow); }.conference-panel,.activity-panel,.paper-panel { margin-top: 9px; }.research-panel-heading { display: flex; align-items: center; justify-content: space-between; min-height: 35px; padding: 0 11px; border-bottom: 1px solid #dceaf7; }.research-panel-heading > div { display: flex; align-items: center; gap: 7px; min-width: 0; }.research-panel-heading > div > span { display: grid; place-items: center; width: 19px; height: 19px; border-radius: 4px; color: #fff; background: #1477dc; font-size: 12px; }.research-panel-heading h2 { margin: 0; color: #0b55a2; font-size: 14px; }.research-panel-heading button { margin-left: auto; padding: 0; color: #0d71cc; background: transparent; font-size: 10px; }
.research-list { padding: 2px 10px 5px; }.research-item { transition: background .18s; }.research-item.is-hidden { display: none !important; }
.service-list { min-height: 46px; }.research-service-row { display: block; padding: 11px 2px; border-bottom: 1px dashed #dfebf5; }.research-service-row:last-child { border-bottom: 0; }.research-service-row:hover { background: #f8fcff; }.research-service-row:focus-visible { outline: 2px solid #1477dc; outline-offset: -2px; }.research-service-meta { display: flex; align-items: center; gap: 9px; color: #8aa1b8; font-size: 9px; }.research-service-meta time { color: #94a9be; }.research-service-row h3 { margin: 5px 0 3px; overflow: hidden; color: #1b5d9b; font-size: 13px; text-overflow: ellipsis; white-space: nowrap; }.research-service-row p { margin: 0; overflow: hidden; color: #7189a3; font-size: 10px; line-height: 1.5; text-overflow: ellipsis; white-space: nowrap; }.research-more-link { margin-left: auto; color: #0d71cc; font-size: 10px; }
.conference-item { display: grid; grid-template-columns: 61px minmax(0,1fr) 74px; gap: 11px; align-items: center; min-height: 82px; padding: 8px 0; border-bottom: 1px dashed #dfebf5; }.conference-item:last-child { border-bottom: 0; }.conference-item:hover { background: #f8fcff; }.conference-item > time { display: grid; place-items: center; align-content: center; width: 52px; height: 52px; border-radius: 6px; color: #1876ca; background: #eef7ff; }.conference-item > time b { font-size: 23px; line-height: 1; }.conference-item > time small { margin-top: 4px; color: #7b9ab7; font-size: 9px; }.research-item-copy { min-width: 0; }.research-item-meta { display: flex; flex-wrap: wrap; align-items: center; gap: 5px 10px; color: #8aa1b8; font-size: 9px; }.research-tag { display: inline-grid; place-items: center; min-height: 17px; padding: 0 7px; border-radius: 3px; color: #fff; font-size: 9px; }.research-tag.blue { background: #3f9ee5; }.research-tag.cyan { background: #43b8cf; }.research-tag.orange { background: #f08b4a; }.research-tag.green { background: #4fbd8a; }.research-item h3 { margin: 4px 0 3px; overflow: hidden; color: #1b5d9b; font-size: 13px; text-overflow: ellipsis; white-space: nowrap; }.research-item p { margin: 0; overflow: hidden; color: #7189a3; font-size: 10px; line-height: 1.5; text-overflow: ellipsis; white-space: nowrap; }.research-item-action { justify-self: end; min-width: 66px; padding: 6px 3px; border: 1px solid #bcdcf5; border-radius: 4px; color: #1473c7; background: #f6fbff; font-size: 10px; }.research-item-action:hover { color: #fff; background: #1477dc; }.research-item-action span { margin-left: 2px; font-size: 14px; vertical-align: -1px; }
.activity-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; padding: 8px 10px 10px; }.activity-card { display: grid; grid-template-columns: 46px minmax(0,1fr); gap: 9px; min-height: 100px; padding: 9px; border: 1px solid #e5eef7; border-radius: 5px; background: #fbfdff; }.activity-card:hover { border-color: #a9d2f2; background: #f4faff; }.activity-date { display: grid; place-items: center; align-content: center; align-self: start; width: 42px; height: 47px; border-radius: 5px; color: #126fc7; background: #edf7ff; }.activity-date b { font-size: 18px; line-height: 1; }.activity-date small { margin-top: 4px; color: #7998b5; font-size: 8px; }.activity-card h3 { margin: 5px 0 4px; color: #195c9b; font-size: 12px; }.activity-card p { display: -webkit-box; margin: 0; overflow: hidden; color: #738da7; font-size: 9px; line-height: 1.5; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }.activity-card button { margin-top: 5px; padding: 0; color: #0d70c8; background: transparent; font-size: 9px; }
.paper-list { padding: 1px 10px 5px; }.paper-item { display: grid; grid-template-columns: 68px minmax(0,1fr) 126px; gap: 11px; align-items: center; min-height: 72px; padding: 9px 0; border-bottom: 1px dashed #dfebf5; }.paper-item:last-child { border-bottom: 0; }.paper-item:hover { background: #fbfdff; }.paper-type { display: grid; align-content: center; gap: 5px; color: #0c6bc2; font-size: 10px; }.paper-type::before { content: ""; width: 28px; height: 3px; border-radius: 3px; background: #4b9fe3; }.paper-type small { color: #92a8bd; font-size: 8px; }.paper-copy h3 { margin: 0 0 3px; color: #1b5d9b; font-size: 12px; }.paper-copy p { margin: 0; overflow: hidden; color: #7189a3; font-size: 9px; line-height: 1.45; text-overflow: ellipsis; white-space: nowrap; }.paper-actions { display: flex; justify-content: flex-end; gap: 5px; }.paper-actions button { padding: 5px 6px; border: 1px solid #c8deef; border-radius: 3px; color: #1a72c1; background: #f7fbff; font-size: 9px; }.paper-actions button:hover { color: #fff; background: #1477dc; }
.overview-panel { padding-bottom: 9px; }.research-stat-grid { display: grid; grid-template-columns: repeat(4,1fr); gap: 7px; padding: 10px 10px 0; }.research-stat-grid > div { display: grid; justify-items: center; gap: 3px; padding: 8px 2px; border-radius: 5px; background: #f3f9ff; }.research-stat-grid strong { color: #0b6bc5; font-size: 20px; line-height: 1; }.research-stat-grid small { color: #7590aa; font-size: 9px; white-space: nowrap; }
.direction-panel { min-height: 147px; }.direction-chips { display: flex; flex-wrap: wrap; gap: 6px; padding: 10px; }.direction-chips button { padding: 5px 8px; border: 1px solid #d6e7f4; border-radius: 4px; color: #4d7aa3; background: #f7fbff; font-size: 9px; }.direction-chips button:hover { color: #fff; border-color: #1477dc; background: #1477dc; }
.research-tools-list { padding: 4px 10px 7px; }.research-tools-list a { display: grid; grid-template-columns: 27px minmax(0,1fr) 15px; align-items: center; gap: 7px; min-height: 39px; border-bottom: 1px dashed #e1edf7; }.research-tools-list a:last-child { border-bottom: 0; }.research-tools-list a > span:first-child { display: grid; place-items: center; width: 24px; height: 24px; border-radius: 5px; color: #fff; background: #2789df; font-size: 16px; }.research-tools-list a:nth-child(2) > span:first-child { background: #2ca59e; }.research-tools-list a:nth-child(3) > span:first-child { background: #8864ca; }.research-tools-list a:nth-child(4) > span:first-child { background: #e48b2d; }.research-tools-list a > span:nth-child(2) { display: flex; flex-direction: column; min-width: 0; }.research-tools-list strong { color: #1b5d9b; font-size: 11px; }.research-tools-list small { margin-top: 2px; overflow: hidden; color: #7c96ae; font-size: 8px; text-overflow: ellipsis; white-space: nowrap; }.research-tools-list b { color: #1673c8; font-size: 17px; font-weight: 400; }
.notice-panel-research { min-height: 133px; }.research-notice-list { margin: 0; padding: 4px 10px 7px; list-style: none; }.research-notice-list li { display: grid; grid-template-columns: 8px minmax(0,1fr) 38px; align-items: center; gap: 6px; min-height: 26px; border-bottom: 1px dashed #e1edf7; }.research-notice-list li:last-child { border-bottom: 0; }.research-notice-list button { min-width: 0; overflow: hidden; padding: 0; color: #62809e; background: transparent; font-size: 9px; text-align: left; text-overflow: ellipsis; white-space: nowrap; }.research-notice-list button:hover { color: #0b68bf; }.research-notice-list time { color: #94a9be; font-size: 8px; text-align: right; }.notice-dot { width: 7px; height: 7px; border-radius: 50%; background: #358fda; }.notice-dot.orange { background: #e89138; }.notice-dot.green { background: #4bb98a; }
.research-contact-card { display: grid; gap: 8px; padding: 12px; border-radius: 7px; color: #fff; background: linear-gradient(135deg,#166fc9,#0b4e96); box-shadow: 0 6px 16px rgba(11,78,150,.16); }.research-contact-card strong { font-size: 13px; }.research-contact-card p { margin: 5px 0 0; color: #d5e9fb; font-size: 9px; line-height: 1.55; }.research-contact-card button { justify-self: start; padding: 5px 8px; border: 1px solid rgba(255,255,255,.55); border-radius: 4px; color: #fff; background: rgba(255,255,255,.08); font-size: 10px; }.research-contact-card button:hover { color: #0c5cae; background: #fff; }
.research-detail-main { padding-top: 24px; padding-bottom: 36px; }.research-detail-card { min-height: 360px; padding: 28px 34px; border: 1px solid #dceaf8; border-radius: 8px; background: #fff; box-shadow: var(--shadow); }.research-detail-kicker { color: #1477dc; font-size: 12px; letter-spacing: 1px; }.research-detail-card h1 { margin: 8px 0 14px; color: #0b4d96; font-size: 26px; }.research-detail-meta { display: flex; flex-wrap: wrap; gap: 18px; padding: 12px 0; border-top: 1px solid #e1edf7; border-bottom: 1px solid #e1edf7; color: #7893ad; font-size: 12px; }.research-detail-summary { margin: 22px 0 12px; color: #4e7092; font-size: 15px; line-height: 1.8; }.research-detail-content { color: #607f9e; font-size: 14px; line-height: 2; white-space: normal; }.research-detail-back { display: inline-block; margin-top: 30px; color: #0d71cc; font-size: 13px; }.research-detail-back:hover { text-decoration: underline; }
.announcement-full-list { margin-top: 18px; border-top: 1px solid #e1edf7; }.announcement-full-row { display: grid; grid-template-columns: 42px minmax(0, 1fr) 100px 18px; align-items: center; gap: 12px; min-height: 58px; padding: 9px 2px; border-bottom: 1px dashed #dce8f3; color: #5d7898; }.announcement-full-row:hover { background: #f6fbff; color: #0a62b7; }.announcement-full-row > span:nth-child(2) { display: grid; gap: 4px; min-width: 0; }.announcement-full-row strong { overflow: hidden; color: #1b5d9b; font-size: 13px; text-overflow: ellipsis; white-space: nowrap; }.announcement-full-row small { color: #8aa1b8; font-size: 10px; }.announcement-full-row time { color: #8ca2b8; font-size: 10px; text-align: right; }.announcement-full-row b { color: #6e93b9; font-size: 17px; font-weight: 400; }
.research-page .site-footer { margin-top: 0; }
@media (max-width: 1180px) { .research-body { grid-template-columns: minmax(0,1fr) 270px; }.research-entry-grid { gap: 7px; }.research-entry-card { padding-left: 9px; padding-right: 9px; }.research-entry-card strong { font-size: 13px; } }
@media (max-width: 930px) { .research-body { grid-template-columns: 1fr; }.research-aside { grid-template-columns: repeat(2,minmax(0,1fr)); }.research-contact-card { grid-column: 1 / -1; }.research-tools-list { padding-bottom: 8px; } }
@media (max-width: 680px) { .research-hero { min-height: 218px; }.research-hero h1 { font-size: 29px; }.research-hero-content > p { font-size: 13px; line-height: 1.4; }.research-query-form button { min-width: 83px; }.research-hot-links { gap: 9px; justify-content: flex-start; padding-left: 2px; }.research-entry-grid { grid-template-columns: repeat(2,1fr); }.research-entry-card { min-height: 66px; }.research-entry-icon { flex-basis: 29px; width: 29px; height: 29px; font-size: 18px; }.research-entry-card strong { font-size: 12px; }.research-entry-card small { font-size: 9px; }.research-toolbar { align-items: flex-start; flex-direction: column; gap: 4px; padding-top: 5px; }.research-filter-tabs { width: 100%; min-height: 28px; overflow-x: auto; }.research-filter-tabs button { flex: 0 0 auto; min-width: 45px; }.conference-item { grid-template-columns: 50px minmax(0,1fr); gap: 8px; }.conference-item > time { width: 44px; height: 48px; }.conference-item > time b { font-size: 19px; }.conference-item h3 { font-size: 12px; }.conference-item p { white-space: normal; }.research-item-action { grid-column: 2; justify-self: start; margin-top: -2px; }.activity-grid { grid-template-columns: 1fr; }.paper-item { grid-template-columns: 58px minmax(0,1fr); gap: 8px; }.paper-actions { grid-column: 2; justify-content: flex-start; }.research-aside { grid-template-columns: 1fr; }.research-contact-card { grid-column: auto; } }
@media (max-width: 420px) { .research-entry-grid { gap: 6px; }.research-entry-card { padding: 8px; gap: 6px; }.research-entry-card > b { font-size: 17px; }.research-list,.paper-list { padding-left: 8px; padding-right: 8px; }.research-item-meta { gap: 4px 7px; }.research-item-meta span:not(.research-tag) { font-size: 8px; }.research-item h3 { font-size: 11px; }.research-item p { font-size: 9px; }.paper-copy p { white-space: normal; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }.paper-actions button { padding: 5px; } }
.announcement-full-row em { display: block; margin-top: 5px; color: #91a7bb; font-size: 11px; font-style: normal; }
.notice-filter-bar { display: flex; flex-wrap: wrap; gap: 10px; margin: 18px 0; padding: 14px; border: 1px solid #e3eef8; border-radius: 8px; background: #f8fbfe; }
.notice-filter-bar input, .notice-filter-bar select { min-height: 36px; padding: 0 11px; border: 1px solid #cfdfed; border-radius: 5px; color: #315d83; background: #fff; }
.notice-filter-bar input { flex: 1 1 280px; }