@charset "utf-8";article,aside,dialog,footer,header,section,nav,figure,menu{display:block}*{margin:0;padding:0}*:focus{outline:0}body{margin:0;padding:0;color:#333;background:#fff;font-size:14px;width:100%;height:100%;margin:0 auto;font-family:'PingFang SC',"Microsoft YaHei",'Helvetica Neue','Helvetica','STHeitiSC-Light','Arial',sans-serif}img{border:0}ul,li{list-style:none}a{text-decoration:none;color:#4a4a4a;-webkit-tap-highlight-color:rgba(0,0,0,0)}a img{-webkit-tap-highlight-color:rgba(0,0,0,0)}*{text-decoration:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}* img{-webkit-tap-highlight-color:rgba(0,0,0,0)}button{border:0}::selection{background-color:#fff;color:#4a4a4a}.fl{float:left}.fr{float:right}.red{color:red}i{font-style:normal}input{outline:0;}.dn{display:none}
.text-center{text-align: center;}
.container{width: 1280px;margin: 0 auto}

.banner{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 28px;
    width: min(1100px, 92vw);
    padding: 36px 24px;
}

/* ===== 两侧渐隐细线 ===== */
.banner .line{
    /*flex: 1 1 0;        !* 两侧自动等分剩余空间 *!*/
    height: 2px;
    /*width: 200px;*/
    border: 0;
    color: #333333;
    width: 100px;
}
.banner .title {
    width: 160px;
}
/* 由外向内：透明 → 深色，实现“渐隐融入背景” */
.banner .line.left{
    background: linear-gradient(to right, rgba(59,58,54,0) 0%, rgba(59,58,54,.85) 100%);
}
.banner .line.right{
    background: linear-gradient(to left,  rgba(59,58,54,0) 0%, rgba(59,58,54,.85) 100%);
}

/* ===== 标题文字 ===== */
.banner .title{
    margin: 0;
    font-size: 28px;   /* 响应式，窄屏自动缩小 */
    font-weight: 800;
    /*letter-spacing: .16em;*/
    text-indent: -.6em;                  /* 抵消末字右侧字距，保证绝对居中 */
    color: var(--ink);
    white-space: nowrap;
}
/* ===== 可选变体：加粗单线 ===== */
.banner.thick .line{ height: 2px; }