/* 按陈先生提供的 PictureThis 首屏与四项功能布局制作。 */
.reference-home{--reference-green:#08a468;--reference-mint:#daf0e5;color:#181d1a}
.reference-home h1,.reference-home h2,.reference-home h3{font-family:Arial,"PingFang SC","Microsoft YaHei",sans-serif;letter-spacing:0}
.site-header-shell .site-header{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 345px 354px;grid-template-rows:92px 52px;column-gap:32px;row-gap:0;width:calc(100% - 48px);max-width:1280px;height:144px;min-height:0;margin:auto;padding:0;border:0}
.site-header-shell .site-header:before{content:"";position:absolute;top:92px;left:50%;transform:translateX(-50%);width:100vw;border-top:1px solid #ededed;pointer-events:none}
.site-header-shell .site-header>.brand{grid-column:1;grid-row:1;min-width:0;justify-self:start;font-size:26px}
.site-header-shell .site-header .project-logo{width:48px;height:48px;flex-basis:48px;max-width:48px;max-height:48px;overflow:hidden}
.site-header-shell .site-header .project-logo img{width:170%;height:170%;max-width:none}
.top-search{grid-column:2;grid-row:1;display:flex;align-items:center;border:1px solid #08a468;border-radius:28px;gap:8px;height:46px;padding:0 23px;min-width:0;width:100%}
.top-search svg{width:23px;height:23px;color:#939393}.top-search input{border:0;outline:none;background:none;font-size:17px;min-width:0;width:100%;height:44px}
.top-search:focus-within{outline:2px solid #08a468;outline-offset:3px}
.site-header-shell .site-header nav{grid-column:1/-1;grid-row:2;display:flex;justify-content:flex-start;gap:62px;font-size:18px;width:100%;min-width:0;align-items:center;height:52px;overflow-x:auto}
.site-header-shell .site-header nav a{font-weight:400;white-space:nowrap;flex-shrink:0;padding:9px 0}
.site-header-shell .site-header nav a:nth-child(2),.site-header-shell .site-header nav a:nth-child(3){min-width:128px}
.site-header-shell .header-actions{grid-column:3;grid-row:1;gap:32px;justify-content:space-between;min-width:0}
.site-header-shell .header-actions .button{order:1;width:200px;border-radius:25px;background:var(--reference-green,#08a468);border-color:var(--reference-green,#08a468);font-size:18px;font-weight:500;min-height:44px;padding:7px 20px}
.site-header-shell .header-actions .language{order:2;font-size:17px;color:#777;white-space:nowrap}
.reference-hero{background:var(--reference-mint);overflow:hidden}
.reference-hero-inner{position:relative;max-width:1280px;width:calc(100% - 48px);height:640px;margin:auto}
.reference-copy{position:relative;width:560px;padding:85px 0 0;z-index:1}
.reference-copy h1{font-size:44px;font-weight:700;line-height:1.28;max-width:560px}
.reference-copy h1>span{display:block;color:var(--reference-green);font-size:50px;line-height:1.15;margin-bottom:7px;letter-spacing:-1px}
.reference-download{display:flex;align-items:flex-start;gap:22px;margin-top:65px;height:134px}
.qr-link{display:block;width:134px;height:134px;background:white;border-radius:5px;overflow:hidden;padding:3px;flex-shrink:0}
.qr-link img{width:100%;height:100%;object-fit:contain}
.apple-download{padding:0}.apple-download>a{display:block;width:180px;height:60px}.apple-download img{width:100%;height:100%;object-fit:contain}
.reference-statistics{display:flex;gap:30px;margin-top:64px;align-items:center}
.reference-stat{position:relative;display:flex;align-items:center;width:auto;min-width:190px;flex:0 0 auto;gap:6px;justify-content:center;height:94px;padding:0}
.reference-wreath{position:static;display:block;width:38px;height:80px;flex:0 0 38px;object-fit:contain;align-self:flex-end;pointer-events:none}
.reference-stat>div{position:relative;display:flex;flex-direction:column;align-items:center;gap:25px;white-space:nowrap}
.reference-stat strong{color:var(--reference-green);font-size:36px;line-height:1;font-weight:700;letter-spacing:-.7px}
.reference-stat span{font-size:20px;line-height:1.3;color:#283b31}
.reference-device{position:absolute;left:calc(50% + 32px);top:48px;height:592px;width:740px;overflow:hidden}
.reference-device>img{position:absolute;width:740px;max-width:none;height:auto;object-fit:contain;left:0;top:0;filter:drop-shadow(0 8px 22px #338f6c16)}
.reference-reasons{max-width:1320px;margin:auto;text-align:center;padding:63px 35px 70px}
.reference-reasons h2{font-size:30px;font-weight:700;line-height:1.4}
.reference-features{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:35px;margin-top:55px}
.feature-circle{position:relative;margin:0 auto 23px;width:180px;height:180px;border:3px solid #d4eee1;border-radius:50%;padding:9px;background:white}
.feature-circle>img{width:100%;height:100%;object-fit:cover;border-radius:50%;background:#f0f3ec}
.diagnose .feature-circle{border-color:#fbe8d4}.care .feature-circle{border-color:#d8f0f8}.toxicity .feature-circle{border-color:#fbe0e6}
.feature-badge{position:absolute;right:-8px;top:0;display:grid;place-items:center;border-radius:50%;background:#e8fff4;width:48px;height:48px;color:#0bac79}
.feature-badge>img{width:29px;height:29px;object-fit:contain;border-radius:0;background:transparent}
.diagnose .feature-badge{background:#fff6e9;color:#f7ad16}.care .feature-badge{background:#eaf7ff;color:#2cb2df}.toxicity .feature-badge{background:#ffecef;color:#ed686f}
.reference-feature h3{font-size:20px;font-weight:500;line-height:1.5;max-width:280px;margin:auto}
.reference-download-button{display:inline-flex;align-items:center;justify-content:center;gap:16px;background:var(--reference-green);color:white;font-size:21px;line-height:1.3;font-weight:700;padding:18px 37px;min-height:62px;border-radius:40px;margin-top:68px}
.reference-download-button span{color:#ffdb10;font-size:33px;line-height:.6}.reference-download-button:hover{background:#078b59}
.reference-search{background:#f4faf6;border-top:1px solid #e9f3ed}
.reference-search h2{text-align:center;font-size:32px;font-weight:600}
.reference-search>.section>p{text-align:center;margin:18px 0 27px}
.reference-search .search-form{margin:auto}.reference-home .section .spaced{margin-bottom:0}
@media(max-width:1350px){.site-header-shell .site-header{grid-template-columns:minmax(0,1fr) 290px 300px;column-gap:24px}.site-header-shell .header-actions{gap:20px}.site-header-shell .header-actions .button{width:170px;font-size:16px}.site-header-shell .site-header nav{gap:50px;font-size:16px}.reference-hero-inner{height:610px}.reference-copy{padding-top:75px;width:490px}.reference-copy h1{font-size:39px}.reference-copy h1>span{font-size:47px}.reference-download{margin-top:60px}.reference-statistics{margin-top:55px}.reference-device{width:660px;height:562px;left:calc(50% + 10px)}.reference-device>img{width:700px}.reference-features{gap:22px}.feature-circle{width:160px;height:160px}.reference-feature h3{font-size:17px}}
@media(max-width:1050px){.site-header-shell .site-header{grid-template-columns:minmax(180px,1fr) 240px 230px;column-gap:18px}.site-header-shell .header-actions .button{width:140px;font-size:14px}.site-header-shell .header-actions .language{font-size:13px}.site-header-shell .site-header>.brand{font-size:24px}.reference-copy{width:430px}.reference-copy h1{font-size:34px}.reference-copy h1>span{font-size:43px}.reference-device{left:calc(50% - 15px);top:60px}.reference-device>img{width:650px}.reference-stat{width:auto;min-width:170px;flex:0 0 auto}.reference-stat strong{font-size:32px}.reference-stat span{font-size:17px}.reference-statistics{gap:20px}}
@media(max-width:800px){.site-header-shell .site-header{grid-template-columns:minmax(0,1fr) auto;grid-template-rows:72px 48px;height:120px;width:calc(100% - 36px)}.site-header-shell .site-header:before{top:72px}.site-header-shell .site-header .project-logo{width:36px;height:36px;max-width:36px;max-height:36px;flex-basis:36px}.site-header-shell .site-header>.brand{font-size:24px}.site-header-shell .top-search{display:none}.site-header-shell .header-actions{grid-column:2;gap:13px;margin-left:0}.site-header-shell .header-actions .button{width:auto;font-size:12px;min-height:40px;padding:7px 13px;gap:7px}.site-header-shell .header-actions .language{font-size:12px}.site-header-shell .site-header nav{font-size:13px;gap:25px;height:48px;order:0;padding:0}.reference-hero-inner{height:auto;min-height:0;width:calc(100% - 44px);padding:0}.reference-copy{text-align:center;padding:40px 0 0;width:100%}.reference-copy h1{font-size:36px;max-width:none}.reference-copy h1>span{font-size:49px}.reference-download{justify-content:center;margin-top:34px;height:120px}.qr-link{width:120px;height:120px}.apple-download>a{width:170px;height:57px}.reference-statistics{justify-content:center;gap:25px;margin-top:30px}.reference-stat{width:auto;min-width:165px;flex:0 0 auto;height:90px}.reference-stat>div{gap:20px}.reference-stat strong{font-size:32px}.reference-stat span{font-size:17px}.reference-device{position:relative;height:475px;width:min(100%,590px);left:0;top:0;margin:20px auto 0}.reference-device>img{width:620px;left:50%;transform:translateX(-50%);top:0}.reference-reasons{padding:46px 26px 50px}.reference-reasons h2{font-size:26px}.reference-features{grid-template-columns:repeat(2,minmax(0,1fr));gap:38px 20px;margin-top:35px}.feature-circle{width:170px;height:170px;margin-bottom:17px}.reference-feature h3{font-size:17px}.reference-download-button{margin-top:40px;font-size:18px;padding:15px 30px;min-height:55px}.reference-search h2{font-size:28px}}
@media(max-width:450px){.site-header-shell .site-header>.brand{font-size:21px;gap:4px}.site-header-shell .header-actions{gap:9px}.site-header-shell .header-actions .button{font-size:11px;padding:7px 10px}.site-header-shell .header-actions .language{font-size:11px}.reference-copy h1{font-size:31px}.reference-copy h1>span{font-size:43px}.reference-download{gap:18px;height:112px}.qr-link{width:112px;height:112px}.apple-download>a{width:153px;height:52px}.reference-statistics{gap:13px}.reference-stat{width:auto;min-width:0;flex:0 0 auto;gap:5px;padding:0}.reference-stat strong{font-size:29px}.reference-stat span{font-size:15px}.reference-device{height:355px;margin-top:18px}.reference-device>img{width:475px;top:0}.reference-reasons{padding-left:18px;padding-right:18px}.reference-reasons h2{font-size:24px}.feature-circle{width:132px;height:132px;padding:7px;border-width:2px}.feature-badge{width:37px;height:37px;right:-5px}.feature-badge>img{width:24px;height:24px}.reference-features{gap:30px 17px}.reference-feature h3{font-size:15px}.reference-search h2{font-size:26px}}

@media(max-width:800px){.site-header-shell .site-header nav a:nth-child(2),.site-header-shell .site-header nav a:nth-child(3){min-width:0}}

@media(max-width:450px){.reference-wreath{width:24px;height:63px;flex-basis:24px}}
@media(max-width:360px){.reference-statistics{gap:8px}.reference-stat{gap:4px}.reference-stat strong{font-size:26px}.reference-stat span{font-size:14px}.reference-wreath{width:20px;height:56px;flex-basis:20px}}

/* 使用者经验：三卡轮播、悬浮头像与独立左右切换。 */
.user-stories{background:#f0faf5;padding:40px 24px 45px}.stories-inner{max-width:1280px;margin:auto;text-align:center}.stories-inner>h2{font-size:34px;font-weight:700}.stories-intro{font-size:19px;margin:20px 0 0;color:#4d5550}.stories-track{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px;align-items:stretch;padding-top:100px}.story-card{position:relative;background:white;border-radius:10px;padding:59px 24px 28px;min-height:395px;text-align:left}.story-card[hidden]{display:none!important}.story-avatar{position:absolute;width:86px;height:86px;border:4px solid white;border-radius:50%;object-fit:cover;top:-54px;left:50%;transform:translateX(-50%)}.story-card h3{position:relative;text-align:center;font-size:24px;font-weight:700;margin:0 0 25px;line-height:1.4}.story-card>p{position:relative;font-size:18px;line-height:1.5;color:#606460}.story-quote{position:absolute;left:21px;top:19px;font-family:Georgia,serif;color:#dedede;font-size:92px;line-height:1}.stories-controls{display:flex;align-items:center;justify-content:center;gap:65px;margin-top:55px}.stories-controls button{display:grid;place-items:center;border:0;border-radius:50%;background:white;box-shadow:0 3px 8px #183e3008;width:48px;height:48px}.stories-controls svg{width:16px;height:26px;fill:none;stroke:#0aa56e;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.stories-controls>span{font-size:21px;color:#4c5650;min-width:55px}.stories-controls button:hover{background:#e2f6eb}
@media(max-width:1050px){.stories-track{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.story-card>p{font-size:17px}}
@media(max-width:700px){.user-stories{padding:35px 22px}.stories-inner>h2{font-size:28px}.stories-intro{font-size:16px;margin-top:15px}.stories-track{grid-template-columns:minmax(0,1fr);padding-top:85px}.story-card{padding:57px 24px 27px;min-height:0}.story-card h3{font-size:23px}.story-card>p{font-size:17px;line-height:1.6}.stories-controls{margin-top:30px;gap:40px}}