:root { --paper:#f4f7f6; --surface:#fff; --ink:#24302d; --muted:#6d7b76; --line:#d8e2de; --brand:#167a68; --soft:#e9f6f2; --blue:#476f86; --blue-soft:#ecf4f7; --amber:#936321; --amber-soft:#fbf1df; }
* { box-sizing:border-box; }
html { background:var(--paper); }
body { margin:0; color:var(--ink); background:var(--paper); font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif; -webkit-font-smoothing:antialiased; }
a { color:inherit; text-decoration:none; }
.care-nav { min-height:70px; padding:0 max(24px,calc((100vw - 1180px)/2)); display:flex; align-items:center; justify-content:space-between; border-bottom:1px solid var(--line); background:rgba(255,255,255,.92); }
.care-brand { display:flex; align-items:center; gap:4px; font-size:21px; font-weight:600; }
.care-brand img { width:32px; height:32px; object-fit:contain; }
.care-back { display:flex; align-items:center; gap:8px; color:var(--muted); font-size:13px; }
main { width:min(100%,1180px); margin:0 auto; padding:68px 24px 86px; }
.care-hero { display:grid; grid-template-columns:1.15fr .85fr; gap:8vw; align-items:end; padding-bottom:48px; }
.care-kicker { margin:0 0 18px; color:var(--brand); font-size:10px; font-weight:800; letter-spacing:.16em; }
.care-hero h1 { margin:0; font-family:"Songti SC","STSong",serif; font-size:clamp(54px,6.5vw,82px); font-weight:600; line-height:1; letter-spacing:-.055em; }
.care-intro>p { margin:0; color:var(--muted); font-size:14px; line-height:1.85; }
.care-intro>span { margin-top:20px; padding-top:16px; display:flex; align-items:center; gap:9px; border-top:1px solid var(--line); color:var(--muted); font-size:10px; }
.care-intro strong { color:var(--ink); font-family:"Songti SC",serif; font-size:30px; font-weight:500; }
.care-tools { padding:18px; display:grid; grid-template-columns:1fr auto; gap:14px 18px; border:1px solid var(--line); background:rgba(255,255,255,.6); }
.care-search { min-width:0; display:flex; align-items:center; gap:10px; }
.care-search>span { color:var(--brand); font-size:23px; }
.care-search input { width:100%; padding:10px 0; color:var(--ink); background:transparent; border:0; outline:0; font:inherit; font-size:13px; }
.care-search input::placeholder { color:#9aa5a1; }
.care-region-filter { grid-column:1 / -1; display:flex; align-items:center; gap:12px; }
.care-region-filter>span { flex:0 0 auto; color:var(--muted); font-size:9px; }
.care-region-badges { display:flex; flex-wrap:wrap; gap:6px; }
.care-region-badge { padding:6px 10px; color:var(--muted); background:transparent; border:1px solid var(--line); border-radius:999px; font:inherit; font-size:9px; cursor:pointer; transition:color .15s,background .15s,border-color .15s; }
.care-region-badge:hover { color:var(--brand); border-color:#8bcbbd; }
.care-region-badge[aria-pressed="true"] { color:#fff; background:var(--brand); border-color:var(--brand); }
.care-selects { grid-column:2; grid-row:1; display:flex; gap:8px; }
.care-selects .care-region-select { display:none; }
.care-selects label { display:grid; gap:4px; color:var(--muted); font-size:8px; }
.care-selects select { min-width:118px; padding:8px 28px 8px 10px; color:var(--ink); background:#fff; border:1px solid var(--line); border-radius:3px; font:inherit; font-size:10px; }
.care-results-head { padding:22px 0 14px; display:flex; justify-content:space-between; color:var(--muted); font-size:10px; }
.care-results-head p { margin:0; }
.care-results-head button { padding:0; color:var(--muted); background:transparent; border:0; border-bottom:1px solid currentColor; font:inherit; cursor:pointer; }
.care-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); align-items:stretch; border-top:1px solid var(--line); border-left:1px solid var(--line); }
.care-card { height:430px; min-height:0; padding:22px; display:flex; flex-direction:column; overflow:hidden; background:rgba(255,255,255,.68); border-right:1px solid var(--line); border-bottom:1px solid var(--line); transition:background .18s,transform .18s,box-shadow .18s; }
.care-card:hover { position:relative; z-index:1; background:#fff; box-shadow:0 18px 40px rgba(36,48,45,.08); transform:translateY(-2px); }
.care-card__top { display:flex; align-items:center; gap:6px; color:var(--muted); font-size:8px; }
.care-card__top span:first-child { margin-right:auto; }
.care-card__top span:not(:first-child) { padding:4px 6px; background:var(--blue-soft); color:var(--blue); border-radius:3px; }
.care-card__top .cost-免费 { color:var(--brand); background:var(--soft); }
.care-card__top .cost-低价 { color:var(--amber); background:var(--amber-soft); }
.care-card h2 { margin:27px 0 7px; display:-webkit-box; overflow:hidden; font-family:"Songti SC","STSong",serif; font-size:25px; line-height:1.25; font-weight:600; letter-spacing:-.025em; -webkit-box-orient:vertical; -webkit-line-clamp:2; }
.care-provider { margin:0; color:var(--brand); font-size:9px; font-weight:700; line-height:1.55; }
.care-description { margin:16px 0 0; display:-webkit-box; overflow:hidden; color:var(--muted); font-size:11px; line-height:1.75; -webkit-box-orient:vertical; -webkit-line-clamp:2; }
.care-facts { margin:18px 0 0; display:grid; grid-template-columns:42px 1fr; gap:7px 9px; font-size:9px; line-height:1.55; }
.care-facts dt { color:var(--ink); font-weight:700; }
.care-facts dd { margin:0; display:-webkit-box; overflow:hidden; color:var(--muted); -webkit-box-orient:vertical; -webkit-line-clamp:2; }
.care-tags { margin-top:15px; display:flex; flex-wrap:wrap; gap:5px; }
.care-tags span { padding:4px 6px; color:var(--brand); background:var(--soft); border-radius:3px; font-size:8px; }
.care-card__boundary { margin:14px 0 0; padding-top:11px; display:-webkit-box; overflow:hidden; color:#8b7656; border-top:1px dashed #dbcbae; font-size:9px; line-height:1.6; -webkit-box-orient:vertical; -webkit-line-clamp:2; }
.care-card__footer { margin-top:auto; padding-top:16px; display:flex; align-items:end; justify-content:space-between; gap:14px; border-top:1px solid var(--line); }
.care-card__footer>span { max-width:68%; color:var(--muted); font-size:8px; line-height:1.5; }
.care-card__footer a { flex:0 0 auto; color:var(--ink); font-size:10px; font-weight:700; }
.care-empty { margin:40px 0; color:var(--muted); text-align:center; font-size:12px; }
.care-boundary { margin-top:58px; padding:26px 28px; display:grid; grid-template-columns:130px 1fr; gap:24px; border:1px solid #ddcfb6; background:#fbf3e4; }
.care-boundary b { color:var(--amber); font-size:12px; }
.care-boundary p { margin:0; color:var(--muted); font-size:10px; line-height:1.8; }
.care-boundary strong { color:var(--ink); }
.care-footer { padding:24px max(24px,calc((100vw - 1180px)/2)); border-top:1px solid var(--line); color:var(--muted); font-size:10px; line-height:1.7; }
@media(max-width:980px){.care-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.care-tools{grid-template-columns:1fr}.care-selects{grid-column:1;grid-row:auto;justify-content:space-between}.care-selects label{flex:1}.care-selects select{width:100%}}
@media(max-width:620px){.care-nav{padding:0 18px}.care-back{font-size:11px}main{padding:22px 18px 58px}.care-hero{max-height:20svh;grid-template-columns:1fr;gap:8px;padding-bottom:16px;overflow:hidden}.care-kicker{margin-bottom:7px;font-size:7px}.care-hero h1{font-size:38px}.care-intro>p{display:-webkit-box;overflow:hidden;font-size:10px;line-height:1.5;-webkit-box-orient:vertical;-webkit-line-clamp:2}.care-intro>span{display:none}.care-tools{margin:0 -18px;padding:11px 18px;gap:9px;border-left:0;border-right:0}.care-search input{padding:6px 0;font-size:11px}.care-search>span{font-size:18px}.care-region-filter{display:none}.care-selects{gap:6px}.care-selects .care-region-select{display:grid}.care-selects label{min-width:0}.care-selects label>span{display:none}.care-selects select{min-width:0;padding:7px 20px 7px 7px;font-size:9px}.care-results-head{padding:14px 0 10px}.care-grid{grid-template-columns:1fr}.care-card{height:auto;min-height:0;padding:12px 15px;overflow:visible}.care-card h2{margin:12px 0 4px;font-size:20px}.care-description{display:none}.care-facts{margin-top:9px;gap:4px 7px;font-size:8px}.care-facts dt:nth-of-type(3),.care-facts dd:nth-of-type(3){display:none}.care-tags{margin-top:7px}.care-card__boundary{display:none}.care-card__footer{margin-top:9px;padding-top:8px}.care-card__footer>span{font-size:7px}.care-card__footer a{font-size:9px}.care-boundary{margin-top:36px;padding:18px;grid-template-columns:1fr;gap:7px}.care-boundary p{font-size:9px}.care-footer{padding:22px 18px}}