/* com_jciporders 前台样式（UIkit 之上的少量补充） */
.jcipo-steps{list-style:none;padding:0;margin:0;gap:.5rem}
.jcipo-step{display:flex;align-items:center;gap:.4rem;padding:.35rem .7rem;border-radius:999px;background:#f0f2f5;color:#666;font-size:.9rem}
.jcipo-step.current{background:#1e87f0;color:#fff}
.jcipo-step.done{background:#e3f2fd;color:#1e87f0}
.jcipo-step a{color:inherit;text-decoration:none}
.jcipo-step-no{display:inline-flex;width:1.4rem;height:1.4rem;border-radius:50%;background:rgba(0,0,0,.08);align-items:center;justify-content:center;font-weight:600}
.jcipo-wizard .control-group{margin-bottom:0}
.jcipo-wizard .control-label label{font-weight:600;display:block;margin-bottom:.3rem}
.jcipo-wizard .control-label .star{color:#f0506e}
.jcipo-wizard .form-text,.jcipo-wizard .description{font-size:.85rem;color:#666}
.jcipo-wizard fieldset.checkboxes{border:0;padding:0;margin:0}
.jcipo-wizard fieldset.checkboxes ul,.jcipo-wizard fieldset.radio ul{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(14rem,1fr));gap:.25rem .75rem}
.jcipo-wizard fieldset.checkboxes li label,.jcipo-wizard fieldset.radio li label{display:inline-flex;gap:.4rem;align-items:center;cursor:pointer}
.jcipo-classes.jcipo-dim fieldset.checkboxes{opacity:.45;pointer-events:none}
.jcipo-wizard input[type=file].uk-input{padding-top:.4rem}

/* 登录页 */
.jcipo-login .jcipo-code-input{font-size:1.6rem;letter-spacing:.5em;text-align:center}
.jcipo-login .jcipo-login-or{position:relative}
.jcipo-login .jcipo-login-or::before,.jcipo-login .jcipo-login-or::after{content:"";position:absolute;top:50%;width:40%;border-top:1px solid #e5e5e5}
.jcipo-login .jcipo-login-or::before{left:0}.jcipo-login .jcipo-login-or::after{right:0}
.jcipo-login .jcipo-btn-wechat{border-color:#07c160;color:#07c160}
.jcipo-login .jcipo-btn-wechat:hover{background:#07c160;color:#fff}

/* YOOtheme 把 uk-checkbox / uk-radio 加在 Joomla 的 fieldset、div 容器上（本应只加在 input 上），容器被压成 16px 方块——在组件范围内还原 */
[class*="jcipo-"] fieldset.uk-checkbox,[class*="jcipo-"] fieldset.uk-radio,[class*="jcipo-"] div.uk-checkbox,[class*="jcipo-"] div.uk-radio{display:grid;grid-template-columns:repeat(auto-fill,minmax(12rem,1fr));gap:.4rem 1rem;width:auto;height:auto;margin:0;padding:0;border:0;border-radius:0;background:none;overflow:visible;-webkit-appearance:none;appearance:none;vertical-align:baseline;cursor:auto}
[class*="jcipo-"] div.uk-radio,[class*="jcipo-"] fieldset.uk-radio{display:flex;flex-wrap:wrap;gap:.4rem 2rem}
[class*="jcipo-"] .form-check{display:flex;align-items:center;gap:.5rem;margin:0;padding:0;min-height:1.9rem}
[class*="jcipo-"] .form-check-input{flex:none;width:16px;height:16px;margin:0;accent-color:#1e2d78;-webkit-appearance:auto !important;appearance:auto !important;background:none !important;display:inline-block !important}
[class*="jcipo-"] .form-check-label{margin:0;cursor:pointer}
.jcipo-step.current{background:#1e2d78;color:#fff}
.jcipo-step.done{background:#eef1f9;color:#1e2d78}

/* 上传/提交反馈 */
.jcipo-upload-status{margin-top:.9rem}
.jcipo-upload-bar{height:6px;border-radius:3px;background:#e3e6ef;overflow:hidden}
.jcipo-upload-bar span{display:block;height:100%;width:0;background:#1e2d78;transition:width .2s linear}
.jcipo-upload-indeterminate span{width:40% !important;animation:jcipo-slide 1.1s ease-in-out infinite}
@keyframes jcipo-slide{0%{margin-left:-40%}100%{margin-left:100%}}
.jcipo-upload-text{margin-top:.4rem;font-size:.9rem;color:#4d5169}
.jcipo-upload-error .jcipo-upload-text{color:#d63333}
.jcipo-upload-error .jcipo-upload-bar span{background:#d63333}
form[aria-busy="true"] button[type=submit]{opacity:.65;cursor:progress}
@media (prefers-reduced-motion:reduce){.jcipo-upload-indeterminate span{animation:none;width:100% !important}}

/* ===== 会员区（照 YOOtheme 账户区：大标题、左侧文字导航、细线键值行与表格、文字状态） ===== */
.jcipo-account{--jc-navy:#1e2d78;--jc-red:#d63333;--jc-text:#4d5169;--jc-muted:#6b7089;--jc-line:#e3e6ef;color:var(--jc-text)}
.jcipo-account-back{margin:0 0 .5rem;font-size:.9rem}.jcipo-account-back a{color:var(--jc-muted);text-decoration:none}
.jcipo-account-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:2rem}
.jcipo-account-title{margin:0;font-size:2.2rem;line-height:1.2;font-weight:500;color:var(--jc-navy)}
.jcipo-account-body{display:flex;flex-wrap:wrap;gap:2rem 0}
.jcipo-account-nav{flex:0 0 200px;display:flex;flex-direction:column;padding-right:2rem;border-right:1px solid var(--jc-line)}
.jcipo-account-nav a{display:flex;align-items:center;gap:.5rem;min-height:2.6rem;color:var(--jc-muted);text-decoration:none}
.jcipo-account-nav a:hover{color:var(--jc-navy)}
.jcipo-account-nav a.is-active{color:var(--jc-navy);font-weight:600}
.jcipo-account-content{flex:1 1 480px;min-width:0;padding-left:3rem;box-sizing:border-box}
@media (max-width:959px){
  .jcipo-account-nav{flex:1 1 100%;flex-direction:row;gap:1.4rem;overflow-x:auto;padding:0 0 .6rem;border-right:0;border-bottom:1px solid var(--jc-line)}
  .jcipo-account-nav a{white-space:nowrap;min-height:2.2rem}
  .jcipo-account-content{padding-left:0}
  .jcipo-account-title{font-size:1.7rem}
}
.jcipo-badge{display:inline-flex;align-items:center;justify-content:center;min-width:1.25rem;height:1.25rem;padding:0 .35rem;border-radius:999px;background:var(--jc-red);color:#fff;font-size:.72rem;font-weight:600;line-height:1}
.jcipo-dot{display:inline-block;width:.5rem;height:.5rem;border-radius:50%;background:var(--jc-red);vertical-align:middle;margin-left:.3rem}
.jcipo-lead{margin:0 0 1.5rem;font-size:1.05rem;color:var(--jc-text)}
.jcipo-h2{margin:0 0 .4rem;font-size:1.35rem;font-weight:500;color:var(--jc-navy)}
.jcipo-h3{margin:0 0 .5rem;font-size:1.1rem;font-weight:600;color:var(--jc-navy)}
.jcipo-section{margin-top:2.5rem}
.jcipo-muted{color:var(--jc-muted)}.jcipo-small{font-size:.9rem}.jcipo-strong{color:var(--jc-navy);font-weight:600}.jcipo-danger{color:var(--jc-red)}.jcipo-right{text-align:right;white-space:nowrap}
.jcipo-empty{color:var(--jc-muted);padding:1rem 0;border-top:1px solid var(--jc-line);border-bottom:1px solid var(--jc-line)}
.jcipo-table{width:100%;border-collapse:collapse;font-size:.95rem}
.jcipo-table th{text-align:left;padding:0 1rem .6rem 0;font-size:.72rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--jc-muted);border-bottom:1px solid var(--jc-line)}
.jcipo-table td{padding:1rem 1rem 1rem 0;border-bottom:1px solid var(--jc-line);vertical-align:middle}
.jcipo-table th.jcipo-right,.jcipo-table td.jcipo-right,.jcipo-table .jcipo-col-action{text-align:right;padding-right:0}
.jcipo-table tfoot td{border-bottom:0;padding-top:1rem}
.jcipo-table a{color:var(--jc-navy)}
.jcipo-kv{display:flex;flex-direction:column}
.jcipo-kv>div{display:flex;align-items:baseline;gap:1.5rem;padding:.7rem 0;border-bottom:1px solid var(--jc-line)}
.jcipo-kv>div>span:first-child{flex:0 0 8.5rem;color:var(--jc-muted);font-size:.9rem}
.jcipo-kv>div>span:last-child{flex:1 1 auto;min-width:0;color:var(--jc-navy);overflow-wrap:anywhere}
.jcipo-kv>div>span:first-child:has(a){flex:1 1 55%;font-size:1rem}.jcipo-kv>div>span:first-child:has(a)+span{flex:0 1 auto;color:var(--jc-muted);font-size:.9rem;text-align:right}
.jcipo-timeline{list-style:none;margin:0;padding:0}
.jcipo-timeline li{display:flex;flex-wrap:wrap;gap:.2rem 1.5rem;padding:.9rem 0;border-bottom:1px solid var(--jc-line)}
.jcipo-timeline time{flex:0 0 9rem;color:var(--jc-muted);font-size:.9rem}
.jcipo-timeline strong{color:var(--jc-navy);font-weight:600}
.jcipo-timeline span{flex-basis:100%;padding-left:10.5rem;color:var(--jc-text);font-size:.95rem}
@media (max-width:639px){.jcipo-timeline span{padding-left:0}.jcipo-kv>div{flex-direction:column;align-items:flex-start;gap:.15rem}.jcipo-kv>div>span:first-child{flex-basis:auto;font-size:.85rem;color:var(--jc-muted)}.jcipo-kv>div>span:last-child{text-align:left}.jcipo-timeline time{flex-basis:auto}}
/* 里程碑：一条横线上六个节点，已完成的实心深蓝，当前一步红色描边 */
.jcipo-steps{list-style:none;margin:0 0 .6rem;padding:0;display:flex;counter-reset:jcstep}
.jcipo-steps li{position:relative;flex:1 1 0;min-width:0;padding-top:1.5rem;text-align:center;font-size:.85rem;color:var(--jc-muted)}
.jcipo-steps li::before{content:"";position:absolute;top:.45rem;left:-50%;width:100%;height:2px;background:var(--jc-line)}
.jcipo-steps li:first-child::before{display:none}
.jcipo-steps li.is-done::before,.jcipo-steps li.is-current::before{background:var(--jc-navy)}
.jcipo-steps-dot{position:absolute;top:0;left:50%;width:1rem;height:1rem;margin-left:-.5rem;border-radius:50%;background:#fff;border:2px solid #c9cee0;box-sizing:border-box;z-index:1}
.jcipo-steps li.is-done .jcipo-steps-dot{background:var(--jc-navy);border-color:var(--jc-navy)}
.jcipo-steps li.is-current .jcipo-steps-dot{border-color:var(--jc-red);box-shadow:0 0 0 4px rgba(214,51,51,.14)}
.jcipo-steps li.is-done,.jcipo-steps li.is-current{color:var(--jc-navy)}
.jcipo-steps li.is-current .jcipo-steps-label{font-weight:600}
.jcipo-steps.is-cancelled li{color:#b3b8cc}
.jcipo-steps-status{margin:0 0 1.6rem;text-align:center;font-size:.95rem;color:var(--jc-navy)}
.jcipo-steps.is-cancelled+.jcipo-steps-status{color:var(--jc-red)}
/* 进度记录：纵向轴，节点在线上 */
.jcipo-axis{list-style:none;margin:.6rem 0 0;padding:0 0 0 1.4rem;border-left:2px solid var(--jc-line)}
.jcipo-axis li{position:relative;padding:0 0 1.3rem}
.jcipo-axis li:last-child{padding-bottom:.2rem}
.jcipo-axis li::before{content:"";position:absolute;left:calc(-1.4rem - 6px);top:.35rem;width:10px;height:10px;border-radius:50%;background:#fff;border:2px solid var(--jc-navy);box-sizing:border-box}
.jcipo-axis li:last-child::before{background:var(--jc-navy)}
.jcipo-axis time{display:block;font-size:.8rem;color:var(--jc-muted)}
.jcipo-axis strong{display:block;color:var(--jc-navy);font-weight:600}
.jcipo-axis span{display:block;margin-top:.15rem;font-size:.92rem;color:var(--jc-text)}
@media (max-width:639px){.jcipo-steps li{font-size:.72rem}}
.jcipo-notice{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.75rem 1.5rem;padding:1rem 1.25rem;margin-bottom:1.5rem;background:#f8f9fb}
.jcipo-notes{margin:.3rem 0 .8rem;padding:0;list-style:none;color:var(--jc-muted);font-size:.9rem}
.jcipo-docreq{padding:1.5rem 0;border-top:1px solid var(--jc-line)}
.jcipo-docreq:last-child{border-bottom:1px solid var(--jc-line)}
.jcipo-tag-danger{display:inline-block;margin-left:.5rem;font-size:.8rem;font-weight:600;color:var(--jc-red)}
.jcipo-inline-form{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}.jcipo-inline-form .uk-input{width:14rem}
.jcipo-btn-solid,.jcipo-btn-ghost{display:inline-flex;align-items:center;justify-content:center;min-height:2.25rem;padding:0 1.1rem;border-radius:999px;font-size:.9rem;font-weight:600;text-decoration:none !important;white-space:nowrap;cursor:pointer;line-height:1}
.jcipo-btn-solid{background:var(--jc-navy);color:#fff !important;border:1px solid var(--jc-navy)}
.jcipo-btn-ghost{background:#fff;color:var(--jc-navy) !important;border:1px solid #b9bfd6}
.jcipo-btn-xs{min-height:1.8rem;padding:0 .7rem;font-size:.78rem;margin-left:.5rem}
.jcipo-account .uk-button-primary.jcipo-btn{border-radius:999px}
@media (max-width:639px){.jcipo-table th.jcipo-col-action,.jcipo-table td.jcipo-col-action{display:none}.jcipo-table th,.jcipo-table td{padding-right:.6rem}}

/* ===== 服务页「在线委托 / 获取报价」卡片（mod_jciporders_cta · cta） ===== */
.jcipo-cta{display:flex;flex-direction:column;gap:1.1rem;padding:1.6rem;border:1px solid #e3e6ef;background:#fff;color:#4d5169;line-height:1.6}
.jcipo-cta-eyebrow{font-size:.78rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#d63333}
.jcipo-cta-title{font-size:1.3rem;font-weight:500;color:#1e2d78;line-height:1.3}
.jcipo-cta-text{margin:0}
.jcipo-cta-rows{display:flex;flex-direction:column}
.jcipo-cta-rows>div{display:flex;flex-direction:column;gap:.15rem;padding:.7rem 0;border-top:1px solid #e3e6ef;font-size:.92rem}
.jcipo-cta-rows>div:last-child{border-bottom:1px solid #e3e6ef}
.jcipo-cta-rows>div>span:first-child{color:#1e2d78;font-weight:600}
.jcipo-cta-button{display:inline-flex;align-items:center;justify-content:center;min-height:3rem;padding:0 1.8rem;border-radius:999px;background:#d63333;color:#fff !important;font-weight:600;text-decoration:none !important;text-align:center}
.jcipo-cta-button:hover{background:#1e2d78}
.jcipo-cta-note{margin:0;font-size:.82rem;color:#6b7089}

/* ===== 业务总页「在哪里注册」（mod_jciporders_cta · hub） ===== */
.jcipo-hub{color:#4d5169}
.jcipo-hub-head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:1rem 2rem;padding-bottom:.8rem}
.jcipo-hub-title{margin:0;font-size:1.6rem;font-weight:500;color:#1e2d78}
.jcipo-hub-search{display:flex;flex-direction:column;gap:.3rem;font-size:.85rem;color:#6b7089;width:min(100%,20rem)}
.jcipo-hub-search input{box-sizing:border-box;height:2.75rem;padding:0 1rem;border:1px solid #b9bfd6;border-radius:999px;font:inherit;color:#4d5169;background:#fff}
.jcipo-hub-list{border-top:1px solid #e3e6ef}
.jcipo-hub-row{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;padding:1.1rem 0;border-bottom:1px solid #e3e6ef;text-decoration:none !important;color:inherit}
a.jcipo-hub-row:hover .jcipo-hub-row-name{color:#d63333}
.jcipo-hub-row-text{display:flex;flex-direction:column;gap:.15rem;min-width:0}
.jcipo-hub-row-name{font-size:1.15rem;font-weight:500;color:#1e2d78}
.jcipo-hub-row-line{font-size:.92rem;color:#4d5169}
.jcipo-hub-row-btn{flex:none;display:inline-flex;align-items:center;min-height:2.4rem;padding:0 1.2rem;border-radius:999px;background:#d63333;color:#fff;font-size:.9rem;font-weight:600;white-space:nowrap}
.jcipo-hub-row-btn-ghost{background:#fff;color:#1e2d78 !important;border:1px solid #b9bfd6;text-decoration:none !important}
.jcipo-hub-chips{display:flex;flex-wrap:wrap;gap:.35rem .5rem;margin-top:.5rem}
.jcipo-hub-chips a{display:inline-flex;align-items:center;min-height:1.9rem;padding:0 .7rem;border:1px solid #e3e6ef;border-radius:999px;font-size:.82rem;color:#1e2d78;text-decoration:none}
.jcipo-hub-chips a:hover{border-color:#1e2d78}
.jcipo-hub-empty{padding:1rem 0;color:#6b7089}
@media (max-width:639px){.jcipo-hub-row{flex-direction:column;align-items:flex-start;gap:.6rem}}

/* ===== 页头会员入口（mod_jciporders_cta · account） ===== */
.jcipo-entry{display:inline-flex;align-items:center;font-size:.95rem;position:relative}
.jcipo-entry-menu{display:none;position:absolute;right:0;top:calc(100% + 8px);z-index:1020}
.jcipo-entry-menu.uk-open{display:block}
.jcipo-entry-login,.jcipo-entry-user{display:inline-flex;align-items:center;gap:.4rem;min-height:2.4rem;padding:0 1rem;border-radius:999px;border:0;background:#eef1f5;color:#1e2d78;font:inherit;font-weight:600;text-decoration:none !important;cursor:pointer}
.jcipo-entry-login:hover,.jcipo-entry-user:hover{background:#e3e6ef}
.jcipo-entry-badge{display:inline-flex;align-items:center;justify-content:center;min-width:1.2rem;height:1.2rem;padding:0 .3rem;border-radius:999px;background:#d63333;color:#fff;font-size:.72rem;line-height:1}
.jcipo-entry-caret{font-size:.7rem;opacity:.7}
.jcipo-entry-menu{min-width:13rem;padding:.4rem 1rem;background:#fff;border:1px solid #e3e6ef;box-shadow:0 14px 25px rgba(39,44,63,.10)}
.jcipo-entry-item{display:flex;justify-content:space-between;align-items:center;gap:1rem;min-height:2.6rem;color:#4d5169;text-decoration:none !important;border-bottom:1px solid #e3e6ef}
.jcipo-entry-item:last-child{border-bottom:0}
.jcipo-entry-item:hover span:first-child{color:#1e2d78}
.jcipo-entry-item-orders span:first-child{color:#1e2d78;font-weight:600}
.jcipo-entry-count{font-size:.78rem;color:#d63333}
/* 文章页内嵌（Modules Anywhere）：卡片右浮，法域选择器通栏 */
.jcipo-cta-float{float:right;width:min(100%,360px);margin:0 0 1.5rem 2.5rem}
.jcipo-hub-inline{clear:both;margin:2.5rem 0}
@media (max-width:767px){.jcipo-cta-float{float:none;width:100%;margin:1.5rem 0}}
/* 产品页底部小字声明（mod_jciporders_cta · notice） */
.jcipo-legal{font-size:.8rem;line-height:1.6;color:#6b7089;border-top:1px solid #e3e6ef;padding-top:1rem}
.jcipo-legal p{margin:0 0 .4rem}.jcipo-legal a{color:#6b7089;text-decoration:underline}

/* 首屏入口（mod_jciporders_cta entry 模式）：两个按钮 + 一行要点 */
.jcipo-start{margin-top:28px}
.jcipo-start-buttons{display:flex;flex-wrap:wrap;gap:12px}
.jcipo-start-center .jcipo-start-buttons{justify-content:center}
.jcipo-start-facts{list-style:none;margin:18px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:6px 22px;font-size:14px;color:#6b7089}
.jcipo-start-center .jcipo-start-facts{justify-content:center}
.jcipo-start-facts li{position:relative;padding-left:16px}
.jcipo-start-facts li::before{content:"";position:absolute;left:0;top:.55em;width:7px;height:7px;border-radius:50%;background:#fd4444}
@media (max-width:639px){.jcipo-start-buttons .uk-button{width:100%;text-align:center}}

/* 会员区精修：区块间距、标题线 */
.jcipo-account .jcipo-section{margin-top:2rem}
.jcipo-account .jcipo-h2{padding-bottom:.5rem;border-bottom:1px solid var(--jc-line);margin-bottom:.2rem;font-size:1.15rem;font-weight:600}
.jcipo-account .jcipo-lead{margin-bottom:1.2rem}
.jcipo-account-head{margin-bottom:1.4rem}
/* 站内通知（Joomla 系统消息）：白底、左侧色条、深蓝文字，与会员区一致 */
#system-message-container .uk-alert,#system-message-container joomla-alert{position:relative;max-width:1200px;margin:1rem auto 0;padding:.9rem 2.8rem .9rem 1.1rem;background:#fff;color:#1e2d78;border:1px solid #e3e6ef;border-left:3px solid #1e2d78;border-radius:0;box-shadow:0 6px 18px rgba(30,45,120,.06);font-size:.95rem}
#system-message-container .uk-alert-success{border-left-color:#1f7a3a}
#system-message-container .uk-alert-warning{border-left-color:#c98a00}
#system-message-container .uk-alert-danger{border-left-color:#d63333;color:#a32020}
#system-message-container .uk-alert p,#system-message-container .uk-alert div{margin:0}
#system-message-container .uk-alert .uk-alert-close,#system-message-container .uk-alert .uk-close{position:absolute;top:.8rem;right:.9rem;color:#6b7089}
/* 在线委托与会员区页面：页脚上方一条细长的红蓝两色分隔条 */
body:has(.jcipo-account) footer,body:has(.jcipo-wizard) footer,body:has(.jcipo-login) footer{border-top:6px solid #28388b;border-image:linear-gradient(90deg,#fd4444 0 38%,#28388b 38% 100%) 1}