/* 「报名」入口卡片 —— PC 与手机共用，由 inner/registration-entry.blade.php
   和 mobile/partials/registration-entry.blade.php 各自 @push('styles') 引入。
   放独立文件是因为这张卡同时出现在栏目页和内容列表页上，两边加载的基础样式表不同。

   卡片里刻意没有表单：带 @csrf 的表单会让整页退出共享缓存（见 partial 顶部注释）。
   状态色一律走 box-shadow / 小标签：栏目页有一条
   .channel-directory .pc-frame__main>section:not(.dl-box) 会覆盖 section 的
   background、border 和 padding，用底色表达状态会在这条规则面前失效。 */

/* ---------- PC ---------- */
.dl-page .cd-registration { display:grid; grid-template-columns:minmax(0,1fr) minmax(272px,318px); gap:22px; align-items:center; padding:18px; border:1px solid #e0e8f2; border-radius:10px; background:#fff; box-shadow:inset 4px 0 0 #cfd9e6; min-width:0; }
.dl-page .cd-registration--open { box-shadow:inset 4px 0 0 #2f9e6a; }
.dl-page .cd-registration--upcoming { box-shadow:inset 4px 0 0 #d19a2b; }
.dl-page .cd-registration__chip { justify-self:start; display:inline-block; padding:3px 10px; border-radius:20px; font-size:12px; background:#eef2f8; color:#6b7d94; }
.dl-page .cd-registration__chip--open { background:#e6f6ee; color:#1f7a52; }
.dl-page .cd-registration__chip--upcoming { background:#fdf4e2; color:#96690f; }
.dl-page .cd-registration__title { margin:0; font-size:21px; line-height:1.5; color:#2d527e; }
.dl-page .cd-registration--open .cd-registration__title { color:#1c6b4a; }
.dl-page .cd-registration__summary { margin:0; font-size:13px; line-height:1.9; color:#5f7288; max-width:760px; }
.dl-page .cd-registration__actions { display:flex; flex-wrap:wrap; align-items:center; gap:10px; }
.dl-page .cd-registration__cta { display:inline-flex; align-items:center; gap:7px; padding:11px 22px; border-radius:8px; background:#2e6cbb; color:#fff; font-size:14px; font-weight:650; }
.dl-page .cd-registration__cta:hover { background:#2559a0; color:#fff; }
.dl-page .cd-registration__entry { display:inline-flex; align-items:center; gap:7px; padding:10px 18px; border:1px solid #cfdff2; border-radius:8px; font-size:13px; color:#2e6cbb; background:#fff; }
.dl-page .cd-registration__entry.is-primary { background:#2e6cbb; border-color:#2e6cbb; color:#fff; font-weight:650; }
.dl-page .cd-registration__secondary { font-size:12px; color:#7b8ca2; }
.dl-page .cd-registration__disclaimer { margin:0; font-size:11px; line-height:1.8; color:#94a3b4; }
.dl-page .cd-registration__promo { display:grid; gap:9px; min-width:0; }
.dl-page .cd-registration__promo-art { display:block; width:100%; height:auto; border-radius:9px; }
.dl-page .cd-registration__promo-title { font-size:14px; line-height:1.6; color:#2d527e; }
.dl-page .cd-registration__promo-text { margin:0; font-size:12px; line-height:1.85; color:#7b8ca2; }

/* ---------- 手机 ---------- */
.mp-registration { display:grid; gap:9px; padding:13px; border:1px solid #f0dcc4; border-left:4px solid #cfd9e6; border-radius:10px; background:#fff; min-width:0; }
.mp-registration--open { border-left-color:#2f9e6a; }
.mp-registration--upcoming { border-left-color:#d19a2b; }
.mp-registration__chip { justify-self:start; padding:3px 10px; border-radius:20px; background:#eef2f8; color:#6b7d94; font-size:12px; }
.mp-registration__chip--open { background:#e6f6ee; color:#1f7a52; }
.mp-registration__chip--upcoming { background:#fdf4e2; color:#96690f; }
.mp-registration__title { margin:0; font-size:17px; line-height:1.55; color:#2d527e; }
.mp-registration--open .mp-registration__title { color:#1c6b4a; }
.mp-registration__summary { margin:0; color:#63798f; font-size:13px; line-height:1.8; }
.mp-registration__cta { display:flex; align-items:center; justify-content:space-between; gap:8px; min-height:44px; padding:0 14px; border-radius:7px; background:#9d642f; color:#fff; font-size:15px; font-weight:650; }
.mp-registration__entry { display:flex; align-items:center; justify-content:space-between; gap:8px; min-height:44px; padding:0 13px; border:1px solid #cfdff2; border-radius:7px; color:#2e6cbb; font-size:14px; }
.mp-registration--open .mp-registration__entry { background:#2e6cbb; border-color:#2e6cbb; color:#fff; font-weight:650; }
.mp-registration__secondary { font-size:12px; color:#7b8ca2; }
.mp-registration__disclaimer { margin:0; color:#94a3b4; font-size:11px; line-height:1.75; }
.mp-registration__promo { display:grid; gap:8px; margin-top:2px; padding-top:11px; border-top:1px solid #eef2f7; }
.mp-registration__promo-art { display:block; width:100%; height:auto; border-radius:8px; }
.mp-registration__promo-title { font-size:14px; line-height:1.6; color:#2d527e; }
.mp-registration__promo-text { margin:0; color:#7b8ca2; font-size:12px; line-height:1.8; }