/* 申报中心 /apply。只给本页用；共享组件（ui-path、ui-myapply、ui-eligibility）的页内微调都挂在 .pg-apply 下。 */
main.wrap:has(.pg-apply){max-width:1200px;width:min(1200px,calc(100% - 32px))}
.pg-apply{display:flex;flex-direction:column;gap:var(--space-12);padding-bottom:var(--space-16);overflow-wrap:anywhere}
.pg-apply h1{margin:0 0 var(--space-4);color:var(--color-text-primary)}
.pg-apply .ui-section{margin-bottom:var(--space-6)}
.pg-apply .ui-btn{min-height:44px;font-size:14px}
.pg-apply .apply-ddl-far{background:var(--color-status-success-soft);border-color:var(--color-text-success);color:var(--color-text-success)}
.pg-apply .apply-ddl-far b{color:var(--color-text-success)}
.ac-muted{margin:var(--space-4) 0 0;color:var(--color-text-muted);font-size:14px;line-height:22px}

/* 页头：说明通栏，下面左选路、右「我的设计与申报」 */
.ac-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,400px);grid-template-areas:"copy copy" "paths mine";gap:var(--space-6) var(--space-8);align-items:start}
.ac-hero-copy{grid-area:copy;max-width:760px}
.ac-eyebrow{margin:0 0 var(--space-3);color:var(--color-text-gold);font-size:14px;font-weight:500;line-height:20px}
.ac-lead{margin:0;color:var(--color-text-secondary);font-size:16px;line-height:28px}
.pg-apply .path-block{grid-area:paths;display:flex;flex-direction:column;gap:var(--space-3);min-width:0}
.pg-apply .path-block > [data-submission-gated]{display:flex;flex-direction:column}
.pg-apply [data-submission-gated][hidden]{display:none}
.path-label{margin:0;font-size:14px;font-weight:500;line-height:22px;color:var(--color-text-primary)}
.path-note,.save-note{margin:0;color:var(--color-text-secondary);font-size:14px;line-height:22px}
.pg-apply .path-note{margin-top:var(--space-1);font-weight:400;color:var(--color-text-secondary)}
.save-note{display:flex;gap:var(--space-2);align-items:flex-start}
.save-note svg{flex:0 0 auto;margin-top:3px;color:var(--color-text-success)}
.ac-mine{grid-area:mine;min-width:0}
.ac-msg{margin:0 0 var(--space-3);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);background:var(--color-bg-seal-tint);color:var(--color-brand-seal-deep)}
/* 记录卡在本页的口径：状态是说明不是警告，不用印章红 */
.pg-apply .ui-myapply{padding:var(--space-6);gap:var(--space-4)}
.pg-apply .ui-record .status{color:var(--color-text-secondary);font-weight:400}
.pg-apply .ui-record h4{font-size:15px;line-height:22px}

/* 统一的卡片式折叠：整行可点，右侧用 CSS 画箭头 */
.pg-apply details.ac-acc{background:var(--color-bg-surface);border:1px solid var(--color-border-default);border-radius:var(--radius-md)}
.pg-apply .ac-acc > summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);min-height:56px;padding:var(--space-3) var(--space-6);cursor:pointer;font-size:16px;font-weight:500;line-height:24px;color:var(--color-text-primary)}
.pg-apply .ac-acc > summary::-webkit-details-marker{display:none}
.pg-apply .ac-acc > summary::after{content:'';flex:0 0 auto;width:8px;height:8px;margin-right:4px;border-right:2px solid var(--color-text-secondary);border-bottom:2px solid var(--color-text-secondary);transform:translateY(-2px) rotate(45deg);transition:transform .2s}
.pg-apply .ac-acc[open] > summary::after{transform:translateY(2px) rotate(-135deg)}
.pg-apply .ac-acc > summary:focus-visible{outline:2px solid var(--color-text-link);outline-offset:2px;border-radius:var(--radius-md)}
.pg-apply .ac-acc > summary span{display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--space-1) var(--space-3);min-width:0}
.pg-apply .ac-acc > summary em{font-style:normal;font-size:14px;font-weight:400;line-height:22px;color:var(--color-text-muted)}
.pg-apply .ac-acc[open] > summary{border-bottom:1px solid var(--color-border-default)}
.pg-apply .ac-acc > :not(summary){margin-left:var(--space-6);margin-right:var(--space-6)}
.pg-apply .ac-acc > summary + *{margin-top:var(--space-5)}
.pg-apply .ac-acc > :last-child:not(summary){margin-bottom:var(--space-6)}
.pg-apply .ac-acc > h3{margin:var(--space-5) var(--space-6) var(--space-2);font-size:16px}
.pg-apply .ac-acc > p{font-size:14px;line-height:24px;color:var(--color-text-secondary)}
@media(prefers-reduced-motion:reduce){.pg-apply .ac-acc > summary::after{transition:none}}

/* 我的全部设计与申报 */
.ac-all{margin-top:calc(-1 * var(--space-6))}
.ac-grid{list-style:none;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-3)}
.ac-card{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-4);border:1px solid var(--color-border-default);border-radius:var(--radius-md);background:var(--color-bg-page);min-width:0}
.ac-card.done{background:var(--color-bg-surface)}
.ac-card-top{display:flex;justify-content:space-between;align-items:center;gap:var(--space-2)}
.ac-card-title{font-size:15px;line-height:22px}
.ac-card .ui-btn{margin-top:auto;align-self:flex-start}
.ac-card [data-submission-gated]{margin-top:auto}
.ac-tag{font-size:12px;line-height:18px;padding:2px 8px;border-radius:var(--radius-pill);background:var(--color-bg-seal-tint);color:var(--color-brand-seal);font-weight:700}
.ac-card.done .ac-tag{background:var(--color-status-success-soft);color:var(--color-text-success)}
.ac-note{font-size:14px;line-height:22px;color:var(--color-text-primary)}
.ac-del{margin:0}
.ac-del button{border:0;background:transparent;min-height:44px;min-width:44px;padding:0 var(--space-2);font-size:14px;color:var(--color-text-muted);cursor:pointer;border-radius:var(--radius-md)}
.ac-del button:hover{color:var(--color-brand-seal);background:var(--color-bg-seal-tint)}

/* 四步（2026-10-12 版式规则 V1.1，与首页同一套）：不画框，金色宋体大编号，每步一条金色底线。 */
.pg-apply .ac-steps{padding:0;background:transparent;border:0;border-radius:0}
.ac-flow{list-style:none;padding:0;margin:var(--space-2) 0 0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-6)}
.ac-step{display:flex;flex-direction:column;gap:var(--space-2);padding:0 0 var(--space-4);background:transparent;border:0;border-bottom:2px solid var(--color-brand-gold);border-radius:0;min-width:0}
.ac-step b{font-size:18px;line-height:28px;font-family:var(--serif)}
.ac-step p{margin:0;font-size:15px;line-height:1.7;color:var(--color-text-secondary)}
.ac-no{font-family:var(--serif);font-size:36px;font-weight:700;line-height:1;color:var(--color-text-gold);font-variant-numeric:tabular-nums}
.ac-when{margin-top:auto;font-size:13px;line-height:20px;color:var(--color-text-muted)}

/* 三条路详细说明 */
.path-cards,.gain-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-4)}
.path-card{background:var(--color-bg-page);border:1px solid var(--color-border-default);border-radius:var(--radius-lg);padding:var(--space-5);display:flex;flex-direction:column;gap:var(--space-3);min-width:0}
.path-kicker{margin:0;color:var(--color-text-gold);font-size:14px;font-weight:500}
.path-card h3{margin:0;font-size:18px;font-weight:700;line-height:28px}
.path-when{margin:0;color:var(--color-text-muted);font-size:14px}
.pg-apply .path-card p{margin:0}
.pg-apply .path-actions{display:flex;flex-wrap:wrap;gap:var(--space-2) var(--space-3);margin-top:auto}
.paths-lead{margin-top:var(--space-4)!important}

/* 材料与时间 */
.ac-secondary{display:flex;flex-direction:column;gap:var(--space-3)}
.ac-secondary .ui-section{margin-bottom:var(--space-3)}
.ac-downloads{background:var(--color-bg-surface);border:1px solid var(--color-border-default);border-radius:var(--radius-md);padding:var(--space-2) var(--space-6)}
.ac-downloads h3{margin:var(--space-4) 0 var(--space-1);font-size:16px}
.ac-downloads ul{list-style:none;margin:0;padding:0}
.pg-apply .dl{display:flex;justify-content:space-between;align-items:center;gap:var(--space-6);margin:0;padding:var(--space-4) 0;background:none;border:0;border-top:1px solid var(--color-border-default);border-radius:0;box-shadow:none}
.pg-apply .dl:hover{box-shadow:none}
.pg-apply .dl:first-child{border-top:0}
.pg-apply .dl > div{display:flex;flex-direction:column;gap:2px;min-width:0}
.pg-apply .dl b{font-size:15px;line-height:22px}
.pg-apply .dl span{font-size:13px;line-height:20px;color:var(--color-text-muted)}
.pg-apply .dl .ui-btn{flex:0 0 auto;min-width:88px}
.pg-apply .tablebox{overflow-x:auto}

@media (max-width:900px){
  .ac-hero{grid-template-columns:1fr;grid-template-areas:"copy" "paths" "mine"}
  /* 有记录的老师回来先接着做，再看选路 */
  .ac-hero.has-record{grid-template-areas:"copy" "mine" "paths"}
  .ac-flow,.ac-grid,.path-cards,.gain-grid{grid-template-columns:1fr 1fr}
}
@media (max-width:640px){
  .pg-apply{gap:var(--space-10)}
  .pg-apply h1{font-size:30px;line-height:42px;letter-spacing:0}
  .ac-hero{gap:var(--space-5)}
  .ac-flow,.ac-grid,.path-cards,.gain-grid{grid-template-columns:1fr}
  .pg-apply .ui-btn{font-size:16px}
  .pg-apply .ui-path{padding:12px 0;gap:12px}
  .pg-apply .ui-icon-tile{width:40px;height:40px;flex:none}
  .pg-apply .ui-myapply{padding:var(--space-5)}
  .pg-apply .ui-record{padding:var(--space-4)}
  .pg-apply .ui-progress{gap:var(--space-1)}
  .pg-apply .ui-progress .link{width:10px}
  .pg-apply .ui-eligibility .ui-apply-head{flex-wrap:wrap;gap:8px}
  .pg-apply .ui-eligibility h3{white-space:nowrap}
  .pg-apply .ui-eligibility .ui-section-link{flex-basis:100%;min-height:44px}
  .pg-apply .ui-section{flex-wrap:wrap;align-items:flex-start}
  .pg-apply .ui-section-link{min-height:44px}
  .pg-apply .ui-eligibility.is-ruled .ui-eligibility-items li{padding:var(--space-3) 0;border-left:0;border-top:1px solid var(--color-border-default)}
  .pg-apply .ui-eligibility.is-ruled .ui-eligibility-items li:first-child{border-top:0;padding-top:0}
  .pg-apply .gain-grid{gap:var(--space-2)}
  .pg-apply .gain-grid .ui-value{display:grid;grid-template-columns:36px minmax(0,1fr);column-gap:var(--space-2);row-gap:var(--space-1);padding:var(--space-4)}
  .pg-apply .gain-grid .ui-index{grid-row:1/3;font-size:22px;line-height:28px}
  .pg-apply .gain-grid .ui-value h3{font-size:17px;line-height:26px}
  .pg-apply .gain-grid .ui-value p{font-size:14px;line-height:22px}
  /* 手机上四步改成编号在左的紧凑行，行间细线 */
  .ac-flow{grid-template-columns:1fr;gap:0}
  .ac-step{display:grid;grid-template-columns:40px minmax(0,1fr);column-gap:var(--space-3);row-gap:2px;padding:var(--space-3) 0;border-bottom:1px solid var(--color-border-default)}
  .ac-step .ac-no{grid-row:1/4;font-size:26px}
  .ac-step b{font-size:16px;line-height:24px}
  .ac-step p{font-size:14px;line-height:22px}
  .pg-apply .ac-acc > summary{padding:var(--space-3) var(--space-4)}
  .pg-apply .ac-acc > :not(summary){margin-left:var(--space-4);margin-right:var(--space-4)}
  .pg-apply .ac-acc > h3{margin-left:var(--space-4);margin-right:var(--space-4)}
  .ac-downloads{padding:var(--space-1) var(--space-4)}
  .pg-apply .dl{flex-direction:column;align-items:stretch;gap:var(--space-3)}
  .pg-apply .dl .ui-btn{align-self:flex-start}
}