/* 可编辑版：顶部背景图本身已经包含官方推荐线路标题。 */
.editable .visual img{width:100%;height:auto;display:block}
/* 将线路外框左右边缘与 hero.jpg 内嵌装饰边框（距图片边缘约 2.65%）精确接合。
   原版外框从画布最左/右开始，导致顶部两个装饰角与框边错开。 */
.editable .route-panel{
  margin:-1px 2.65% 0;
  padding:1.2% 1.35% 2.2%;
  background:linear-gradient(115deg,#120e09,#050505 35%,#15100a 100%);
  border:1px solid #9d702d;
  border-top:0;
  border-radius:0 0 10px 10px;
  overflow:hidden;
  container-type:inline-size;
}
.editable .route-cards{display:grid;gap:1.3cqw}
.editable .route-card{min-width:0;min-height:0;aspect-ratio:7.6 / 1;border:1px solid #d8a955;border-radius:1.9cqw;background:linear-gradient(145deg,#13110f,#050505);display:flex;align-items:center;gap:1.2cqw;padding:1.2cqw 1.6cqw;box-shadow:inset 0 0 4px #95622e44}
.editable .route-card>img{flex:0 0 10.4%;width:10.4%;height:auto;max-height:100%;object-fit:contain}
.editable .route-info{min-width:0;flex:1}
.editable .line-name{font-size:3.55cqw;font-weight:750;white-space:nowrap;color:#fff;line-height:1.25}
.editable .recommended{display:inline-block;vertical-align:1px;font-size:2.35cqw;background:linear-gradient(#ffe8a4,#c98931);color:#3a1000;border-radius:4px;padding:.4cqw 1.2cqw;margin-left:1cqw}
.editable .line-desc{display:flex;align-items:center;gap:1.2cqw;font-size:2.35cqw;white-space:nowrap;color:#ddd;margin-top:.8cqw;line-height:1.2}
.editable .line-desc b{font-size:1.15em;color:#31df52;font-weight:650}
.editable .line-desc span{margin-left:auto}
.editable .bars{color:#3cdb65;font-size:2.65cqw;font-style:normal;letter-spacing:-.6px}
.editable .enter{flex:0 0 25%;min-width:0;height:76%;display:flex;align-items:center;justify-content:center;gap:.8cqw;text-decoration:none;font-size:3cqw;font-weight:800;color:#150a00;background:linear-gradient(#fff1b6,#f7c467 45%,#e7a940);border:1px solid #ffe7a0;border-radius:1.8cqw;box-shadow:0 0 8px #f2bf6c6e;white-space:nowrap}
.editable .enter span{display:inline-grid;place-items:center;width:3.2cqw;height:3.2cqw;border-radius:50%;background:#15100a;color:#eec668;font-size:3cqw;line-height:1}
.editable .editable-menu{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:1.4%;padding:2% 2.5%;background:#050404}
.editable .editable-menu button{padding:0;background:none;border:0;min-width:0;cursor:pointer}
.editable .editable-menu img{display:block;width:100%;height:auto}
.editable .editable-menu button:hover{filter:brightness(1.15)}

/* 底部五个功能按钮：统一布局 */
.editable .editable-menu {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 1.4%;
  padding: 2% 2.5%;
  background: #050404;
  overflow: hidden;
}

/* 去除按钮自身的多余边框和阴影 */
.editable .editable-menu button {
  display: block;
  padding: 0;
  margin: 0;
  border: none;
  background: transparent;
  box-shadow: none;
  min-width: 0;
  line-height: 0;
  cursor: pointer;
}

/* 图片完整显示，不裁切 */
.editable .editable-menu img {
  display: block;
  width: 100%;
  height: auto;
  border: none;
  box-shadow: none;
}