/* 首页：商品服务 → 小瓦能力 → 聊天入口 → 内容预览。字体消费公共字阶。 */
html[data-care-ui="active"] body.service-home{--home-green:var(--care-green);--home-border:var(--care-line);background:var(--care-page-texture),var(--care-paper)}
html[data-care-ui="active"] .service-home main{max-width:820px;padding:0 var(--care-page-pad-x) 24px;background:var(--care-paper)}
.service-home a{text-decoration:none}
.service-home svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;flex:none}
.service-home .home-hero{margin:0 calc(-1 * var(--care-page-pad-x)) 0;padding:16px var(--care-page-pad-x) 18px;border-radius:0;background-color:var(--care-hero-bg);background-image:var(--care-hero-image);background-position:var(--care-hero-position);background-size:var(--care-hero-size);background-repeat:no-repeat;isolation:isolate}
.service-home .home-hero:after{background:var(--care-hero-veil-left);pointer-events:none}
.service-home .home-brand-row{display:flex;align-items:center;justify-content:space-between;gap:8px}
.service-home .home-brand{display:flex;align-items:center;gap:8px;font-family:"STXinwei","华文新魏",var(--care-font-head);font-size:var(--care-fs-h1);font-weight:700;letter-spacing:.06em;white-space:nowrap}
.service-home .home-brand span{font-family:var(--care-font-body);font-size:var(--care-fs-xs);font-weight:400;border-left:1px solid #929f95;padding-left:8px;letter-spacing:.04em}
.service-home .care-topline{position:relative;inset:auto;margin:0;gap:6px}
.service-home .care-topline .care-wordmark{display:none}
.service-home .care-topline-account{margin:0;font-size:var(--care-fs-xs)}
.service-home .care-reading-trigger{min-height:44px;background:#fffef9e8;padding:4px 9px;font-size:var(--care-fs-body-2)}
.service-home .care-reading-current{display:none}
.service-home .home-hero .home-brand-note{max-width:100%;font-size:var(--care-fs-xs);letter-spacing:.12em;color:var(--care-muted);margin:4px 0 0}
.service-home .home-hero-copy{padding-top:20px}
html[data-care-ui="active"] .service-home .home-hero h1{max-width:90%;font-size:var(--care-fs-h1);color:var(--care-ink);line-height:var(--care-lh-title);margin:0 0 8px;letter-spacing:.015em}
.service-home .home-hero-copy p{font-size:var(--care-fs-subtitle);line-height:var(--care-lh-body-2);max-width:100%;color:var(--care-ink)}
.home-small-break{display:none}
.home-service-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;background:var(--care-card);border-radius:var(--care-radius);padding:4px 10px}
.service-home .home-service-tile{display:flex;align-items:center;gap:9px;min-width:0;min-height:72px;padding:12px 0;color:var(--home-green)}
.home-service-tile:nth-child(odd){padding-right:8px}
.home-service-tile:nth-child(even){padding-left:10px;border-left:1px solid var(--home-border)}
.home-service-tile:nth-child(-n+2){border-bottom:1px solid var(--home-border)}
.home-service-tile>svg{width:24px;height:24px}
.home-service-tile>span{min-width:0}
.home-service-tile strong{display:block;font-size:var(--care-fs-h3);line-height:var(--care-lh-title);font-weight:600}
.home-service-tile small{display:block;margin-top:4px;font-size:var(--care-fs-xs);line-height:var(--care-lh-small);color:var(--care-muted)}
.home-service-tile .home-chevron{display:none}
.service-home .home-capabilities{margin:18px 0 10px;padding:0 8px;color:var(--care-ink)}
html[data-care-ui="active"] .service-home .home-capabilities h2{font-weight:800;color:var(--care-accent-strong);font-size:var(--care-fs-h2);line-height:var(--care-lh-title);margin:0 0 10px;letter-spacing:0}
.home-capability-list{display:grid}
.home-capability-list>div{display:grid;grid-template-columns:22px auto minmax(0,1fr);align-items:center;gap:9px;padding:9px 0;border-bottom:1px solid #e2e6de8c}
.home-capability-list>div:last-child{border-bottom:0}
.home-capability-list svg{width:22px;height:22px;color:var(--home-green)}
.home-capability-list strong{font-size:var(--care-fs-body-2);line-height:var(--care-lh-body-2);font-weight:600}
.home-capability-list span{font-size:var(--care-fs-body-3);line-height:var(--care-lh-body-3);color:var(--care-muted);padding-left:10px;border-left:1px solid var(--home-border)}
.home-capabilities-note{font-size:var(--care-fs-xs);line-height:var(--care-lh-small);color:var(--care-muted);text-align:center;margin:8px 0}
.service-home .home-ask{display:flex;align-items:center;justify-content:center;gap:8px;min-height:48px;margin:0 0 14px;padding:5px 12px;border-radius:var(--care-radius-control);background:var(--care-green);color:#FCFAF5}
.home-ask img{width:30px;height:34px;object-fit:contain;flex:none}
.home-ask>span{display:flex;align-items:center;gap:10px;min-width:0}
.home-ask strong{display:flex;align-items:center;gap:8px;white-space:nowrap;font-size:var(--care-fs-h3);line-height:var(--care-lh-title);font-weight:600}
.home-ask strong svg{width:18px;height:18px}
.home-ask small{font-size:var(--care-fs-body-3);line-height:var(--care-lh-body-3);color:#f1f6f1}
.home-previews{display:grid;gap:10px}
.home-preview{display:block;position:relative;isolation:isolate;overflow:hidden;border-radius:var(--care-radius);background:var(--care-card);min-height:78px}
.home-preview-art{position:absolute;z-index:-2;right:0;top:0;width:43%;height:100%;object-fit:cover;object-position:right center;pointer-events:none}
.home-preview:after{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,var(--care-card) 48%,rgba(252,250,245,.92) 58%,rgba(252,250,245,0) 82%);pointer-events:none}
.home-preview-copy{padding:12px 14px}
.home-preview-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:3px}
html[data-care-ui="active"] .service-home .home-preview h2{display:flex;align-items:center;gap:9px;font-size:var(--care-fs-h3);line-height:var(--care-lh-title);color:var(--home-green);margin:0;letter-spacing:0}
.home-preview h2 svg{width:23px;height:23px}
.home-preview p{font-size:var(--care-fs-body-3);line-height:var(--care-lh-body-3);margin:0 0 0 32px;max-width:70%;color:var(--care-muted)}
.home-preview-action{display:flex;align-items:center;justify-content:center;flex:none;color:var(--care-muted);font-size:var(--care-fs-h3)}
.home-preview-action svg{width:18px;height:18px}
.home-preview-herb .home-preview-art{object-fit:contain;width:38%;mix-blend-mode:multiply}
.home-preview-profile .home-preview-art{width:46%}
.home-preview-qingyang .home-preview-art{object-position:85% center}
.home-yalian-feature{display:grid;grid-template-columns:42% 1fr;min-height:132px;overflow:hidden;border-radius:var(--care-radius);background:#e8e8dc;color:var(--home-green);margin:10px 0;text-decoration:none}
.home-yalian-feature>img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}
.home-yalian-copy{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:10px 20px}
.home-yalian-copy small{font-size:var(--care-fs-xs);color:var(--care-muted)}
.home-yalian-copy strong{font-family:"Noto Serif SC","Songti SC",serif;font-size:var(--care-fs-h2);margin:2px 0}
.home-yalian-copy>span{font-size:var(--care-fs-body-3);color:var(--care-muted)}
.home-yalian-copy b{font-size:var(--care-fs-body-3);font-weight:600;margin-top:5px}
@media(max-width:420px){.home-yalian-feature{grid-template-columns:40% 1fr;min-height:126px}.home-yalian-copy{padding:8px 12px}.home-yalian-copy b{margin-top:6px}}
html[data-care-ui="active"] .service-home #home-daily-title{font-size:var(--care-fs-body-3);line-height:var(--care-lh-body-3);font-weight:400;margin:0 26px 0 32px;max-width:80%;color:var(--care-ink)}
.home-preview-daily:after{background:linear-gradient(90deg,var(--care-card) 48%,rgba(252,250,245,.91) 76%,rgba(252,250,245,.56))}
.home-content-feedback:has(p:empty):has(button[hidden]){display:none}
.home-content-feedback p{font-size:var(--care-fs-body-3);color:var(--care-muted);margin:0}
.home-content-feedback button{min-height:44px;font-size:var(--care-fs-body-2)}
.service-home .home-footer{font-size:var(--care-fs-xs);color:var(--care-muted);padding:18px 8px 8px}
.service-home .care-bottom-nav{max-width:820px;border-radius:0;background:var(--care-nav-bg);color:var(--care-muted)}
.service-home .care-bottom-nav .care-nav-chat svg{width:32px;height:32px;padding:0;background:var(--home-green) url('./assets/care-xiaowa-256w-90f92c150f6569d6.webp') center/28px 32px no-repeat;color:transparent;stroke:transparent;border-radius:50%;box-shadow:none;margin-top:0}
@media(max-width:350px){
 .service-home .home-brand-row{gap:4px}.service-home .home-brand{gap:5px}.service-home .home-brand span{padding-left:5px}.service-home .care-topline{gap:3px}
 .home-service-grid{padding:2px 8px}.home-service-tile>svg{width:22px;height:22px}.service-home .home-service-tile{gap:6px}
 .home-ask>span{flex-wrap:wrap;gap:0 8px}.home-ask small{flex-basis:100%}
 .home-capability-list>div{grid-template-columns:20px auto minmax(0,1fr);gap:6px}.home-capability-list span{padding-left:6px}
}
@media(min-width:651px){.service-home .home-hero{padding-top:20px;padding-bottom:28px}.service-home .home-hero-copy{padding-top:28px}.home-service-grid{padding:8px 20px}.service-home .home-service-tile{min-height:80px}.home-capability-list>div{grid-template-columns:24px 100px minmax(0,1fr)}.home-previews{grid-template-columns:repeat(2,minmax(0,1fr))}}
html[data-care-reading="large"] .service-home .home-brand-row{flex-wrap:wrap}
html[data-care-reading="large"] .service-home .home-service-grid{grid-template-columns:1fr}
html[data-care-reading="large"] .service-home .home-service-tile{border-left:0;padding:12px 0;border-bottom:1px solid var(--home-border)}
html[data-care-reading="large"] .service-home .home-service-tile:last-child{border-bottom:0}
html[data-care-reading="large"] .service-home .home-capability-list>div{grid-template-columns:24px minmax(0,1fr)}
html[data-care-reading="large"] .service-home .home-capability-list span{grid-column:2;padding:0;border:0}
html[data-care-reading="large"] .service-home .home-ask>span{flex-wrap:wrap;gap:2px 10px}
html[data-care-reading="large"] .service-home .home-ask small{flex-basis:100%}
html[data-care-reading="large"] .service-home .home-preview-art{opacity:.25}
html[data-care-reading="large"] .service-home .home-preview p{max-width:100%}
@media(hover:hover){.home-service-tile:hover,.home-preview:hover{filter:brightness(.97)}.home-ask:hover{filter:brightness(1.08)}}
@media(prefers-reduced-motion:reduce){.service-home *{scroll-behavior:auto!important;transition:none!important}}

