.daily-learn{display:grid;grid-template-columns:1.15fr .85fr;gap:0;border-radius:28px;overflow:hidden;background:var(--ink);color:#fff;box-shadow:var(--shadow);margin-bottom:34px}
.daily-main{padding:34px 36px;position:relative;overflow:hidden}
.daily-main:after{content:"";position:absolute;width:240px;height:240px;border-radius:50%;right:-125px;bottom:-145px;background:#426b59}
.daily-date{display:flex;align-items:center;gap:10px;color:#b7ccbf;font-size:11px;font-weight:700;letter-spacing:.08em}
.daily-date i{display:block;width:28px;height:1px;background:#789987}
.daily-main h2{font:400 34px/1.28 "ZCOOL XiaoWei",serif;margin:24px 0 12px;max-width:560px;position:relative;z-index:1}
.daily-main>p{max-width:580px;margin:0;color:#d6e0da;font-size:13px;line-height:1.85;position:relative;z-index:1}
.daily-read{position:relative;z-index:1;margin-top:22px;border:0;background:none;color:#d9e6df;padding:0;font:700 11px inherit;cursor:pointer}
.daily-read:hover{text-decoration:underline;text-underline-offset:4px}
.daily-action{background:#dceab9;color:var(--ink);padding:32px;display:flex;flex-direction:column;justify-content:center}
.daily-action>span{font-size:11px;font-weight:800;letter-spacing:.1em;color:#55713a}
.daily-action strong{font-size:18px;line-height:1.65;margin:14px 0 18px}
.daily-action button{align-self:flex-start;border:0;border-radius:99px;background:var(--ink);color:#fff;padding:10px 15px;font:700 11px inherit;cursor:pointer}
.daily-done{background:#fff;color:var(--green)!important;box-shadow:inset 0 0 0 1px #8ba082}
.learn-toolbar{display:flex;align-items:end;justify-content:space-between;gap:28px;margin-bottom:18px}
.learn-toolbar h2{font:400 28px "ZCOOL XiaoWei",serif;margin:7px 0 4px}
.learn-toolbar p{margin:0;color:var(--muted);font-size:11px}
.learn-tools{display:flex;align-items:end;gap:10px;width:min(440px,100%)}
.learn-search{display:grid;gap:6px;width:min(310px,100%)}
.learn-search label{font-size:10px;font-weight:700;color:var(--muted)}
.learn-search input{border:1px solid #d5ddd5;border-radius:12px;background:#fffef9;color:var(--ink);padding:11px 13px;font:500 12px inherit;outline:none}
.learn-search input:focus{border-color:var(--green);box-shadow:0 0 0 3px rgba(52,118,90,.1)}
.learn-refresh{height:40px;white-space:nowrap;border:1px solid #b9c9bc;border-radius:12px;background:#edf3eb;color:var(--ink);padding:0 16px;font:700 11px inherit;cursor:pointer;transition:transform .18s ease,background .18s ease}
.learn-refresh span{font-size:16px;display:inline-block;margin-right:3px;transition:transform .28s ease}
.learn-refresh:hover{background:#dfeadd;transform:translateY(-1px)}
.learn-refresh:hover span{transform:rotate(120deg)}
.learn-filters{display:flex;gap:7px;flex-wrap:wrap;margin:0 0 20px}
.learn-filter{border:1px solid #d6ded6;background:#f8f8f2;color:var(--ink2);border-radius:99px;padding:8px 12px;font:600 11px inherit;cursor:pointer}
.learn-filter.active{background:var(--ink);border-color:var(--ink);color:#fff}
#learnPage .learn-grid{grid-template-columns:repeat(3,1fr)}
#learnPage .learn-card{min-height:285px;position:relative;overflow:hidden;border:1px solid rgba(52,88,70,.1);box-shadow:0 10px 32px rgba(37,71,54,.06)}
#learnPage .learn-card:after{content:"";position:absolute;width:100px;height:100px;border-radius:50%;right:-45px;bottom:-48px;background:rgba(255,255,255,.28)}
#learnPage .learn-card>span{color:var(--ink2)}
#learnPage .learn-card h2{font-size:25px;margin:44px 0 13px}
#learnPage .learn-card p{font-size:11px;line-height:1.8;color:var(--ink2);margin:0 0 22px}
#learnPage .learn-card button{position:relative;z-index:1;font-size:11px}
.learn-card[data-tone="mint"]{background:#cfe4d5}.learn-card[data-tone="sand"]{background:#e9dfc6}.learn-card[data-tone="peach"]{background:#efd0bc}.learn-card[data-tone="lime"]{background:#dde7b8}.learn-card[data-tone="blue"]{background:#d6e4df}.learn-card[data-tone="rose"]{background:#ead1ca}
.learn-empty{grid-column:1/-1;border:1px dashed #cbd5cc;border-radius:20px;padding:38px;text-align:center;color:var(--muted);font-size:13px}
.learn-recommendations{margin-top:38px;padding-top:28px;border-top:1px solid #dce3da}
.recommend-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:17px}
.recommend-head h2{font:400 25px "ZCOOL XiaoWei",serif;margin:7px 0 0}
.recommend-head p{font-size:10px;color:var(--muted);margin:0}
.recommend-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.recommend-card{border:1px solid #d9e2d8;border-radius:18px;background:#fffef9;text-align:left;padding:18px;cursor:pointer;color:var(--ink);transition:transform .18s ease,box-shadow .18s ease}
.recommend-card:hover{transform:translateY(-2px);box-shadow:0 10px 25px rgba(37,71,54,.08)}
.recommend-card span{display:block;color:var(--green);font-size:9px;font-weight:800;letter-spacing:.06em;margin-bottom:8px}
.recommend-card strong{display:block;font:400 18px/1.35 "ZCOOL XiaoWei",serif}
.recommend-card small{display:block;color:var(--muted);font-size:9px;margin-top:9px}
.learn-disclaimer{margin:24px 0 0;padding:15px 17px;border-radius:14px;background:#ebece5;color:var(--muted);font-size:10px;line-height:1.75}
.learn-dialog{width:min(720px,calc(100vw - 28px));max-height:90vh;overflow:auto;background:#fffefa}
.learn-article{padding:34px 38px 38px}
.learn-article .dialog-head h2{font:400 31px/1.35 "ZCOOL XiaoWei",serif;margin:8px 0 0;max-width:560px}
.learn-article-lede{font-size:14px;line-height:1.9;color:var(--ink2);margin:20px 0 26px;padding-bottom:22px;border-bottom:1px solid #e1e5dc}
.learn-article-body{display:grid;gap:23px}
.learn-section h3{font-size:15px;margin:0 0 8px;color:var(--ink)}
.learn-section p{font-size:12px;line-height:1.95;color:#52655b;margin:0}
.learn-takeaway{margin:28px 0 0;border-radius:18px;background:#e6f0e2;padding:18px 20px}
.learn-takeaway span{font-size:10px;font-weight:800;letter-spacing:.08em;color:var(--green)}
.learn-takeaway p{font-size:13px;line-height:1.8;margin:7px 0 0;color:var(--ink)}
.learn-sources{margin-top:20px;color:var(--muted);font-size:9px;line-height:1.75}
.learn-sources a{color:var(--green);text-underline-offset:2px}
.article-related{margin-top:24px;padding-top:22px;border-top:1px solid #e1e5dc}
.article-related>span{font-size:9px;font-weight:800;letter-spacing:.1em;color:var(--green)}
.article-related h3{font:400 20px "ZCOOL XiaoWei",serif;margin:6px 0 12px}
#articleRelatedGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}
.related-card{border:1px solid #dce4da;border-radius:13px;background:#f8f9f3;text-align:left;padding:12px;color:var(--ink);cursor:pointer}
.related-card span{display:block;color:var(--muted);font-size:8px;margin-bottom:5px}
.related-card strong{font:600 11px/1.45 inherit}
.related-card:hover{border-color:#9db6a3;background:#edf4ea}
@media(max-width:1000px){#learnPage .learn-grid{grid-template-columns:repeat(2,1fr)}.daily-learn{grid-template-columns:1fr}.daily-action{padding:24px 34px}.daily-action strong{margin:9px 0 14px}.recommend-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:680px){.daily-learn{border-radius:22px}.daily-main{padding:27px 22px}.daily-main h2{font-size:29px;margin-top:19px}.daily-action{padding:22px}.learn-toolbar{align-items:stretch;flex-direction:column}.learn-tools{width:100%;align-items:end}.learn-search{width:100%;flex:1}.learn-refresh{padding:0 13px}#learnPage .learn-grid{grid-template-columns:1fr}#learnPage .learn-card{min-height:230px}.learn-article{padding:26px 21px 30px}.learn-article .dialog-head h2{font-size:26px}.learn-filter{padding:8px 11px}.recommend-head{align-items:start;flex-direction:column;gap:7px}.recommend-grid{grid-template-columns:1fr}#articleRelatedGrid{grid-template-columns:1fr}}