/* 主题 4：门户——深蓝页眉、浅蓝搜索横幅、红色行动按钮，方块列表 */
body.pt-body { font-family: "Trebuchet MS", "Lucida Grande", Arial, sans-serif; background: #fff; color: #263238; }
.pt-body a { color: #0b5c8a; }

.pt-wrap { max-width: 1180px; margin: 0 auto; padding: 0 16px; }
.pt-header { background: #0b3d5c; }
.pt-header-row { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: .75rem; padding-top: .9rem; padding-bottom: .9rem; }
.pt-logo { color: #fff !important; font-size: 1.6rem; font-weight: bold; text-decoration: none; line-height: 1.1; }
.pt-logo small { display: block; font-size: .72rem; font-weight: normal; color: #9cc3d9; letter-spacing: .04em; }
.pt-nav { display: flex; flex-wrap: wrap; gap: 1.4rem; }
.pt-nav a { color: #e1f0f8 !important; text-decoration: none; }
.pt-nav a:hover { color: #fff !important; text-decoration: underline; }

.pt-band { background: #e6f2f8; border-bottom: 1px solid #c7dfeb; padding: 1.1rem 0; }
.pt-band-form { display: flex; justify-content: center; gap: .5rem; }
.pt-band-form input[type=text] { width: min(560px, 100%); padding: .55rem .9rem; border: 1px solid #9cc3d9; border-radius: 22px; }
.pt-band-form button { background: #d9534f; color: #fff; border: 0; border-radius: 22px; padding: 0 1.4rem; }

.pt-page { padding-top: 1.5rem; padding-bottom: 2.5rem; }

.pt-footer { background: #0b3d5c; color: #9cc3d9; padding: 1.5rem 0 .75rem; }
.pt-footer a { color: #e1f0f8 !important; }
.pt-footer-cols { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 1rem; }
.pt-footer strong { color: #fff; font-size: 1.15rem; }
.pt-legal { border-top: 1px solid #1d5878; margin-top: 1rem; padding-top: .6rem; font-size: .8rem; }

/* 产品列表：方块 */
.tl-head { margin: 1.5rem 0 .75rem; color: #0b3d5c; }
.tl-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(180px, 1fr)); gap: .75rem; margin: 1rem 0 1.5rem; }
.tl-tile { border: 1px solid #c7dfeb; border-top: 4px solid #0b3d5c; padding: .6rem .7rem; background: #fff; display: flex; flex-direction: column; }
.tl-cas { font-weight: bold; color: #0b3d5c; font-size: .95rem; }
.tl-fig { margin: .4rem 0; text-align: center; }
.tl-fig img { max-height: 110px; }
.tl-name { margin: 0; font-size: .88rem; word-break: break-word; }

/* 产品详情 */
.pd4-hero { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 1.5rem; background: #f3f9fc; border: 1px solid #c7dfeb; padding: 1.5rem; }
.pd4-text h1 { font-size: 2rem; color: #0b3d5c; }
.pd4-text h2 { font-size: 1.2rem; }
.pd4-img { max-width: 260px; max-height: 260px; background: #fff; padding: .5rem; border: 1px solid #e0edf3; }
.pd4-cta { display: inline-block; margin-top: .75rem; background: #d9534f; color: #fff !important; padding: .45rem 1.3rem; border-radius: 22px; text-decoration: none; }
.pd4-h { font-size: 1.1rem; color: #0b3d5c; margin-top: 1.5rem; border-bottom: 1px solid #c7dfeb; padding-bottom: .3rem; }
.pd4-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); gap: .5rem 1.5rem; }
.pd4-grid dt { font-size: .78rem; color: #607d8b; text-transform: uppercase; }
.pd4-grid dd { margin: 0; }
.pd4-chip { display: inline-block; background: #e6f2f8; border-radius: 14px; padding: .15rem .7rem; margin: 0 .3rem .3rem 0; font-size: .85rem; text-decoration: none; }

.home-feature-title { color: #0b3d5c; font-size: 1.7rem; }