金融科技动向2024年上半年_57页_2mb

报告摘要

body {
font-family: --font-matter;
color: var(--color-text);
background-color: var(--color-bg);
line-height: 1.5;
margin: 0;
padding: 0;
max-width: 1200px;
margin: 0 auto;
}

.content-wrapper {
border: var(--diagonal-border) var(--diagonal-border) #fff !important;
padding: 0;
border-top-color: transparent;
box-shadow: none;
background: url('https://presfrombpssprod.s3.us-east-2.amazonaws.com/public/5d008f7bc328f6001269e1b2_bpss_light_pattern.svg') no-repeat 0 0;
background-size: contain;
background-position: center;
}

.boss-report {
display: flex;
flex-direction: column;
gap: 20px;
border-radius: 5px;
border: none;
overflow: hidden;
}

.boss-header {
background-color: var(--color-header);
padding: 15px 20px;
}

.logo-container {
display: flex;
align-items: center;
gap: 10px;
}

.logo-image {
width: 90px;
height: 45px;
background-color: #005599;
border-radius: 5px;
display: flex;
align-items: center;
justify-content: center;
}

.ai-report-badge {
position: absolute;
top: 0;
right: 0;
background-color: #ffd666;
color: #64372e;
font-size: 0.8em;
font-weight: bold;
padding: 2px 8px;
border-radius: 0 0 0 var(--border-radius-small);
border: var(--diagonal-border) solid transparent;
}

.boss-title {
font-size: 26px;
font-weight: 500;
margin: 0;
line-height: 1.2;
flex: 1;
color: #fff;
letter-spacing: -0.5px;
}

.boss-summary {
margin-top: 30px;
padding: 30px;
line-height: 1.6;
}

h1, h2, h3, h4, h5, h6 {
margin-bottom: 0.5em;
color: var(--color-header);
}

h1 {
font-size: 28px;
}

h2 {
font-size: 24px;
}

h3 {
font-size: 20px;
color: #0055aa;
}

h4 {
font-size: 18px;
color: #004e98;
}

h5 {
font-size: 16px;
}

p {
margin: 0 0 1em 0;
}

ul {
list-style-type: disc;
padding-left: 2em;
margin-bottom: 1em;
}

li {
margin: 0.3em 0;
}

table {
width: 100%;
border-collapse: collapse;
margin: 1em 0;
table-layout: fixed;
}

th, td {
border: var(--diagonal-border) var(--diagonal-border) #ddd;
padding: 8px 12px;
text-align: left;
}

th {
background-color: #e8eeec;
font-weight: bold;
}

tr:nth-child(even) {
background-color: rgba(248, 249, 251, 0.5);
}

#imprint {
font-size: 0.85em;
padding: 15px 30px;
color: #888;
font-style: italic;
border-top: 1px solid #ddd;
}

.key-points {
background-color: var(--color-light);
border-left: 4px solid var(--color-gold);
padding: 15px 20px;
margin: 20px 0;
}

.key-points h3 {
font-size: 1.2em;
margin-bottom: 10px;
}

.imprint-section {
font-size: 0.9em;
margin-top: 15px;
}

.investment-trends {
margin: 25px 0;
display: flex;
flex-direction: column;
gap: 15px;
}

.chart-container {
margin: 25px 0;
overflow-x: auto;
}

.footer-quote {
font-style: italic;
text-align: center;
margin: 25px 0;
font-size: 0.9em;
}

.highlight-box {
background-color: var(--color-gold);
color: var(--color-text);
padding: 8px;
border-radius: 4px;
display: inline-block;
font-weight: bold;
margin: 5px 0;
}

@media (max-width: 768px) {
.boss-title {
font-size: 22px;
}

.boss-header {
  padding: 10px;
}

.logo-container {
  gap: 5px;
}

.logo-image {
  width: 60px;
  height: 30px;
}

.boss-summary {
  padding: 20px;
}

}
</style>