/*

	DESTOON Copyright (C)2008-2099 www.destoon.com

	This is NOT a freeware,Use is subject to license.txt

*/

.sell_tip {width:180px;height:70px;background:url('sell_tip.gif') no-repeat;overflow:hidden;z-index:1000;position:absolute;}

.sell_tip p {margin:0 0 4px 2px;font-weight:bold;}

.sell_tip div {padding:8px 0 0 10px;}

.tools {padding:8px 0;border-bottom:#EEEEEE 1px solid;}

.tools table {width:100%;}

.tools select {padding:2px;}

.tool-btn {background:url('btn_1.gif') no-repeat;height:22px;line-height:22px;width:70px;padding:0 0 0 10px;border:none;cursor:pointer;}

.tool-btn:hover {background:url('btn_2.gif') no-repeat;}

.img_list li {height:22px;line-height:22px;overflow:hidden;}



.im-rec {z-index:3;position:relative;margin:0 0 0 -10px;}

.im-sec {display:block;height:48px;line-height:48px;background:#FFFFFF url('ico-sec-on.png') no-repeat 16px center;border-top:#F6F6F6 1px solid;font-size:14px;color:#E4393C;padding:0 16px 0 48px;overflow:hidden;}

.im-sec b {float:right;font-weight:normal;}



.list_price {color:#FF2900;width:160px;}

.list_price strong {font-family:Arial;color:#FF2900;font-weight:bold;font-size:16px;}

.list_count {color:#404040;width:100px;line-height:24px;}

.list_count span {color:#999999;}

.wuliu_tab {height:42px;overflow:hidden;font-size:14px;border:#EEEEEE 1px solid;}

.wuliu_tab_1,.wuliu_tab_2 {float:left;padding:12px 24px;border-right:#EEEEEE 1px solid;}

.wuliu_tab_2 {background:#EEEEEE;font-weight:bold;}

.wuliu_c {border:#EEEEEE 1px solid;border-top:none;padding:20px;}

.cc_inp {border:#CCCCCC 1px solid;text-align:center;}



.stat {padding:15px 0 10px 0;}

.stat_p {height:10px;line-height:10px;background:#FFF7D2;font-size:1px;}

.stat_p div {height:10px;line-height:10px;background:#FFA40D;border-left:#FFA40D 2px solid;float:left;}

.comment-filter {background:#F3F3F3;padding:12px 16px;}

.comment {padding:16px 0;border-bottom:#EEEEEE 1px solid;overflow:hidden;}

.comment-l {width:128px;float:left;text-align:center;margin-right:24px;}

.comment-l img {width:48px;height:48px;border-radius:50%;margin-bottom:12px;}

.comment-l b {display:block;width:100%;}

.comment-r {float:left;width:1000px;overflow:hidden;}

.comment-r ul {margin-top:12px;overflow:hidden;}

.comment-r li {width:84px;height:84px;float:left;}

.comment-r li img {width:64px;height:64px;border:#EEEEEE 1px solid;padding:2px;cursor:pointer;}

.comment-r p {margin:0;overflow:hidden;clear:both;display:none;}

.comment-r p img {max-width:800px;cursor:url('next.cur'),default;}

.comment-info {padding:0 0 10px 0;}

.comment-info span {float:right;color:#666666;}

.comment-content {font-size:14px;line-height:24px;}

.comment-reply {font-size:14px;line-height:24px;color:#FF6600;margin-top:10px;border-top:#EAEAEA 1px dotted;padding-top:10px;clear:both;}

.comment-reply span {float:right;color:#666666;font-size:12px;}

.comment-empty {padding:128px;text-align:center;color:#666666;font-size:14px;}



.relate_1,.relate_2 {display:inline-block;height:40px;float:left;margin:0 6px 6px 0;}

.relate_1 img,.relate_2 img {width:40px;height:40px;float:left;}

.relate_1 b,.relate_2 b {float:left;display:inline-block;max-width:280px;height:40px;line-height:40px;overflow:hidden;text-overflow:ellipsis;font-weight:normal;padding:0 10px;}

.relate_2 em {display:block;width:16px;height:16px;background:url('relate_on.gif') no-repeat;z-index:1;position:absolute;margin:40px 0 0 40px;}

.relate_1 a:link,.relate_1 a:visited,.relate_1 a:active {display:inline-block;height:40px;border:#CCCCCC 1px solid;}

.relate_1 a:hover {border:#C90000 1px solid;}

.relate_2 a:link,.relate_2 a:visited,.relate_2 a:active,.relate_2 a:hover {display:inline-block;height:40px;color:#333333;border:#C90000 1px solid;background:url('relate_on.gif') no-repeat right bottom;}



.nv_1,.nv_2,.nv_3 {float:left;padding:6px 10px;margin:0 6px 6px 0;cursor:pointer;}

.nv_1 {border:#CCCCCC 1px solid;}

.nv_1:hover {border:#C90000 1px solid;}

.nv_2 {border:#C90000 1px solid;background:url('relate_on.gif') no-repeat right bottom;}



.promos {}

.promos span {display:block;float:left;padding:2px 6px;margin-right:10px;background:#FFDEDF;color:#DF3033;border-left:#DF3033 1px dotted;border-right:#DF3033 1px dotted;border-top:#DF3033 1px solid;border-bottom:#DF3033 1px solid;}

.promos span:hover {background:#FFFFFF;}



.cart_info {height:33px;overflow:hidden;border:#EEEEEE 1px solid;background:#F7F7F7 url('cart_info.gif') no-repeat 10px center;}

.cart_info div {padding:8px 0 0 40px;}



.mthumb {padding:5px 0 5px 0;}

.mthumb img {margin:3px;}

.mthumb li {height:24px;line-height:24px;overflow:hidden;}



.wuliu-list {width:970px;background:#F6F6F6;overflow:hidden;padding:0 0 10px 0;z-index:3;position:relative;}

.wuliu-list div {width:200px;height:316px;border:#FFFFFF 1px solid;border-radius:10px;margin:10px 10px 0 0;padding:15px;float:left;background:#FFFFFF;}

.wuliu-list div img {-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out;}

.wuliu-list div:hover {border:#F6F6F6 1px solid;box-shadow:2px 2px 10px #EEEEEE;}

.wuliu-list div:hover img {-webkit-transform:scale(1.05);-moz-transform:scale(1.05);-ms-transform:scale(1.05);-o-transform:scale(1.05);transform:scale(1.05);}

.wuliu-list i {display:block;height:32px;line-height:32px;font-size:12px;font-style:normal;}

.wuliu-list i span {color:#999999;}

.wuliu-list i img {float:right;margin:8px 2px 0 0;}

.wuliu-list b {display:block;height:40px;line-height:40px;color:#E4393C;font-size:14px;}

.wuliu-list b s {font-size:12px;text-decoration:none;}

.wuliu-list b em {float:right;font-size:12px;color:#999999;font-weight:normal;font-style:normal;padding-right:4px;}

.wuliu-list b span {color:#999999;font-weight:normal;}

.wuliu-list p {height:36px;line-height:18px;margin:0;overflow:hidden;font-size:12px;}



.wuliu-rec {overflow:hidden;padding:10px 0;}

.wuliu-rec h3 {line-height:24px;margin:0;padding:0;text-align:center;color:#999999;font-weight:normal;}

.wuliu-rec div {width:200px;height:286px;margin:0 0 10px 15px;padding:10px;float:left;background:#FFFFFF;border-bottom:#F6F6F6 1px solid;}

.wuliu-rec div img {-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out;}

.wuliu-rec div:hover img {-webkit-transform:scale(1.05);-moz-transform:scale(1.05);-ms-transform:scale(1.05);-o-transform:scale(1.05);transform:scale(1.05);}

.wuliu-rec b {display:block;height:40px;line-height:40px;color:#E4393C;font-size:14px;}

.wuliu-rec b s {font-size:12px;text-decoration:none;}

.wuliu-rec b em {float:right;font-size:12px;color:#999999;font-weight:normal;font-style:normal;padding-right:4px;}

.wuliu-rec b span {color:#999999;font-weight:normal;}

.wuliu-rec p {height:36px;line-height:18px;margin:0;overflow:hidden;font-size:12px;}



.list-view {width:1224px;}

.list-view:after {content:"";display:block;clear:both;}

.list-view div {width:204px;float:left;}

.list-view img:hover {border-left:#FFFFFF 1px solid;}

.list-view ul {margin:6px 24px 24px 0;}

.list-view li {height:24px;line-height:24px;overflow:hidden;font-size:14px;}

.list-view i {font-size:16px;font-family:Verdana;font-weight:100;font-style:normal;color:#999999;float:right;display:none;}

.list-view div:hover i {display:inline;}

.list-view-msg {padding:96px;text-align:center;font-size:16px;}



.list-sec {overflow:hidden;padding:16px;}

.list-sec div {width:300px;float:left;}

.list-sec img:hover {border-left:#FFFFFF 1px solid;}

.list-sec p {height:32px;line-height:32px;margin:0 20px 32px 6px;color:#FF0036;font-size:16px;}

.list-sec p s {display:block;float:right;width:84px;height:32px;line-height:32px;background:#FF0036;font-size:14px;color:#FFFFFF;text-align:center;text-decoration:none;}

.list-sec p s:hover {background:#DF3033;}

.list-sec p i {display:block;float:right;width:84px;height:32px;line-height:32px;background:#666666;font-size:14px;color:#FFFFFF;text-align:center;font-style:normal;}



.wuliu-title {line-height:28px;font-size:16px;padding:0 10px;margin:0;}

.wuliu-text {line-height:18px;font-size:12px;padding:10px 10px 0 10px;margin:0;color:#E4393C;}

.wuliu-text span {color:#005EA7;}

.wuliu-price {font-weight:bold;font-family:Arial;color:#E4393C;}

.wuliu-price b {font-size:18px;}

.wuliu-price i {font-size:12px;float:right;display:inline-block;color:#999999;font-style:normal;font-weight:normal;background:url('ico-spread.png') no-repeat 0 center;padding:0 0 0 16px;cursor:pointer;}

.wuliu-fprice {font-family:Arial;color:#7049FF;}

.wuliu-fprice b {font-size:16px;font-weight:normal;}

.wuliu-fprice span {color:#666666;}

.wuliu-alter {width:57px;height:33px;border:#CCCCCC 1px solid;float:left;}

.wuliu-alter input{width:40px;height:32px;line-height:32px;border:none;text-align:center;padding:0;float:left;}

.wuliu-alter b,.wuliu-alter i {width:16px;height:16px;line-height:16px;border-left:#CCCCCC 1px solid;background:#F2F2F2;text-align:center;float:left;cursor:pointer;-moz-user-select:none;-khtml-user-select:none;user-select:none;}

.wuliu-alter b {border-bottom:#CCCCCC 1px solid;font-size:14px;}

.wuliu-alter i {font-style:normal;font-size:18px;}

.wuliu-alter b:hover,.wuliu-alter i:hover {background:#E2E2E2;}

.wuliu-amount {display:inline-block;height:32px;line-height:32px;float:left;margin-left:24px;color:#666666;}

.wuliu-sec1 {height:36px;line-height:36px;overflow:hidden;font-size:16px;color:#FFFFFF;background:#E4393C url('ico-sec.png') no-repeat 12px center;margin:10px 0 0 0;border-radius:10px 10px 0 0;padding:0 16px 0 48px;}

.wuliu-sec1 div {float:right;font-size:12px;}

.wuliu-sec2 {height:48px;line-height:48px;overflow:hidden;font-size:16px;color:#666666;background:#F6F6F6 url('ico-sec-on.png') no-repeat 12px center;margin:10px 0 0 0;border-radius:10px 10px 0 0;padding:0 16px 0 48px;}

.wuliu-sec2 b {color:#E4393C;}

.btn-buy,.btn-cart {font-size:16px;width:148px;height:36px;line-height:30px;border:none;text-align:center;cursor:pointer;padding:0;-webkit-appearance:none;margin:6px 10px 0 0;}

.btn-buy {background:#FFEDED;border:#FF0036 1px solid;color:#FF0036;}

.btn-buy:hover {background:#F7BBBB;}

.btn-buy:disabled {background:#F2F2F2;border:#D6D6D8 1px dashed;color:#CDCDCD;cursor:not-allowed;}

.btn-cart {background:#FF0036;border:#FF0036 1px solid;color:#FFFFFF;}

.btn-cart:hover {background:#DF3033;}

.btn-cart:disabled {background:#CDCDCD;border:#CDCDCD 1px solid;color:#999999;cursor:not-allowed;}
.route-list-page {
    padding: 40px 0;
    background: var(--bg);
}
/* CSS变量定义 - 确保样式正常显示 */
.route-list-page-wrapper {
    --bg: #f4f8ff;
    --panel: #ffffff;
    --card: #ffffff;
    --text: #071225;
    --muted: #4b5c76;
    --primary: #0f8fff;
    --primary-strong: #0b6ed1;
    --success: #1ac389;
    --border: #d9e4f4;
    --shadow: 0 14px 34px rgba(10, 32, 68, 0.16);
    --radius: 14px;
    --radius-sm: 10px;
    --radius-lg: 18px;
    --maxw: 1400px;
}

/* 物流线路列表页面样式 - 作用域隔离 */
.route-list-page-wrapper {
    padding: 40px 0;
    background: var(--bg);
    font-family: "Inter", "PingFang SC", "Microsoft YaHei", sans-serif;
    color: var(--text);
    line-height: 1.6;
}

.route-list-page-wrapper * {
    box-sizing: border-box;
}

.route-list-page-wrapper .container {
    width: 100%;
    max-width: var(--maxw);
    margin: 0 auto;
    padding: 0 20px;
}

.route-list-page-wrapper a {
    color: inherit;
    text-decoration: none;
}

/* 线路头部信息 */
.route-list-page-wrapper .route-header {
    background: var(--panel);
    border-radius: var(--radius-lg);
    padding: 40px;
    margin-bottom: 30px;
    box-shadow: var(--shadow);
}

.route-list-page-wrapper .route-header h1 {
    font-size: 32px;
    font-weight: 700;
    color: var(--text);
    margin: 0 0 16px;
    display: flex;
    align-items: center;
    gap: 12px;
}

.route-list-page-wrapper .route-header .route-title {
    color: var(--primary);
}

.route-list-page-wrapper .route-header .route-info {
    display: flex;
    gap: 30px;
    margin-top: 20px;
    flex-wrap: wrap;
}

.route-list-page-wrapper .route-header .info-item {
    display: flex;
    align-items: center;
    gap: 8px;
    color: var(--muted);
    font-size: 14px;
}

.route-list-page-wrapper .route-header .info-item strong {
    color: var(--text);
    font-weight: 600;
}

/* 页面顶部居中容器 */
.route-list-page-wrapper .route-header-center {
    text-align: center;
    margin-bottom: 30px;
    padding: 20px;
    background: var(--panel);
    border-radius: var(--radius-lg);
    box-shadow: var(--shadow);
}

/* 地区选择器 */
.route-list-page-wrapper .area-selector {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 16px;
    flex-wrap: wrap;
}

.route-list-page-wrapper .area-select {
    padding: 12px 20px;
    background: var(--card);
    border: 1px solid var(--border);
    border-radius: var(--radius-sm);
    font-size: 14px;
    color: var(--text);
    cursor: pointer;
    transition: all 0.3s;
    min-width: 180px;
}

.route-list-page-wrapper .area-select:hover {
    border-color: var(--primary);
}

.route-list-page-wrapper .area-select:focus {
    outline: none;
    border-color: var(--primary);
    box-shadow: 0 0 0 3px rgba(15, 143, 255, 0.1);
}

.route-list-page-wrapper .area-to {
    font-size: 16px;
    font-weight: 600;
    color: var(--muted);
}

.route-list-page-wrapper .area-selector .btn {
    padding: 12px 24px;
    background: linear-gradient(135deg, var(--primary), var(--primary-strong));
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    border-radius: var(--radius-sm);
    border: none;
    cursor: pointer;
    transition: all 0.3s;
    box-shadow: 0 2px 8px rgba(15, 143, 255, 0.2);
}

.route-list-page-wrapper .area-selector .btn:hover {
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(15, 143, 255, 0.3);
    background: linear-gradient(135deg, var(--primary-strong), var(--primary));
}

/* 发布线路按钮区域 */
.route-list-page-wrapper .publish-route-section {
    text-align: center;
    padding: 40px 20px;
    margin: 30px 0;
}

.route-list-page-wrapper .publish-route-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 16px 32px;
    background: linear-gradient(135deg, var(--primary), var(--primary-strong));
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    border-radius: var(--radius);
    border: none;
    cursor: pointer;
    transition: all 0.3s;
    box-shadow: var(--shadow);
    text-decoration: none;
}

.route-list-page-wrapper .publish-route-btn:hover {
    transform: translateY(-2px);
    box-shadow: 0 8px 24px rgba(15, 143, 255, 0.3);
    background: linear-gradient(135deg, var(--primary-strong), var(--primary));
}

/* 两栏布局 */
.route-list-page-wrapper .main-layout {
    display: grid;
    grid-template-columns: 1fr 320px;
    gap: 24px;
    margin-top: 30px;
}

.route-list-page-wrapper .main-content {
    display: flex;
    flex-direction: column;
    gap: 30px;
}

.route-list-page-wrapper .sidebar {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

/* 报价列表区域 */
.route-list-page-wrapper .quotes-section {
    background: var(--panel);
    border-radius: var(--radius-lg);
    padding: 24px;
    box-shadow: var(--shadow);
}

.route-list-page-wrapper .quotes-section h2 {
    font-size: 20px;
    font-weight: 700;
    color: var(--text);
    margin: 0 0 20px;
    padding-bottom: 12px;
    border-bottom: 2px solid var(--border);
}

.route-list-page-wrapper .quotes-list {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.route-list-page-wrapper .quote-card {
    border: 1px solid var(--border);
    border-radius: var(--radius-sm);
    padding: 16px;
    transition: all 0.3s;
    background: var(--card);
    display: grid;
    grid-template-columns: 200px 1fr 120px 80px;
    gap: 16px;
    align-items: center;
}

.route-list-page-wrapper .quote-card:hover {
    border-color: var(--primary);
    box-shadow: 0 4px 12px rgba(15, 143, 255, 0.1);
}

/* 公司信息区域 */
.route-list-page-wrapper .quote-company {
    display: flex;
    align-items: center;
    gap: 12px;
    min-width: 0;
    max-width: 500px;
}

.route-list-page-wrapper .quote-company .company-logo {
    width: 40px;
    height: 40px;
    border-radius: var(--radius-sm);
    background: var(--bg);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    border: 1px solid var(--border);
    flex-shrink: 0;
}

.route-list-page-wrapper .quote-company .company-logo img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: var(--radius-sm);
}

.route-list-page-wrapper .quote-company .company-info {
    flex: 1;
    min-width: 0;
    max-width: 348px;
    overflow: hidden;
}

.route-list-page-wrapper .quote-company .company-info h3 {
    font-size: 14px;
    font-weight: 600;
    color: var(--text);
    margin: 0 0 4px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 1.2;
    max-width: 100%;
}

.route-list-page-wrapper .quote-company .company-info p {
    font-size: 11px;
    color: var(--muted);
    margin: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* 运输详情区域 */
.route-list-page-wrapper .quote-details {
    display: flex;
    align-items: center;
    gap: 20px;
    flex-wrap: wrap;
    min-width: 0;
    overflow: hidden;
}

.route-list-page-wrapper .quote-detail-item {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    font-size: 12px;
    white-space: nowrap;
    flex-shrink: 0;
}

.route-list-page-wrapper .quote-detail-item label {
    color: var(--muted);
    font-weight: 500;
}

.route-list-page-wrapper .quote-detail-item span {
    color: var(--text);
    font-weight: 500;
}

/* 价格区域 */
.route-list-page-wrapper .quote-price {
    text-align: right;
    flex-shrink: 0;
    min-width: 120px;
    max-width: 120px;
    padding: 0 16px;
    border-left: 1px solid var(--border);
    border-right: 1px solid var(--border);
}

.route-list-page-wrapper .quote-price .price {
    font-size: 18px;
    font-weight: 700;
    color: var(--primary);
    margin: 0;
    line-height: 1.2;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.route-list-page-wrapper .quote-price .price-unit {
    font-size: 10px;
    color: var(--muted);
    margin-top: 2px;
    display: block;
}

/* 操作按钮区域 */
.route-list-page-wrapper .quote-actions {
    display: flex;
    gap: 8px;
    flex-shrink: 0;
    min-width: 80px;
    max-width: 80px;
    justify-content: flex-end;
}

.route-list-page-wrapper .btn {
    padding: 8px 16px;
    border-radius: var(--radius-sm);
    font-size: 12px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s;
    border: none;
    text-decoration: none;
    display: inline-block;
    white-space: nowrap;
}

.route-list-page-wrapper .btn-primary {
    background: var(--primary);
    color: #fff;
}

.route-list-page-wrapper .btn-primary:hover {
    background: var(--primary-strong);
    box-shadow: 0 2px 8px rgba(15, 143, 255, 0.3);
}

.route-list-page-wrapper .btn-ghost {
    background: transparent;
    color: var(--primary);
    border: 1px solid var(--primary);
}

.route-list-page-wrapper .btn-ghost:hover {
    background: var(--primary);
    color: #fff;
}

/* 内容区域（流程、FAQ等） */
.route-list-page-wrapper .content-section {
    background: var(--panel);
    border-radius: var(--radius-lg);
    padding: 30px;
    margin-bottom: 30px;
    box-shadow: var(--shadow);
}

.route-list-page-wrapper .content-section h2 {
    font-size: 24px;
    font-weight: 700;
    color: var(--text);
    margin: 0 0 24px;
    padding-bottom: 16px;
    border-bottom: 2px solid var(--border);
}

/* 海运流程 */
.route-list-page-wrapper .process-steps {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 20px;
    margin-top: 24px;
}

.route-list-page-wrapper .process-step {
    text-align: center;
    padding: 20px;
    background: var(--bg);
    border-radius: var(--radius);
    border: 1px solid var(--border);
}

.route-list-page-wrapper .process-step .step-number {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: var(--primary);
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    margin: 0 auto 12px;
}

.route-list-page-wrapper .process-step h3 {
    font-size: 16px;
    font-weight: 600;
    color: var(--text);
    margin: 0 0 8px;
}

.route-list-page-wrapper .process-step p {
    font-size: 14px;
    color: var(--muted);
    margin: 0;
    line-height: 1.5;
}

/* 常见问题 */
.route-list-page-wrapper .faq-list {
    display: grid;
    gap: 16px;
    margin-top: 24px;
}

.route-list-page-wrapper .faq-item {
    padding: 20px;
    background: var(--bg);
    border-radius: var(--radius);
    border: 1px solid var(--border);
}

.route-list-page-wrapper .faq-item h3 {
    font-size: 16px;
    font-weight: 600;
    color: var(--text);
    margin: 0 0 12px;
    display: flex;
    align-items: flex-start;
    gap: 12px;
}

.route-list-page-wrapper .faq-item h3::before {
    content: "Q";
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background: var(--primary);
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    font-weight: 700;
    flex-shrink: 0;
}

.route-list-page-wrapper .faq-item p {
    font-size: 14px;
    color: var(--muted);
    margin: 0;
    line-height: 1.6;
    padding-left: 36px;
}

/* 侧边栏样式 */
.route-list-page-wrapper .sidebar-section {
    background: var(--panel);
    border-radius: var(--radius-lg);
    padding: 20px;
    box-shadow: var(--shadow);
}

.route-list-page-wrapper .sidebar-section h2 {
    font-size: 18px;
    font-weight: 700;
    color: var(--text);
    margin: 0 0 16px;
    padding-bottom: 12px;
    border-bottom: 2px solid var(--border);
}

/* 相关线路 */
.route-list-page-wrapper .related-routes {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.route-list-page-wrapper .related-route-card {
    padding: 14px;
    background: var(--bg);
    border: 1px solid var(--border);
    border-radius: var(--radius-sm);
    transition: all 0.3s;
}

.route-list-page-wrapper .related-route-card:hover {
    border-color: var(--primary);
    box-shadow: 0 2px 8px rgba(15, 143, 255, 0.1);
}

.route-list-page-wrapper .related-route-card h3 {
    font-size: 14px;
    font-weight: 600;
    color: var(--text);
    margin: 0 0 8px;
    line-height: 1.4;
}

.route-list-page-wrapper .related-route-card .route-meta {
    font-size: 11px;
    color: var(--muted);
    margin-bottom: 8px;
}

.route-list-page-wrapper .related-route-card .route-price {
    font-size: 16px;
    font-weight: 700;
    color: var(--primary);
    margin: 8px 0 0;
}

/* 相关资讯 */
.route-list-page-wrapper .news-list {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.route-list-page-wrapper .news-item {
    display: flex;
    gap: 12px;
    padding: 12px;
    background: var(--bg);
    border-radius: var(--radius-sm);
    border: 1px solid var(--border);
    transition: all 0.3s;
}

.route-list-page-wrapper .news-item:hover {
    border-color: var(--primary);
    box-shadow: 0 2px 8px rgba(15, 143, 255, 0.1);
}

.route-list-page-wrapper .news-item .news-thumb {
    width: 80px;
    height: 60px;
    border-radius: var(--radius-sm);
    background: var(--border);
    flex-shrink: 0;
    object-fit: cover;
}

.route-list-page-wrapper .news-item .news-content {
    flex: 1;
    min-width: 0;
}

.route-list-page-wrapper .news-item .news-content h3 {
    font-size: 13px;
    font-weight: 600;
    color: var(--text);
    margin: 0 0 6px;
    line-height: 1.4;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.route-list-page-wrapper .news-item .news-content p {
    font-size: 11px;
    color: var(--muted);
    margin: 0 0 6px;
    line-height: 1.4;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.route-list-page-wrapper .news-item .news-meta {
    font-size: 10px;
    color: var(--muted);
}

/* 港口百科 */
.route-list-page-wrapper .port-encyclopedia {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.route-list-page-wrapper .port-card {
    padding: 14px;
    background: var(--bg);
    border: 1px solid var(--border);
    border-radius: var(--radius-sm);
}

.route-list-page-wrapper .port-card .port-title {
    font-size: 12px;
    color: var(--muted);
    margin: 0 0 6px;
}

.route-list-page-wrapper .port-card .port-name {
    font-size: 15px;
    font-weight: 600;
    color: var(--text);
    margin: 0;
}

/* 其他线路 - 简单文字列表 */
.route-list-page-wrapper .other-routes {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.route-list-page-wrapper .other-route-item {
    padding: 10px 0;
    border-bottom: 1px solid var(--border);
    transition: all 0.2s;
}

.route-list-page-wrapper .other-route-item:last-child {
    border-bottom: none;
}

.route-list-page-wrapper .other-route-item a {
    display: block;
    font-size: 13px;
    color: var(--text);
    transition: color 0.2s;
    line-height: 1.5;
}

.route-list-page-wrapper .other-route-item a:hover {
    color: var(--primary);
}

/* 响应式设计 */
@media (max-width: 1024px) {
    .route-list-page-wrapper .main-layout {
        grid-template-columns: 1fr;
    }
    
    .route-list-page-wrapper .sidebar {
        order: -1;
    }
    
    .route-list-page-wrapper .sidebar-section {
        margin-bottom: 0;
    }
}

@media (max-width: 768px) {
    .route-list-page-wrapper .route-header {
        padding: 24px;
    }
    
    .route-list-page-wrapper .route-header h1 {
        font-size: 24px;
    }
    
    .route-list-page-wrapper .quotes-section,
    .route-list-page-wrapper .content-section {
        padding: 20px;
    }
    
    .route-list-page-wrapper .quote-card {
        grid-template-columns: 1fr;
        gap: 12px;
    }
    
    .route-list-page-wrapper .quote-company {
        min-width: auto;
    }
    
    .route-list-page-wrapper .quote-details {
        width: 100%;
        border-top: 1px solid var(--border);
        padding-top: 12px;
    }
    
    .route-list-page-wrapper .quote-price {
        text-align: left;
        border-left: none;
        border-right: none;
        border-top: 1px solid var(--border);
        padding: 12px 0 0;
        min-width: auto;
    }
    
    .route-list-page-wrapper .quote-actions {
        justify-content: flex-start;
        border-top: 1px solid var(--border);
        padding-top: 12px;
    }
    
    .route-list-page-wrapper .process-steps {
        grid-template-columns: 1fr;
    }
    
    .route-list-page-wrapper .news-item {
        flex-direction: column;
    }
    
    .route-list-page-wrapper .news-item .news-thumb {
        width: 100%;
        height: 180px;
    }
}