.post-container.learning-page{display:block!important;max-width:1200px!important;width:calc(100% - 40px);margin:100px auto 64px!important;color:#284154}
.learning-page .post-detail{width:100%!important;max-width:none!important;background:linear-gradient(125deg,#f7fbff,#f1faf7)!important;border:1px solid #dce7eb;border-radius:22px;padding:42px!important;box-sizing:border-box}
.learning-page .post-header{border:0!important;margin:0 0 24px!important;padding:0!important;text-align:left!important}.learning-page .post-title{font:800 38px/1.4 'Segoe UI','Microsoft YaHei',sans-serif!important;color:#234a52!important;margin:0 0 14px!important}
.learning-page .post-title:before{content:'RYAN WEB / LEARNING HUB';display:block;color:#5b9a8b;font:600 10px/2 Consolas,monospace;letter-spacing:2px;margin-bottom:12px}
.learning-page .post-meta,.learning-page .post-comments,.learning-page>.post-toc{display:none!important}
.learning-page .post-content-wrapper,.learning-page .post-content{padding:0!important;background:none!important;width:100%!important;max-width:none!important}
.learning-page .post-content>p{color:#6a8190!important;font-size:13px!important;line-height:1.9!important;margin:18px 0!important}
#learning-controls{display:flex;flex-direction:column;gap:18px;padding:22px;background:#fff;border:1px solid #d9e8e9;border-radius:14px;margin:0 0 30px}
.learning-search{display:flex;gap:15px;align-items:center;flex-wrap:wrap}.learning-search input{flex:1;min-width:180px;background:#f6f9fc;border:1px solid #ccdce6;border-radius:9px;padding:12px 15px;color:#284154;font:14px 'Segoe UI','Microsoft YaHei',sans-serif;outline:none}.learning-search input:focus{border-color:#218b70;box-shadow:0 0 0 3px #248d7314}.learning-search [role=status]{font-size:12px;color:#718996;min-width:130px}
#learning-controls nav{display:flex;gap:8px;flex-wrap:wrap}#learning-controls button{border:1px solid #d7e4e8;background:#fff;color:#567281;border-radius:7px;padding:8px 12px;font:12px 'Segoe UI','Microsoft YaHei',sans-serif;cursor:pointer}#learning-controls button:hover{border-color:#56ad97;color:#197a60}#learning-controls button.is-active{background:#21856c;border-color:#21856c;color:#fff}
.learning-page .learning-group{margin-top:32px;scroll-margin-top:100px}.learning-page .learning-group>h2{color:#2b4b5e!important;font-size:21px!important;margin:0 0 8px!important;border:0!important}.learning-page .learning-group>p{color:#7a909e!important;font-size:12px!important;margin:0 0 18px!important}
.learning-page .learning-group>ul{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;padding:0!important;margin:0!important;list-style:none!important}
.learning-page .learning-card{list-style:none!important;padding:0!important;margin:0!important;min-width:0;border:1px solid #dce7ee;border-radius:12px;background:#fff;box-shadow:0 4px 16px #32627c04;transition:border-color .15s,transform .15s}
.learning-page .learning-card:hover{border-color:#7fc2ad;transform:translateY(-2px)}.learning-page .learning-card>a{display:grid!important;grid-template-columns:32px minmax(0,1fr) 14px;grid-template-rows:auto auto 1fr;column-gap:10px;row-gap:5px;text-decoration:none!important;border:0!important;padding:20px;box-sizing:border-box;height:100%;min-height:160px;color:#2e4b61!important}
.learning-symbol{grid-column:1;grid-row:1 / 3;display:flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:8px;background:#edf6f3;color:#4b9b83;font:600 10px Consolas,monospace}.learning-name{grid-column:2;grid-row:1;font-size:14px;font-weight:700;line-height:1.5;color:#32566d}.learning-meta{grid-column:2;grid-row:2;color:#7e96a5;font-size:10px;line-height:1.6}.learning-description{grid-column:1 / 4;grid-row:3;color:#718894;font-size:12px;line-height:1.8;margin-top:8px}.learning-arrow{grid-column:3;grid-row:1;color:#7caa9d;font-size:14px}.learning-page [hidden]{display:none!important}
.learning-page .post-content>h2{font-size:18px!important;color:#365769!important;margin-top:36px!important}.learning-page .post-content>p:last-child{font-size:11px!important;color:#859aa8!important;border-top:1px solid #dae6eb;padding-top:20px!important}
@media(max-width:1000px){.learning-page .learning-group>ul{grid-template-columns:repeat(2,minmax(0,1fr))}.learning-page .post-detail{padding:28px!important}}
@media(max-width:600px){.post-container.learning-page{width:calc(100% - 24px);margin-top:80px!important}.learning-page .post-detail{padding:22px 16px!important;border-radius:16px}.learning-page .post-title{font-size:29px!important}.learning-page .learning-group>ul{grid-template-columns:1fr}.learning-page .learning-card>a{min-height:140px;padding:17px}#learning-controls{padding:16px}.learning-search{gap:10px}.learning-search input{min-width:0;width:100%;flex-basis:100%}}
@media(prefers-reduced-motion:reduce){.learning-page .learning-card{transition:none}.learning-page .learning-card:hover{transform:none}}
.learning-page *{text-shadow:none!important}
#ryan-single-page.learning-page .learning-card>a{background:transparent!important;border-radius:11px!important;box-shadow:none!important}
#ryan-single-page.learning-page .learning-card>a::before,#ryan-single-page.learning-page .learning-card>a::after{display:none!important;content:none!important}
