:root{
  --cy-ink:#0f172a;
  --cy-muted:#64748b;
  --cy-line:#e2e8f0;
  --cy-radius:16px;
  --cy-shadow:0 10px 30px rgba(2,6,23,.08);
}

.cycride-badge{font-size:12px;font-weight:800;padding:4px 8px;border-radius:999px;background:#eff6ff;color:#1d4ed8;}
.cycride-btn{border:1px solid var(--cy-line);background:#fff;padding:8px 10px;border-radius:12px;font-weight:650;cursor:pointer;}
.cycride-btn--ghost{background:transparent;}

.cycride-notice{border:1px solid var(--cy-line);border-radius:14px;background:#fff;display:flex;align-items:center;gap:12px;padding:10px 12px;}
.cycride-notice__label{display:flex;align-items:center;gap:8px;font-weight:750;color:var(--cy-ink);}
.cycride-notice__line{flex:1;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:var(--cy-muted);}
.cycride-notice__ctrl{display:flex;gap:8px;}

.cy-course-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;}
@media (max-width: 980px){.cy-course-grid{grid-template-columns:1fr;}}

.cy-course-card{border:1px solid var(--cy-line);border-radius:var(--cy-radius);overflow:hidden;background:#fff;box-shadow:var(--cy-shadow);display:flex;flex-direction:column;min-height:100%;}
.cy-course-card__thumb{aspect-ratio:16/9;width:100%;background:#f1f5f9;overflow:hidden;display:block;}
.cy-course-card__thumb img{width:100%;height:100%;object-fit:cover;display:block;}
.cy-course-card__body{padding:12px;}
.cy-course-card__title{margin:0;font-size:16px;color:var(--cy-ink);}
.cy-course-card__meta{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px;color:var(--cy-muted);font-size:12px;}
.cy-course-pill{border:1px solid var(--cy-line);border-radius:999px;padding:4px 8px;background:#fff;}

.cy-course-layout{display:grid;grid-template-columns:1.4fr .9fr;gap:14px;align-items:start;}
@media (max-width: 980px){.cy-course-layout{grid-template-columns:1fr;}}

.cycride-map-wrap{border:1px solid var(--cy-line);border-radius:var(--cy-radius);overflow:hidden;background:#fff;box-shadow:var(--cy-shadow);padding:14px;}
.cycride-map{width:100%;border-radius:14px;overflow:hidden;}

.cycride-spot-panel{border:1px solid var(--cy-line);border-radius:var(--cy-radius);overflow:hidden;background:#fff;box-shadow:var(--cy-shadow);}

.cycride-modal{position:fixed;inset:0;display:none;z-index:9999;}
.cycride-modal.is-open{display:block;}
.cycride-modal__backdrop{position:absolute;inset:0;background:rgba(2,6,23,.55);}
.cycride-modal__panel{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(520px,92vw);max-height:82vh;background:#fff;border:1px solid var(--cy-line);border-radius:var(--cy-radius);overflow:hidden;box-shadow:var(--cy-shadow);display:flex;flex-direction:column;}
.cycride-modal__head{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;border-bottom:1px solid var(--cy-line);font-weight:900;}
.cycride-modal__body{padding:12px;overflow:auto;color:var(--cy-muted);line-height:1.7;}
.cycride-modal__close{width:36px;height:36px;border-radius:12px;border:1px solid var(--cy-line);background:#fff;cursor:pointer;font-size:18px;line-height:1;}