:root{font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;color:#1d343c;background:#edf2f4;font-size:16px;line-height:1.65;--green:#126258;--muted:#61747c;scroll-behavior:smooth}*{box-sizing:border-box}body{margin:0}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:3px solid #de8c25;outline-offset:4px}button{color:inherit} .shell{max-width:760px;margin:auto;background:#fff;min-height:100vh}header{display:flex;justify-content:space-between;align-items:center;padding:22px 28px;border-bottom:1px solid #e4ecee;gap:12px}.brand{display:flex;gap:10px;align-items:center}.mark{display:grid;place-items:center;background:var(--green);color:#fff;width:42px;height:42px;border-radius:12px;font-size:22px}.brand strong{display:block;font-size:15px;font-weight:650}.brand small{display:block;color:var(--muted);font-size:13px;letter-spacing:2px}.free{font-size:13px;color:var(--green);white-space:nowrap}.preview{font-size:13px;background:#fff7e7;color:#815619;padding:10px 28px}.intro{margin:22px 24px 0;padding:32px;border-radius:20px;background:#126258;color:#fff}.eyebrow{font-size:14px;letter-spacing:2px;margin:0 0 14px;color:#d3e9e3}h1{font-size:40px;line-height:1.25;letter-spacing:1px;margin:0 0 16px;font-weight:650}.intro>p:not(.eyebrow){font-size:16px;color:#e5f2ee;margin:0 0 24px}.primary{display:flex;align-items:center;justify-content:space-between;gap:18px;border:0;border-radius:10px;padding:14px 18px;font-weight:650;background:#fff;color:var(--green);font-size:16px}.intro-foot{display:flex;justify-content:space-between;gap:12px;margin-top:24px;padding-top:16px;border-top:1px solid #ffffff30;font-size:13px;color:#d6e8e2}.section{padding:32px 28px 0;scroll-margin-top:20px}.section-head{display:flex;justify-content:space-between;align-items:center;gap:15px}.section-no{font-size:12px;letter-spacing:1px;color:var(--green);font-weight:650}h2{font-size:23px;line-height:1.4;margin:6px 0 0;font-weight:650}.section-desc{color:var(--muted);font-size:15px;margin:9px 0 20px}.resource-list{border:1px solid #dfe8e9;border-radius:14px;overflow:hidden}.resource{display:flex;align-items:center;gap:14px;width:100%;text-align:left;padding:20px 16px;background:#fff;border:0;border-bottom:1px solid #e6eeee}.resource:last-child{border:0}.resource:hover,.follow-list button:hover{background:#f3f8f7}.resource-icon{display:grid;place-items:center;flex-shrink:0;width:43px;height:52px;background:#e4f1ec;color:#186458;font-size:20px;border-radius:9px}.resource-icon.blue{background:#e7effb;color:#2c5e99}.resource-icon.orange{background:#f8edde;color:#91602b}.resource-text{display:flex;flex-direction:column;gap:3px;min-width:0}.resource-text small{color:var(--muted);font-size:12px}.resource-text strong{font-size:17px;font-weight:600}.resource-text>span{font-size:13px;color:var(--muted)}.chevron{margin-left:auto;color:#70848b;font-size:26px}.caption{color:#718188;font-size:13px;margin:12px 0 0}.quiet-label{font-size:13px;background:#eff3f5;color:#61747c;border-radius:6px;padding:4px 10px;white-space:nowrap}.event{display:flex;gap:20px;margin-top:20px;padding:22px 18px;background:#f0f5f8;border-radius:14px}.event-date{flex-shrink:0;display:flex;flex-direction:column;align-items:center;border-right:1px solid #d8e2e7;padding-right:20px;justify-content:center}.event-date strong{font-size:38px;line-height:1.2;color:#214c61}.event-date span{font-size:12px;color:#637b87}.event-tag{color:#526d7b;font-size:12px}h3{font-size:17px;margin:5px 0 8px;font-weight:600}.event p{font-size:14px;color:#61747c;margin:0}.follow-list{border-top:1px solid #dfe8e9}.follow-list button{width:100%;display:flex;justify-content:space-between;align-items:center;border:0;border-bottom:1px solid #dfe8e9;background:#fff;text-align:left;padding:18px 0}.follow-list strong{display:block;font-weight:600;font-size:17px}.follow-list small{display:block;color:var(--muted);font-size:14px;margin-top:3px}.follow-list button>span:last-child{font-size:25px;color:#70848b}.support{margin:30px 28px 0;padding:20px;border-left:3px solid #217b6b;background:#f3f8f6;border-radius:0 10px 10px 0}.support h3{margin:0 0 8px}.support p{font-size:14px;color:#516970;margin:0 0 8px}.text-button{border:0;background:none;padding:4px 0;color:var(--green);font-size:14px}.support .text-button{font-weight:600}footer{padding:24px 28px 100px}footer>p{font-size:14px;color:#697b83;margin:0 0 8px}footer>div{display:flex;justify-content:space-between;gap:12px;align-items:center}footer span{font-size:12px;color:#7b898e}.bottom-nav{position:fixed;bottom:0;left:50%;transform:translateX(-50%);width:100%;max-width:760px;display:flex;background:#ffffffee;backdrop-filter:blur(12px);border-top:1px solid #dce5e8;padding:12px 10px calc(12px + env(safe-area-inset-bottom))}.bottom-nav a{flex:1;text-align:center;padding:6px;font-size:15px;font-weight:600;color:#335d64}.bottom-nav a+a{border-left:1px solid #e1e9eb}dialog{border:0;border-radius:18px;padding:24px;width:calc(100% - 28px);max-width:580px;max-height:86vh;color:#1d343c;box-shadow:0 20px 80px #102f4a30}dialog::backdrop{background:#132c38a6}.dialog-top{display:flex;justify-content:space-between;align-items:center;color:var(--green);font-size:14px}.dialog-top button{background:#f0f4f5;border:0;border-radius:50%;width:40px;height:40px;font-size:26px;line-height:1}dialog h2{font-size:24px;margin:14px 0 20px}#dialog-content{font-size:16px}#dialog-content p{margin:12px 0}#dialog-content ol{padding-left:24px}#dialog-content li{margin:12px 0}#dialog-content blockquote{margin:18px 0;padding:16px;background:#eef6f2;border-left:3px solid var(--green)}.note{font-size:14px;color:#6a7376;background:#fff7e7;padding:12px;border-radius:8px}.qr{display:block;max-width:240px;width:85%;margin:20px auto}.full{width:100%;background:var(--green);color:white;justify-content:center;margin-top:26px}.external{display:block;background:#edf5f2;color:var(--green);padding:12px 16px;border-radius:8px;margin-top:16px;font-weight:600}.missing{padding:16px;background:#f0f5f8;border-radius:10px;color:#516970} @media(min-width:700px){.intro{padding:40px}h1{font-size:46px}.resource{padding:22px}.section{padding-top:38px}}@media(max-width:370px){header{padding:18px}.intro{margin:18px 16px 0;padding:24px}.section{padding:28px 18px 0}.intro-foot{flex-direction:column;gap:4px}.resource{gap:10px;padding:16px 12px}.resource-text strong{font-size:16px}.event{gap:12px;padding:18px 12px}.event-date{padding-right:12px}.support{margin:28px 18px 0}footer{padding-left:18px;padding-right:18px}footer>div{align-items:flex-start;flex-direction:column}}@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}}

.library-item{display:block;width:100%;text-align:left;border:1px solid #dbe7e4;background:#f6faf8;border-radius:10px;padding:16px;margin:12px 0}.library-item strong{display:block;font-size:17px}.library-item small{display:block;color:#61747c;font-size:14px;margin-top:5px}.article-meta{font-size:13px;color:#647780}.sources{margin-top:24px;border-top:1px solid #dce5e8;padding-top:16px;font-size:14px}.sources summary,.service-plan summary{cursor:pointer;color:#126258;font-weight:600}.sources a{display:block;text-decoration:underline;margin:10px 0;overflow-wrap:anywhere}#dialog-content article h3{font-size:18px;margin-top:24px}#dialog-content article li{margin:12px 0}#dialog-content article a,.support a{text-decoration:underline;color:#126258}.service-plan details{padding:18px;background:#f4f7f8;border-radius:12px}.service-plan p,.service-plan li{font-size:15px;color:#506970}.intro{padding:24px 28px}.intro h1{font-size:32px}.intro-foot{margin-top:16px;padding-top:12px}


.quick-entry{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 20px}.quick-entry button{border:1px solid #d8e5e2;background:#f4f8f6;border-radius:24px;padding:9px 13px;font-size:14px;color:#215a50}.reading-time{display:block;font-size:12px;color:#7b898e;margin-top:9px}.takeaway{background:#126258;color:#fff;border-radius:14px;padding:22px;margin:20px 0}.takeaway>span{font-size:13px;color:#d3e9e3}.takeaway h3{font-size:23px;line-height:1.5;margin:10px 0 18px}.takeaway ul{padding-left:20px;margin:0}.situation{margin:28px 0}.today-action{background:#eef6f2;padding:18px 20px;border-radius:12px;margin:26px 0}.today-action h3{margin-top:0}.article-faq{border-top:1px solid #dce5e8;border-bottom:1px solid #dce5e8;padding:18px 0;margin:24px 0}.article-faq summary{cursor:pointer;font-weight:600}.share-box{background:#f2f5f8;border-radius:14px;padding:20px;margin-top:28px}.share-box label{display:block;font-size:14px;margin:10px 0}.share-box textarea{display:block;width:100%;padding:12px;border:1px solid #d2dde3;border-radius:8px;background:#fff;font:inherit;font-size:15px;line-height:1.8;color:#29414a;resize:vertical}.copy-button{background:#126258;color:white;border:0;border-radius:8px;padding:11px 18px;margin-top:12px;font-size:15px}.copy-status{font-size:14px;color:#215b50}#dialog-content{line-height:1.85}#dialog-content h3{line-height:1.5} .intro h1{font-size:30px}.intro>p:not(.eyebrow){margin-bottom:16px}


.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:20px 0}.stats-grid>div{background:#eef6f2;border-radius:12px;padding:14px}.stats-grid strong{display:block;font-size:25px;color:#126258}.stats-grid span{display:block;font-size:14px;margin-top:4px}.share-controls{display:flex;gap:10px;flex-wrap:wrap}.secondary{background:#fff;color:#126258;border:1px solid #126258}.engagement-bar{border-top:1px solid #dce5e8;margin-top:24px;padding-top:16px}#stats-status{font-size:14px}#community details{font-size:14px;line-height:1.8}button:disabled{opacity:.6;cursor:wait}@media(max-width:360px){.stats-grid{grid-template-columns:repeat(2,1fr)}}