:root { --cp-red:#a9342e; --cp-ink:#202825; --cp-green:#214536; --cp-gold:#b78b45; --cp-muted:#65716b; --cp-line:#dfe4e1; --cp-soft:#f4f7f5; }
.content-page { margin:0; color:var(--cp-ink); background:#fff; font-family:"Noto Sans SC","Microsoft YaHei",system-ui,sans-serif; }
.content-main { min-height:60vh; }
.content-hero { position:relative; min-height:390px; display:flex; align-items:flex-end; padding:70px 0 58px; color:#fff; background:#22362d; overflow:hidden; }
.content-hero.has-image::before { content:""; position:absolute; inset:0; background:linear-gradient(90deg,rgba(21,34,28,.92),rgba(21,34,28,.65) 55%,rgba(21,34,28,.2)),var(--hero-image) center/cover no-repeat; }
.content-shell { position:relative; width:min(1120px,calc(100% - 40px)); margin:0 auto; }
.content-hero-copy { position:relative; max-width:760px; }
.content-kicker { margin:0 0 12px; color:#e0bf7e; font-size:15px; font-weight:800; }
.content-hero h1 { max-width:760px; margin:0; font-size:clamp(34px,5vw,58px); line-height:1.15; letter-spacing:0; }
.content-hero p:not(.content-kicker) { max-width:720px; margin:20px 0 0; color:#e6ece8; font-size:19px; line-height:1.8; }
.content-actions { display:flex; flex-wrap:wrap; gap:10px; margin-top:26px; }
.content-button { min-height:46px; display:inline-flex; align-items:center; justify-content:center; padding:0 20px; border:1px solid rgba(255,255,255,.55); border-radius:5px; color:#fff; font-size:16px; font-weight:800; text-decoration:none; }
.content-button.primary { border-color:var(--cp-red); background:var(--cp-red); }
.content-breadcrumb { min-height:52px; display:flex; align-items:center; gap:10px; color:var(--cp-muted); font-size:14px; }
.content-breadcrumb a { color:var(--cp-green); }
.content-section { padding:68px 0; }
.content-section.soft { background:var(--cp-soft); }
.content-heading { max-width:780px; margin-bottom:32px; }
.content-heading small { display:block; margin-bottom:8px; color:var(--cp-red); font-size:14px; font-weight:900; }
.content-heading h2 { margin:0; color:var(--cp-ink); font-size:32px; line-height:1.28; letter-spacing:0; }
.content-heading p { margin:14px 0 0; color:var(--cp-muted); font-size:17px; line-height:1.85; }
.content-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; }
.content-grid.two { grid-template-columns:repeat(2,minmax(0,1fr)); }
.content-card { min-width:0; padding:25px; border:1px solid var(--cp-line); border-radius:7px; background:#fff; }
a.content-card { color:inherit; text-decoration:none; }
a.content-card:hover { border-color:#c9ae78; box-shadow:0 10px 25px rgba(31,48,39,.08); transform:translateY(-2px); }
.content-card .tag { color:var(--cp-red); font-size:13px; font-weight:900; }
.content-card h3 { margin:9px 0; color:var(--cp-green); font-size:21px; line-height:1.4; letter-spacing:0; }
.content-card p,.content-card li { color:#56635d; font-size:16px; line-height:1.8; }
.content-card p { margin:0; }
.content-card ul { margin:12px 0 0; padding-left:20px; }
.content-card img { width:100%; height:auto; aspect-ratio:16/10; display:block; margin-bottom:18px; border:1px solid var(--cp-line); border-radius:5px; object-fit:cover; }
.institution-system-grid { display:grid; grid-template-columns:minmax(0,1fr); gap:34px; }
.institution-system-card { min-width:0; overflow:hidden; padding:0; border:1px solid #cfd8d3; border-radius:7px; background:#fff; box-shadow:0 14px 34px rgba(28,52,42,.08); }
.institution-system-card > img { width:100%; height:auto; aspect-ratio:3/2; margin:0; border:0; border-bottom:1px solid #cfd8d3; border-radius:0; object-fit:contain; background:#e9eeec; }
.institution-system-copy { display:grid; grid-template-columns:minmax(0,1.08fr) minmax(320px,.92fr); gap:28px 46px; padding:28px 32px 30px; }
.institution-system-copy .tag { display:block; margin-bottom:8px; color:var(--cp-red); font-size:13px; font-weight:900; }
.institution-system-copy h3 { margin:0 0 10px; color:var(--cp-green); font-size:25px; line-height:1.4; }
.institution-system-copy p,.institution-system-copy li { color:#56635d; font-size:16px; line-height:1.8; }
.institution-system-copy p { margin:0; }
.institution-system-copy ul { align-self:start; margin:0; padding:2px 0 0 20px; }
.institution-system-actions { display:flex; flex-wrap:wrap; gap:10px; grid-column:1/-1; }
.institution-system-actions a { display:inline-flex; align-items:center; justify-content:center; min-height:44px; padding:0 18px; border:1px solid #d6d0c2; color:var(--cp-green); font-size:16px; font-weight:800; text-decoration:none; }
.institution-system-actions a.primary { border-color:var(--cp-red); background:var(--cp-red); color:#fff; }
.institution-system-actions a:hover { border-color:var(--cp-red); color:var(--cp-red); }
.institution-system-actions a.primary:hover { color:#fff; filter:brightness(.94); }
.content-link { display:inline-block; margin-top:15px; color:var(--cp-red); font-size:15px; font-weight:850; }
.content-process { counter-reset:step; display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:1px; border:1px solid var(--cp-line); background:var(--cp-line); }
.content-process article { position:relative; min-height:190px; padding:24px; background:#fff; }
.content-process article::before { counter-increment:step; content:"0" counter(step); display:block; margin-bottom:24px; color:var(--cp-gold); font-size:14px; font-weight:900; }
.content-process h3 { margin:0 0 8px; font-size:19px; }
.content-process p { margin:0; color:var(--cp-muted); font-size:15px; line-height:1.75; }
.content-search { padding:25px; border:1px solid var(--cp-line); border-top:3px solid var(--cp-gold); border-radius:6px; background:#fff; }
.content-search-row { display:grid; grid-template-columns:2fr repeat(3,1fr) auto; gap:10px; }
.content-search input,.content-search select { min-width:0; height:48px; padding:0 12px; border:1px solid #bdc8c2; border-radius:4px; background:#fff; font-size:16px; }
.content-search button { min-width:94px; border:0; border-radius:4px; color:#fff; background:var(--cp-green); font-size:16px; font-weight:850; }
.content-notice { margin-top:15px; padding:14px 16px; border-left:4px solid var(--cp-gold); color:#59655f; background:#f8f7f3; font-size:15px; line-height:1.75; }
.content-faq { display:grid; gap:10px; }
.content-faq details { padding:0 20px; border:1px solid var(--cp-line); border-radius:5px; background:#fff; }
.content-faq summary { min-height:58px; display:flex; align-items:center; color:var(--cp-green); font-size:18px; font-weight:850; cursor:pointer; }
.content-faq details p { margin:0 0 20px; color:#59655f; font-size:17px; line-height:1.9; }
.content-meta-table { width:100%; border-collapse:collapse; background:#fff; }
.content-meta-table th,.content-meta-table td { padding:14px; border:1px solid var(--cp-line); text-align:left; font-size:15px; line-height:1.6; }
.content-meta-table th { width:18%; color:var(--cp-green); background:#f6f8f6; }
.content-article { max-width:850px; }
.content-article h2 { margin:45px 0 14px; color:var(--cp-green); font-size:28px; }
.content-article h3 { margin:28px 0 10px; font-size:21px; }
.content-article p,.content-article li { color:#46534d; font-size:18px; line-height:2; }
.content-article figure { margin:30px 0; }
.content-article img { width:100%; border-radius:6px; }
.content-article figcaption { margin-top:8px; color:var(--cp-muted); font-size:14px; text-align:center; }
.content-cta { padding:44px; display:flex; align-items:center; justify-content:space-between; gap:30px; border-radius:7px; color:#fff; background:var(--cp-green); }
.content-cta h2 { margin:0 0 8px; font-size:29px; }
.content-cta p { margin:0; color:#dce7e1; font-size:17px; }
@media(max-width:900px){.content-grid,.content-process{grid-template-columns:repeat(2,minmax(0,1fr))}.content-search-row{grid-template-columns:1fr 1fr}.content-search-row input{grid-column:1/-1}.content-search-row button{min-height:46px}.content-cta{align-items:flex-start;flex-direction:column}.content-grid.two{grid-template-columns:1fr}.institution-system-copy{grid-template-columns:1fr;gap:18px}}
@media(max-width:620px){.content-shell{width:calc(100% - 24px)}.content-hero{min-height:360px;padding:58px 0 45px}.content-hero h1{font-size:36px}.content-hero p:not(.content-kicker){font-size:18px}.content-section{padding:48px 0}.content-heading h2{font-size:27px}.content-grid,.content-process{grid-template-columns:1fr}.content-search-row{grid-template-columns:1fr}.content-search-row input{grid-column:auto}.content-card{padding:21px}.institution-system-grid{gap:24px}.institution-system-card{padding:0}.institution-system-copy{padding:22px 20px 24px}.institution-system-copy h3{font-size:22px}.content-cta{padding:28px 22px}.content-article p,.content-article li{font-size:17px}}