/* Independent P118 comparison. Structure from P99; badges and account palette from original-theme iterations. */
:root{--p118-ink:#202837;--p118-muted:#737d8c;--p118-line:#e8ebef;--p118-accent:#536cce;--p118-surface:#fff;--p118-page:#f6f7f9}
body{background:var(--p118-page);color:var(--p118-ink);font-family:Inter,"Segoe UI","Microsoft YaHei UI","PingFang SC",sans-serif;font-size:14px;-webkit-font-smoothing:antialiased}
body.dark{--p118-ink:#e3e7ef;--p118-muted:#a3adbc;--p118-line:#303644;--p118-surface:#202632;--p118-page:#171d27}
.container,.header-inner,.footer{width:min(1280px,calc(100% - 64px));max-width:1280px}
.preview-bar{min-height:29px;padding:4px 32px;background:#ebedf2;color:#6e7788;font-size:11px;border-bottom:0;gap:10px}.preview-bar select{font-size:11px}#preview-link-status{display:none}.dark .preview-bar{background:#121722;color:#a5afbd}
.site-header{background:var(--p118-surface);border-bottom:1px solid var(--p118-line);box-shadow:none}.header-inner{min-height:84px;gap:36px}.brand{font-size:19px;letter-spacing:-.5px}.brand small{font-size:10px;letter-spacing:2.4px;font-weight:400;margin-top:3px}.brand img{width:30px;height:30px}.main-nav{gap:5px;margin-right:auto}.main-nav>a{font-size:14px;padding:9px 13px;border-radius:9px;font-weight:500}.main-nav>a.active{background:#eef1fb;color:#5266b7}.main-nav>a:before,.main-nav>a:after{display:none!important}.header-actions{gap:6px}.header-actions .icon-btn{width:33px;height:33px}.header-actions .icon{width:19px;height:19px}.account-trigger{padding:3px 8px 3px 4px;border:0;background:#f4f5f8;gap:8px}.account-trigger-tier{font-size:11px}.avatar.small{width:31px;height:31px}.header-count{background:#6274cb;box-shadow:0 0 0 2px var(--p118-surface)}.dark .account-trigger{background:#2d3340}.dark .main-nav>a.active{background:#303c60;color:#d0dbff}
.home118{padding-top:0}.explore-heading>a{display:inline-flex;align-items:center;gap:8px;white-space:nowrap}.hero118{display:grid;grid-template-columns:minmax(0,2.05fr) minmax(300px,1fr);gap:22px}
/* P149: readable learning overview with a clearer frame and dividers. */
.hero-side118{display:flex;flex-direction:column;gap:15px;min-width:0}
.welcome118{padding:22px;background:var(--p118-surface);border:1px solid var(--p118-line);border-radius:16px;flex:1}
.welcome118:not(.guest118){--overview-muted:#5d6b80;--overview-line:#d7dfeb;border:2px solid #c8d2e1;box-shadow:0 5px 18px #2236500d,0 1px 3px #22365008;font-family:"Microsoft YaHei UI","Microsoft YaHei","PingFang SC","Segoe UI",sans-serif}
.welcome-top{display:flex;align-items:center;gap:11px}
.welcome-top .avatar{width:42px;height:42px;flex-shrink:0;border:2px solid white;background:linear-gradient(140deg,#f1e2d6,#e5e8f3);font-size:19px;color:#727c99;box-shadow:0 3px 9px #1b2b4810}
.welcome-top h2{font-family:inherit;font-size:16px;font-weight:600;line-height:25px;letter-spacing:0;margin:0 0 3px;overflow-wrap:anywhere}
.welcome-top p{font-size:12px;line-height:20px;font-weight:400;color:var(--overview-muted);margin:0}
.welcome-top>div{flex:1;min-width:0}
.daily118{border:0;background:#c84648;color:#fff;padding:7px 10px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;margin-left:auto;min-height:34px;font-size:13px;font-weight:600;line-height:20px;white-space:nowrap;transition:background-color .18s}
.daily118:hover:not(:disabled){background:#b83c40}
.daily118:focus-visible{outline:2px solid #c84648;outline-offset:3px}
.daily118:disabled{background:#b85c60;color:#fff;opacity:1;cursor:default}
.personal-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:22px 0 18px;padding-bottom:18px;border-bottom:1px solid var(--overview-line)}
.personal-stats a{display:flex;flex-direction:column;gap:5px;text-align:center;padding:0 6px;border-right:1px solid var(--overview-line)}
.personal-stats a:last-child{border:0}
.personal-stats strong{font-family:"Segoe UI",sans-serif;font-size:24px;font-weight:600;line-height:29px;font-variant-numeric:tabular-nums;color:var(--p118-ink)}
.personal-stats span{font-size:12px;line-height:20px;font-weight:400;color:var(--overview-muted)}
.continue118{display:block;border-radius:8px}
.continue-title{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:15px;font-weight:600;line-height:24px;margin-bottom:12px;color:var(--p118-ink)}
.continue-title .icon{width:16px;height:16px;color:var(--overview-muted)}
.continue-course{display:flex;align-items:flex-start;gap:12px}
.continue-course>.art{width:76px;height:88px;flex:none;object-fit:cover;border:1px solid var(--overview-line);border-radius:9px}
.continue-course>div{flex:1;min-width:0}
.continue-course strong{display:block;font-size:14px;line-height:22px;font-weight:600;letter-spacing:0;white-space:normal;overflow-wrap:anywhere;color:var(--p118-ink)}
.continue-course small{display:block;color:var(--overview-muted);font-size:12px;line-height:20px;font-weight:400;margin-top:4px}
.progress118{height:6px;background:#e5eaf3;border-radius:6px;margin-top:10px;overflow:hidden}
.progress118>span{width:38%;height:100%;background:#798dd0;display:block;border-radius:inherit}
.continue-course .progress-label{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:12px;line-height:20px;margin-top:6px;font-variant-numeric:tabular-nums;white-space:nowrap}
.personal-stats a:focus-visible,.continue118:focus-visible{outline:2px solid var(--p118-accent);outline-offset:4px;border-radius:6px}
.dark .welcome118:not(.guest118){--overview-muted:#b4c0d2;--overview-line:#404e65;border-color:#4e5d76;box-shadow:0 6px 20px #00000026}
.dark .progress118{background:#39465d}
.dark .progress118>span{background:#9cafea}
@media(max-width:380px){.welcome118:not(.guest118){padding:16px}.welcome-top{gap:8px}.welcome-top .avatar{width:38px;height:38px;font-size:18px}.welcome118 .welcome-top h2{font-size:15px;line-height:24px}.daily118{padding-inline:9px;font-size:12px}}
.vip118{position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse at 10% 0%,#4d4c47 0%,#292d32 42%,#171b21 100%)!important;border:1px solid #a28b5d!important;color:#e6cc92!important;box-shadow:0 6px 14px #151a2420,inset 0 1px 0 #fff2!important}.vip118 .gem-icon{font-size:28px;line-height:1;width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;text-shadow:none;flex-shrink:0}.member-banner118{display:flex;align-items:center;justify-content:space-between;padding:20px 23px;border-radius:13px;min-height:90px}.member-banner118>div{display:flex;gap:17px;align-items:center}.member-banner118 strong{display:block;font-size:17px;font-weight:600;letter-spacing:.5px}.member-banner118 small{display:block;font-size:10px;color:#b7a98d;margin-top:5px}.member-banner118>.icon{width:18px}.guest118 .eyebrow{font-size:10px}.guest118 h2{font-size:27px;line-height:1.4;margin:14px 0}.guest118 p{font-size:12px;color:var(--p118-muted);line-height:1.8}.quiet-link{display:block;text-align:center;font-size:11px;margin-top:12px;color:var(--p118-muted)}
.direction-section130{margin-top:22px;padding:18px 0;border-top:1px solid var(--p118-line);border-bottom:1px solid var(--p118-line);min-width:0}.directions118{overflow-x:auto;overflow-y:hidden;scrollbar-width:none;overscroll-behavior-x:contain;scroll-behavior:auto}.directions118::-webkit-scrollbar{display:none}.direction-section130.has-overflow .directions118{--direction-edge-fade:48px;-webkit-mask-image:linear-gradient(to right,transparent,rgba(0,0,0,.104) calc(var(--direction-edge-fade) * .2),rgba(0,0,0,.352) calc(var(--direction-edge-fade) * .4),rgba(0,0,0,.648) calc(var(--direction-edge-fade) * .6),rgba(0,0,0,.896) calc(var(--direction-edge-fade) * .8),#000 var(--direction-edge-fade),#000 calc(100% - var(--direction-edge-fade)),rgba(0,0,0,.896) calc(100% - var(--direction-edge-fade) * .8),rgba(0,0,0,.648) calc(100% - var(--direction-edge-fade) * .6),rgba(0,0,0,.352) calc(100% - var(--direction-edge-fade) * .4),rgba(0,0,0,.104) calc(100% - var(--direction-edge-fade) * .2),transparent);mask-image:linear-gradient(to right,transparent,rgba(0,0,0,.104) calc(var(--direction-edge-fade) * .2),rgba(0,0,0,.352) calc(var(--direction-edge-fade) * .4),rgba(0,0,0,.648) calc(var(--direction-edge-fade) * .6),rgba(0,0,0,.896) calc(var(--direction-edge-fade) * .8),#000 var(--direction-edge-fade),#000 calc(100% - var(--direction-edge-fade)),rgba(0,0,0,.896) calc(100% - var(--direction-edge-fade) * .8),rgba(0,0,0,.648) calc(100% - var(--direction-edge-fade) * .6),rgba(0,0,0,.352) calc(100% - var(--direction-edge-fade) * .4),rgba(0,0,0,.104) calc(100% - var(--direction-edge-fade) * .2),transparent);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%}.direction-track130{display:flex;min-width:100%;width:max-content;align-items:stretch}.is-looping132 .direction-track130>a{flex-grow:0}.is-animating132 .direction-track130{will-change:transform}.direction-track130>a{position:relative;flex:1 0 216px;box-sizing:border-box;display:flex;align-items:center;justify-content:center;gap:14px;padding:12px 12px;min-height:76px;border-radius:12px;transition:background-color .18s}.direction-track130>a:not(:last-child):after{content:"";position:absolute;right:0;top:50%;height:34px;width:1px;transform:translateY(-50%);background:var(--p118-line)}.direction-track130>a:hover{background:#e9edf580}.direction-track130>a:focus-visible{outline:2px solid #8b8ac4;outline-offset:-3px}.direction-icon{height:46px;width:46px;border-radius:13px;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:inset 0 1px 0 #ffffffa6,0 3px 9px #28334c08}.direction-icon .icon{width:24px;height:24px;stroke-width:1.65}.direction-icon.purple{background:#e9e5f6;color:#7b66aa}.direction-icon.coral{background:#f8e7e2;color:#b76d5b}.direction-icon.blue{background:#e2ecfa;color:#557fb4}.direction-icon.green{background:#e0eee6;color:#548a72}.direction-copy130{min-width:0;font-family:"Microsoft YaHei UI","Microsoft YaHei","PingFang SC","Noto Sans CJK SC","Segoe UI",sans-serif}.direction-copy130 strong{display:block;font-size:16px;font-weight:600;line-height:24px;letter-spacing:.1px;color:var(--p118-ink);white-space:nowrap}.direction-copy130 small{display:block;font-size:12px;font-weight:400;line-height:20px;margin-top:4px;color:#69758a;white-space:nowrap}.dark .direction-track130>a:hover{background:#303848}.dark .direction-copy130 small{color:#aab5c8}.dark .direction-icon{box-shadow:inset 0 1px 0 #ffffff14}.dark .direction-icon.purple{background:#393249;color:#bcabe3}.dark .direction-icon.coral{background:#45332f;color:#e1ac9f}.dark .direction-icon.blue{background:#2c394d;color:#a5c1eb}.dark .direction-icon.green{background:#2b4037;color:#9dc7ae}
@media(max-width:680px){.direction-section130{margin-top:18px;padding:14px 0}.direction-section130.has-overflow .directions118{--direction-edge-fade:32px}.direction-track130>a{flex-basis:208px;padding:10px 12px;gap:12px}.direction-copy130 strong{font-size:15px;line-height:23px}.direction-copy130 small{font-size:12px;line-height:20px}.direction-icon{width:44px;height:44px;border-radius:12px}}
@media(prefers-reduced-motion:reduce){.direction-track130>a{transition:none}}
.explore118{padding-top:32px}.explore-heading{display:flex;align-items:center;justify-content:space-between;gap:16px}.section-kicker{font-size:9px;letter-spacing:2px;color:#a1a8b3;font-weight:500;display:block;margin-bottom:8px}.explore-heading h2{font-size:23px;font-weight:600;letter-spacing:.3px;margin:0;display:flex;align-items:center;gap:15px}.explore-heading h2>span{font-size:10px;padding:4px 8px;border:1px solid #dbe1ec;border-radius:5px;font-weight:400;letter-spacing:1px;color:#8793a7}.explore-heading>a{font-size:12px;color:var(--p118-muted)}.explore-heading>a .icon{width:16px}.home-filters118{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:24px 0 22px}.home-filters118 nav{display:flex;gap:7px;flex-wrap:wrap}.home-filters118 button{font-size:13px;border:0;background:transparent;border-radius:8px;padding:9px 15px;color:var(--p118-muted);transition:background .2s,color .2s}.home-filters118 button.active{background:#e8edf7;color:#455d9b;font-weight:600}.home-filters118 button:hover{background:#e9edf3}.all-courses138{display:inline-flex;align-items:center;gap:7px;flex-shrink:0;white-space:nowrap;font-size:13px;line-height:22px;color:var(--p118-muted)}.all-courses138:hover{color:var(--p118-accent)}.all-courses138 .icon{width:16px;height:16px}
/* P138: compact course facts and left-aligned software; homepage only. */
:is(.home118,.resource-cards182) .course-grid{gap:24px;--card-copy:#596578;--card-stat:#626f82}
:is(.home118,.resource-cards182) .course-card{border:1px solid #e5e9ef;border-radius:14px;background:var(--p118-surface);box-shadow:0 3px 7px #293c5704;overflow:hidden;transform:none;transition:box-shadow .3s,border-color .3s;font-family:"Segoe UI","Microsoft YaHei UI","PingFang SC",sans-serif}
:is(.home118,.resource-cards182) .course-card:hover{transform:none;box-shadow:0 10px 22px #25334c0b;border-color:#d8dfeb}
:is(.home118,.resource-cards182) .course-card-inner{background:transparent;border:0;border-radius:0;box-shadow:none}
:is(.home118,.resource-cards182) .course-card .cover{border-radius:0;margin:0;aspect-ratio:1.48;overflow:hidden;background:#e4e9ed}
:is(.home118,.resource-cards182) .course-card[data-art="landscape"] .cover{aspect-ratio:1.12}
:is(.home118,.resource-cards182) .course-card[data-art="type"] .cover{aspect-ratio:1.7}
:is(.home118,.resource-cards182) .course-card[data-art="house"] .cover{aspect-ratio:1.18}
:is(.home118,.resource-cards182) .course-card[data-art="botanical"] .cover{aspect-ratio:1.03}
:is(.home118,.resource-cards182) .course-card .cover img{height:100%;width:100%;object-fit:cover}
:is(.home118,.resource-cards182) .course-card .course-info{padding:18px 18px 0}
:is(.home118,.resource-cards182) .course-summary138{display:flex;align-items:baseline;gap:6px;font-size:12px;line-height:21px;font-weight:400;letter-spacing:0;color:var(--card-copy);margin:0;white-space:nowrap;font-variant-numeric:tabular-nums}
:is(.home118,.resource-cards182) .course-timing139{display:inline-flex;align-items:baseline;gap:6px;margin-left:auto}:is(.home118,.resource-cards182) .course-timing139>span+span{border-left:1px solid var(--p118-line);padding-left:6px}
:is(.home118,.resource-cards182) .course-summary138 .course-category138{font-weight:500}
:is(.home118,.resource-cards182) .course-tools138{display:flex;align-items:center;min-width:0;min-height:26px}
:is(.home118,.resource-cards182) .resource-updated138{display:inline-flex;align-items:center;flex:none;gap:3px;margin-left:auto;color:#315f9c;background:#eef4fe;border:1px solid #d6e4f6;padding:2px 4px;border-radius:5px;font-size:10.5px;line-height:17px;font-weight:500;white-space:nowrap}
:is(.home118,.resource-cards182) .resource-updated138 .icon{width:12px;height:12px;flex:none;stroke-linecap:round;stroke-linejoin:round;transform-origin:center;animation:resource-turn139 3.6s linear infinite}@keyframes resource-turn139{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){:is(.home118,.resource-cards182) .resource-updated138 .icon{animation:none}}
.dark :is(.home118,.resource-cards182) .resource-updated138{color:#b6d3fc;background:#27374e;border-color:#3d5473}





:is(.home118,.resource-cards182) .course-card h3{font-size:16px;line-height:1.6;font-weight:600;letter-spacing:0;margin:10px 0 12px;color:var(--p118-ink);overflow-wrap:anywhere}
:is(.home118,.resource-cards182) .course-card h3>a{color:inherit;display:block;text-decoration:none}
:is(.home118,.resource-cards182) .course-card h3>a:hover{color:var(--p118-accent)}






:is(.home118,.resource-cards182) .tool-stack{margin:0;background:transparent;padding:0;gap:5px;min-height:26px;box-shadow:none;font-family:inherit}
.tool-stack:hover,.tool-stack:hover .tool-monogram,.tool-item:hover,.tool-monogram:hover{transform:none!important;box-shadow:none!important}
:is(.home118,.resource-cards182) .tool-monogram{width:26px;height:26px;font-size:14px;font-weight:600;line-height:1;border-radius:6px;display:inline-flex;align-items:center;justify-content:center}
:is(.home118,.resource-cards182) .tool-overflow{color:var(--card-copy)}
:is(.home118,.resource-cards182) .course-bottom{display:flex;align-items:center;flex-wrap:nowrap;gap:5px;border-top:1px solid var(--p118-line);margin-top:13px;padding:11px 0 13px}
:is(.home118,.resource-cards182) .course-stats{display:flex;align-items:center;justify-content:flex-start;gap:5px;color:var(--card-stat);width:auto;flex:none}
:is(.home118,.resource-cards182) .course-stat{display:flex;align-items:center;justify-content:flex-start;gap:3px;font-size:11px;line-height:20px;font-weight:400;color:var(--card-stat);white-space:nowrap;font-variant-numeric:tabular-nums}
:is(.home118,.resource-cards182) .course-stat .icon{width:12px;height:12px;flex-shrink:0;stroke-width:1.7}
:is(.home118,.resource-cards182) .cg-card-corners{inset:11px 10px auto;pointer-events:none}
:is(.home118,.resource-cards182) .course-card .cg-vip-seal{padding:5px 8px;gap:5px;border-radius:6px;box-shadow:0 3px 8px #33200624;font-size:11px;line-height:16px;font-weight:600}
:is(.home118,.resource-cards182) .cg-vip-seal .gem-icon{font-size:13px;width:15px;height:15px;flex-shrink:0}



:is(.home118,.resource-cards182) .course-card .crowd-seal,:is(.home118,.resource-cards182) .course-card .free-seal140{font-size:11px;line-height:16px;font-weight:600;padding:5px 8px;border-radius:6px;gap:5px}
:is(.home118,.resource-cards182) .crowd-seal .icon,:is(.home118,.resource-cards182) .free-seal140 .icon{width:14px;height:14px;flex-shrink:0}
:is(.home118,.resource-cards182) .cg-sale-ribbon{font-size:11px}
:is(.home118,.resource-cards182) .cover-open{display:none}
.dark :is(.home118,.resource-cards182) .course-grid{--card-copy:#b9c3d2;--card-stat:#aeb9ca}
.more118{text-align:center;margin:30px 0 42px}.more118 .btn{border:1px solid #dfe4eb;background:var(--p118-surface);color:#667286;min-width:215px;font-size:12px;border-radius:9px;box-shadow:none}
/* P146: readable type and shared rhythm for the lower home sections. */
.editorial118{--editorial-muted:#5f6b7d;font-family:"Microsoft YaHei UI","Microsoft YaHei","PingFang SC","Segoe UI",sans-serif;color:var(--p118-ink)}
.editorial118 h2,.editorial118 h3{font-family:inherit}
.editorial118{border-top:1px solid var(--p118-line);padding-top:32px}
.editorial118>.explore-heading{align-items:flex-end;gap:16px}
.editorial118>.explore-heading>div{min-width:0}
.editorial118 .section-kicker{display:block;font-size:11px;line-height:18px;font-weight:500;letter-spacing:1.6px;color:var(--editorial-muted);margin:0 0 7px}
.editorial118 .explore-heading h2{font-size:24px;line-height:34px;font-weight:600;letter-spacing:0;margin:0;color:var(--p118-ink)}
.editorial118 .explore-heading>a{flex:none;min-height:34px;gap:7px;font-size:13px;line-height:22px;font-weight:500;color:var(--editorial-muted)}
.editorial-grid118{display:grid;grid-template-columns:repeat(2,minmax(0,1fr)) minmax(0,.85fr);gap:24px;margin-top:24px}
.editorial-card{display:block;min-width:0}
.editorial-card>div{position:relative;aspect-ratio:1.67;overflow:hidden;border-radius:12px}
.editorial-card .art{width:100%;height:100%;object-fit:cover;transition:transform .6s}
.editorial-card:hover .art{transform:scale(1.025)}
.editorial-card>div>span{position:absolute;left:16px;bottom:16px;font-size:12px;line-height:20px;font-weight:600;background:#142833cc;color:#fff;padding:6px 11px;border-radius:6px;backdrop-filter:blur(8px)}
.editorial-card>small{display:block;font-size:13px;line-height:22px;font-weight:400;margin-top:14px;color:var(--editorial-muted)}
.editorial-card h3{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:17px;line-height:28px;font-weight:600;letter-spacing:0;margin:6px 0 0;color:var(--p118-ink)}
.editorial-card h3 .icon{width:18px;height:18px;flex:none}
.updates118{min-width:0;border:1px solid var(--p118-line);background:var(--p118-surface);border-radius:12px;padding:22px 24px}
.updates118>div{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:4px}
.updates118 h3{font-size:17px;line-height:26px;font-weight:600;letter-spacing:0;margin:0;color:var(--p118-ink)}
.updates118>div>a{font-size:13px;line-height:22px;font-weight:500;min-height:28px;display:flex;gap:6px;align-items:center;color:var(--editorial-muted)}
.updates118>div .icon{width:15px;height:15px;flex:none}
.updates118>a{display:flex;flex-direction:column;align-items:flex-start;min-width:0;border-bottom:1px solid var(--p118-line);padding:12px 0;gap:4px}
.updates118>a:last-child{border-bottom:0;padding-bottom:0}
.updates118 .update-tag{font-size:12px;line-height:18px;font-weight:500;color:#766194}
.updates118 .update-tag.mint{color:#3b7564}
.updates118 .update-tag.peach{color:#996047}
.updates118 strong{font-size:14px;line-height:22px;font-weight:500;color:var(--p118-ink);overflow-wrap:anywhere}
.updates118 small{font-size:12px;line-height:20px;font-weight:400;color:var(--editorial-muted)}






.editorial-card:focus-visible,.editorial118 a:focus-visible{outline:2px solid var(--p118-accent);outline-offset:4px;border-radius:6px}
.dark .editorial118{--editorial-muted:#b4bfd0}
.dark .updates118 .update-tag{color:#c2addf}
.dark .updates118 .update-tag.mint{color:#9fcbb9}
.dark .updates118 .update-tag.peach{color:#e2b39a}
.dark :is(.home118,.resource-cards182) .course-card{border-color:var(--p118-line)}.dark .home-filters118 button.active{background:#34405b;color:#d0dcff}.dark .home-filters118 button:hover{background:#303b50}
/* Legacy footer columns, scoped to the independent local preview. */
.footer.footer147{width:100%;max-width:none;margin-top:48px;padding:40px 0 0;display:block;border-top:1px solid var(--p118-line);background:var(--p118-surface);color:var(--p118-ink);font:400 13px/1.75 "Microsoft YaHei UI","Microsoft YaHei","PingFang SC","Segoe UI",sans-serif}
.footer.footer147>.footer-inner147{display:block;width:min(1280px,calc(100% - 64px));max-width:1280px;margin:0 auto;font-size:inherit;color:inherit}
.footer-grid147{display:grid;grid-template-columns:minmax(220px,2.2fr) minmax(110px,1fr) minmax(110px,1fr) minmax(238px,1.65fr) 112px;gap:36px;align-items:start;padding-bottom:32px}
.footer-grid147>*{min-width:0;margin:0}
.footer147 h2{margin:3px 0 16px;font-family:inherit;font-size:16px;line-height:26px;font-weight:600;letter-spacing:0;color:var(--p118-ink)}
.footer147 p,.footer147 ul,.footer147 dl,.footer147 dd{margin:0}
.footer147 ul{list-style:none;padding:0;display:grid;gap:7px}
.footer147 a{transition:color .16s ease}
.footer147 a:hover{color:#42629a}
.footer-logo147{display:inline-flex;align-items:center;gap:10px;min-height:32px;color:var(--p118-ink)}
.footer-logo147 img{flex-shrink:0}
.footer-intro147>p{max-width:290px;margin-top:15px;color:#606d7e;font-size:13px;line-height:24px;text-wrap:pretty}
.footer-nav147 a{display:inline-block;min-height:24px;line-height:24px;color:#526074}
.footer-contact147 dl{display:grid;gap:7px;color:#526074}
.footer-contact147 dl>div{display:flex;align-items:baseline;gap:8px;line-height:24px}
.footer-contact147 dt{flex:none;font-size:13px;color:#606d7e}
.footer-contact147 dd{min-width:0;font-size:13px;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}
.footer-contact147>p{margin-top:10px;font-size:12px;line-height:22px;color:#606d7e}
.footer-wechat147 h2{text-align:center;font-size:14px}
.footer-qr-placeholder147{width:108px;height:108px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;border:1px dashed #c9d0db;border-radius:6px;background:var(--p118-page);color:#606d7e;font-size:11px;line-height:18px}
.footer-qr-placeholder147 .icon{width:28px;height:28px;opacity:.65}
.footer-qr-placeholder147.has-image252{padding:6px;border-style:solid;background:#fff;box-sizing:border-box}.footer-qr-placeholder147 img{display:block;width:100%;height:100%;object-fit:contain}.footer-qr-placeholder147 [hidden]{display:none}
.footer-bottom147{display:flex;align-items:center;gap:24px;border-top:1px solid var(--p118-line);padding:18px 0;color:#606d7e}
.footer-bottom147 small{font-size:12px;line-height:22px;white-space:pre-line;overflow-wrap:anywhere}
.footer-intro147>p{white-space:pre-line;overflow-wrap:anywhere}
.footer-friends253{display:flex;align-items:baseline;gap:16px 28px;padding:18px 0;border-top:1px solid var(--p118-line)}.footer-friends253 h2{flex:none;margin:0;font-size:13px;line-height:24px}.footer-friends253 ul{display:flex;flex-wrap:wrap;gap:8px 24px;min-width:0}.footer-friends253 li{min-width:0;max-width:100%}.footer-friends253 a{display:block;color:#526074;line-height:24px;overflow-wrap:anywhere}.dark .footer-friends253 a{color:#b4bfd0}@media(max-width:720px){.footer-friends253{flex-wrap:wrap;gap:10px 20px}.footer-friends253 ul{gap:8px 20px}}
.dark .footer-intro147>p,.dark .footer-nav147 a,.dark .footer-contact147 dl,.dark .footer-contact147 dt,.dark .footer-contact147>p,.dark .footer-qr-placeholder147,.dark .footer-bottom147{color:#b4bfd0}
.dark .footer147 a:hover{color:#cad7f5}
.dark .footer-qr-placeholder147{border-color:#4e5a6d}
@media(max-width:1120px){.footer-grid147{grid-template-columns:1fr 1fr minmax(238px,1.6fr) 112px;gap:28px}.footer-intro147{grid-column:1/-1}.footer-intro147>p{max-width:none;margin-top:10px}}
@media(max-width:900px){.footer.footer147>.footer-inner147{width:calc(100% - 40px)}.footer-grid147{gap:24px;grid-template-columns:1fr 1fr minmax(230px,1.6fr) 108px}}
@media(max-width:720px){.footer.footer147{margin-top:36px;padding-top:28px}.footer.footer147>.footer-inner147{width:calc(100% - 32px)}.footer-grid147{grid-template-columns:1.35fr 1fr;gap:28px 24px;padding-bottom:28px}.footer147 h2{margin-top:0;margin-bottom:12px}.footer-wechat147{justify-self:end}.footer-bottom147{flex-wrap:wrap;gap:12px 20px;padding:16px 0}.footer-bottom147 small{flex-basis:100%}}
@media(max-width:480px){.footer-contact147{grid-column:1/-1}.footer-wechat147{grid-column:1/-1;justify-self:stretch;display:flex;align-items:center;gap:24px}.footer-wechat147 h2{margin:0;text-align:left}.footer-qr-placeholder147{width:100px;height:100px}.footer-grid147{gap:26px 20px}}

.account-checkin{display:flex;justify-content:center;align-items:center}


@media(min-width:681px){.mobile-menu{display:none}}
@media(max-width:1180px){.header-inner{gap:18px}.main-nav>a{font-size:12px;padding:8px 9px}.header-actions{gap:2px}.account-trigger-tier{display:none}.hero118{grid-template-columns:minmax(0,1.7fr) minmax(300px,1fr)}:is(.home118,.resource-cards182) .course-grid{--preview-columns:3}.editorial-grid118{grid-template-columns:repeat(2,minmax(0,1fr))}.updates118{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px 20px}.updates118>div{grid-column:1/-1;margin:0}.updates118>a{padding:0;border:0}.welcome118{padding:18px}}
@media(max-width:900px){.container,.header-inner,.footer{width:calc(100% - 40px)}.header-inner{flex-wrap:wrap;gap:12px;min-height:106px;padding:14px 0}.brand{margin-right:auto}.main-nav{order:3;width:100%;margin:0;justify-content:center}.header-actions{gap:5px}.hero118{grid-template-columns:1fr}.hero-side118{display:grid;grid-template-columns:minmax(0,2fr) minmax(200px,1fr)}.welcome118{padding:18px}.welcome-top p{display:none}.personal-stats{margin:18px 0 0;border-bottom:0;padding-bottom:0}.continue118{display:none}.member-banner118{padding:18px;align-items:center}.member-banner118>div{flex-direction:column;align-items:flex-start;gap:10px}.member-banner118 strong{font-size:16px}.member-banner118 small{font-size:10px}:is(.home118,.resource-cards182) .course-grid{--preview-columns:2}}
@media(max-width:680px){.container,.header-inner,.footer{width:calc(100% - 32px)}.preview-bar{padding:4px 16px;font-size:9px;min-height:27px}.preview-hint{display:none}.preview-bar label{font-size:9px}.preview-bar .choice-trigger{font-size:10px;min-height:24px}.header-inner{min-height:67px;flex-wrap:nowrap;padding:12px 0;gap:8px}.brand{font-size:16px;gap:7px}.brand img{width:25px;height:25px}.brand small{display:none}.header-actions{gap:2px}.header-actions>.icon-btn,.header-actions>a.icon-btn{display:none}.header-actions>.mobile-menu{display:inline-flex;width:30px}.account-trigger-tier{display:none}.account-trigger{padding:0;background:transparent}.avatar.small{width:30px;height:30px}.main-nav{display:none!important;position:absolute;top:100%;left:0;right:0;background:var(--p118-surface);padding:12px 16px;border-bottom:1px solid var(--p118-line);box-shadow:0 10px 20px #22334c0d;order:0}.main-nav.open{display:flex!important;flex-wrap:wrap;justify-content:flex-start}.main-nav>a{font-size:12px;padding:8px}.hero118{gap:14px}.hero-side118{grid-template-columns:1fr;gap:13px}.welcome-top h2{font-size:16px}.welcome-top p{display:block;font-size:12px}.personal-stats strong{font-size:22px}.personal-stats span{font-size:12px}.member-banner118{padding:17px 22px;min-height:80px}.member-banner118>div{flex-direction:row;align-items:center;gap:17px}.member-banner118 small{margin-top:4px}.explore118{padding-top:25px}.explore-heading h2{font-size:20px;gap:8px}.explore-heading h2>span{display:none}.section-kicker{font-size:8px}.explore-heading>a{font-size:10px;gap:4px}.home-filters118{margin:21px 0 17px;flex-wrap:wrap;gap:12px}.all-courses138{margin-left:auto}.home-filters118 nav{gap:2px;flex-wrap:wrap}.home-filters118 button{font-size:11px;white-space:nowrap;padding:8px 10px}:is(.home118,.resource-cards182) .course-grid{gap:14px;--preview-card-gap:14px;--preview-columns:2}:is(.home118,.resource-cards182) .course-card{border-radius:12px}:is(.home118,.resource-cards182) .course-card .course-info{padding:14px 12px 0}:is(.home118,.resource-cards182) .course-card h3{font-size:14px;line-height:1.6;margin:9px 0 10px}:is(.home118,.resource-cards182) .tool-stack{min-height:24px;gap:4px}:is(.home118,.resource-cards182) .tool-monogram{width:24px;height:24px;font-size:13px}:is(.home118,.resource-cards182) .course-bottom{margin-top:13px;padding:10px 0 12px}:is(.home118,.resource-cards182) .course-card .cg-vip-seal,:is(.home118,.resource-cards182) .course-card .crowd-seal,:is(.home118,.resource-cards182) .course-card .free-seal140{font-size:10px;line-height:16px;padding:4px 6px;gap:4px}:is(.home118,.resource-cards182) .cg-vip-seal .gem-icon{font-size:12px;width:14px;height:14px}:is(.home118,.resource-cards182) .course-card .cg-sale-ribbon span{font-size:10px}.more118{margin:22px 0 28px}.editorial118{padding-top:28px}.editorial118 .explore-heading h2{font-size:22px;line-height:32px}.editorial118 .explore-heading>a{min-height:32px}.editorial-grid118{grid-template-columns:minmax(0,1fr);gap:28px;margin-top:20px}.editorial-card>small{margin-top:12px}.editorial-card h3{font-size:16px;line-height:26px}.updates118{display:block;padding:20px}.updates118>div{margin-bottom:4px}.updates118>a{border-bottom:1px solid var(--p118-line);padding:12px 0}.account-popover{position:fixed;top:83px;right:12px;left:auto;max-height:calc(100dvh - 98px);overflow:auto}.account-popover-head{padding:18px}.account-popover-body{padding:13px}.account-quicklinks>a{font-size:9px}.dark .main-nav{background:var(--p118-surface)}}
@media(max-width:359px){.account-quicklinks{grid-template-columns:repeat(3,1fr);gap:9px}.home-filters118 button{padding:7px 8px}}
:is(.home118,.resource-cards182) .course-card .cg-card-corners{inset:0;height:auto;border-radius:inherit}
.home118 .home-courses118{grid-template-columns:repeat(4,minmax(0,1fr))}
@media(max-width:1260px) and (min-width:961px){.home118 .home-courses118{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:960px){.home118 .home-courses118{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:680px){.site-header .header-inner{display:flex;grid-template-columns:none;flex-wrap:nowrap}.site-header .header-actions{width:auto;margin-left:auto;justify-content:flex-end}:is(.home118,.resource-cards182) .cg-vip-seal{min-height:21px}:is(.home118,.resource-cards182) .course-card .cg-sale-ribbon{top:0;right:0}:is(.home118,.resource-cards182) .cg-sale-ribbon span{font-size:9px}}
@media(prefers-reduced-motion:reduce){.vip118:before,.vip118>.gem-icon,.vip118 strong{animation:none!important;filter:none!important}.editorial-card .art{transition:none;transform:none!important}}

/* P119: visitors discover courses first; their account entry lives in Personal Center. */
.hero118.hero-guest119{grid-template-columns:minmax(0,1fr)}
.guest-account119{display:inline-flex;align-items:center;gap:6px;font-size:12px;white-space:nowrap;background:#eef1f8;border:0;color:#566b9d;box-shadow:none}
.header-actions .front-account255{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;gap:6px;min-width:100px;height:36px;min-height:36px;padding:0 12px;border:0;border-radius:9px;background:#eef1f8;color:#566b9d;box-shadow:none;font-size:12px;font-weight:400;line-height:20px;white-space:nowrap;cursor:pointer;list-style:none}
.header-actions .front-account255>span:last-child{display:inline;max-width:none}.header-actions .front-account255>.legacy-icon174{--icon-size:16px}.header-actions .front-account255::-webkit-details-marker{display:none}
.dark .header-actions .front-account255{background:#303c56;color:#d1dcf4}.header-actions .front-account255:hover{background:#e4e9f4}.dark .header-actions .front-account255:hover{background:#3a4964}
.header-actions .cgc-session-menu>div{background:var(--p118-surface);border-color:var(--p118-line);color:var(--p118-ink)}.dark .header-actions .cgc-session-menu>div small{color:#aab5c8}
.direction-copy130{max-width:132px}.direction-copy130 strong,.direction-copy130 small{overflow:hidden;text-overflow:ellipsis}
@media(max-width:680px){.header-actions .front-account255{min-width:82px;height:32px;min-height:32px;padding:0 8px;font-size:11px}}
.personal119{max-width:960px;padding-top:30px}
.personal119>header{margin:24px 0}.personal119>header h1{font-size:28px;font-weight:600;margin:7px 0 10px;letter-spacing:.4px}.personal119>header p{color:var(--p118-muted);font-size:13px}
.guest-space119{display:grid;grid-template-columns:1.1fr 1fr;gap:24px;align-items:stretch}
.guest-space119>.guest118{padding:30px}.guest-space119 .guest118 h2{font-size:29px;line-height:1.5}.guest-space119 .guest118 p{font-size:13px;line-height:1.9}
.guest-features119{display:flex;gap:16px;margin:22px 0 26px;color:var(--p118-muted)}.guest-features119>span{display:flex;align-items:center;gap:5px;font-size:11px;white-space:nowrap}.guest-features119 .icon{width:16px;height:16px;color:#8494b6}
.guest-side119{display:flex;flex-direction:column;gap:18px}.guest-side119 .member-banner118{min-height:112px}.guest-help119{flex:1;background:var(--p118-surface);border:1px solid var(--p118-line);border-radius:14px;padding:25px}.guest-help119>span{display:flex;align-items:center;justify-content:center;width:39px;height:39px;border-radius:10px;background:#edf1f8;color:#7d8eac;margin-bottom:17px}.guest-help119 h2{font-size:16px;font-weight:500;line-height:1.6;margin:0 0 9px}.guest-help119 p{font-size:12px;color:var(--p118-muted);line-height:1.9;margin:0 0 18px}.guest-help119 .text-link{font-size:12px;display:inline-flex;gap:8px;align-items:center}
.dark .guest-account119{background:#303c56;color:#d1dcf4}.dark .guest-help119>span{background:#34415a;color:#bdcce5}
@media(max-width:680px){.guest-account119{padding:5px 8px;font-size:10px;min-height:30px}.guest-account119>.icon{width:15px;height:15px}.personal119{padding-top:22px}.personal119>header h1{font-size:24px}.guest-space119{grid-template-columns:1fr;gap:16px}.guest-space119>.guest118{padding:25px}.guest-space119 .guest118 h2{font-size:25px}.guest-features119{gap:12px}.guest-space119 .guest118 p{font-size:12px}.guest-side119{gap:16px}.guest-side119 .member-banner118{min-height:90px}}


.member-banner118 .gem-icon{font-size:29px;width:32px;height:32px;line-height:1;transform:none}
.member-banner118 strong{font-size:17px;line-height:1.5;font-weight:600;letter-spacing:.3px}
.member-banner118 small{color:#d3bd91;font-size:11px;line-height:1.5;text-shadow:0 1px 0 #080c13,0 -.4px 0 #fff2d41a}


.member-banner118>div{min-width:0;gap:15px}.member-banner118>div>span{min-width:0}
.active-member120{padding:19px 21px}.active-member120 small{font-size:10px;white-space:nowrap}.active-member120 strong{font-size:16px}


.preview-tools120{display:flex;align-items:center;justify-content:flex-end;gap:18px}.preview-tools120>label{display:inline-flex;align-items:center;gap:6px;white-space:nowrap}.preview-tools120 .choice-trigger{font-size:11px}
.learning-empty120{padding-bottom:1px}.empty-next120{display:flex;gap:12px;align-items:center;min-height:76px}.empty-learning-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;aspect-ratio:1;flex:0 0 48px;align-self:center;box-sizing:border-box;border:1px solid #e1e7f2;border-radius:10px;background:linear-gradient(140deg,#f2f5fc,#e8edf7);color:#8396c1;box-shadow:inset 0 1px 0 #fff}.empty-learning-icon .icon{--icon-size:22px;width:22px;height:22px;flex:none;line-height:1}.empty-next120>div{min-width:0}.empty-next120 strong{font-size:14px;font-weight:600;line-height:22px;color:var(--p118-ink)}.empty-next120 p{font-size:12px;line-height:21px;margin:4px 0 7px;color:var(--overview-muted)}.empty-next-link{display:inline-flex;align-items:center;gap:5px;font-size:12px;line-height:22px;font-weight:500;color:#456593}.empty-next-link .icon{height:13px;width:13px}.dark .empty-learning-icon{background:linear-gradient(140deg,#344058,#293347);border-color:#3d4a62;box-shadow:inset 0 1px 0 #ffffff10;color:#bbcae8}.dark .empty-next-link{color:#b5c7ed}
@media(max-width:1180px){.active-member120{padding:19px 17px}.active-member120>div{gap:10px}.active-member120 .active-member120 small{font-size:10px}}
@media(max-width:900px){.preview-bar{flex-wrap:wrap}.preview-tools120{margin-left:auto}}
@media(max-width:680px){.preview-bar{gap:2px;padding-top:4px;padding-bottom:4px}.preview-bar>span{width:100%}.preview-tools120{width:100%;justify-content:space-between;gap:12px}.preview-tools120>label{font-size:10px}.preview-tools120 .choice-trigger{font-size:10px}.welcome118 .continue118{display:block}.welcome118 .personal-stats{padding-bottom:18px;border-bottom:1px solid var(--overview-line);margin-bottom:18px}.active-member120{padding:18px 20px}.active-member120 small{font-size:10px}.member-banner118 .gem-icon{font-size:28px}.empty-next120 p{font-size:12px}}

@media(prefers-reduced-motion:reduce){.vip118 .gem-icon,.vip118 strong{animation:none!important;background-position:100% 0,0 0;filter:drop-shadow(0 .8px .4px #05080cb3)!important}.vip118:before{animation:none!important;opacity:0}}

/* P121 — single-color foreground and the retained silk background. */
.vip118 .gem-icon,.vip118 strong,.member-banner118 small{background:none!important;-webkit-text-fill-color:#e4c584;color:#e4c584!important;text-shadow:none!important;filter:none!important;animation:none!important}
.vip118:before{content:none;animation:none!important}
/* P124: a single metallic gold rim and a soft reflection across the dark face. */
.member-effect121.vip118{
 background:linear-gradient(116deg,transparent 24%,#f4deb909 40%,#f4deb918 48%,#f4deb906 56%,transparent 66%) padding-box,linear-gradient(151deg,#353530 0%,#202225 32%,#111418 67%,#24241f 100%) padding-box,linear-gradient(120deg,#8c6936 0%,#ac874a 19%,#7c5829 43%,#9b753b 62%,#76512a 80%,#9b793f 100%) border-box!important;
 border:4px solid transparent!important;justify-content:flex-start;min-height:92px;
 box-shadow:0 7px 18px #151a2426!important;
 outline:2px solid #e5c789;outline-offset:-3px
}
/* The 2px central highlight sits within the 4px rim, leaving a dark edge on each side. */
.member-effect121 .member-content121{position:relative;z-index:1;display:flex;align-items:center;gap:15px;min-width:0}
.member-effect121 .member-content121>span{min-width:0}
.member-effect121 .gem-icon{width:32px;height:32px;font-size:29px;transform:none}
.member-effect121 strong{font-size:17px;line-height:1.5;letter-spacing:.2px;font-weight:600}
.member-effect121 small{font-size:10px;line-height:1.6;margin-top:4px;white-space:normal}
.member-effect121:focus-visible{outline:2px solid #cbad70;outline-offset:4px}
.member-art121{position:absolute;inset:0;z-index:0;overflow:hidden;border-radius:inherit;pointer-events:none;contain:paint}
.member-art121 svg{width:100%;height:100%;display:block;overflow:visible}
.art-dust127{background:radial-gradient(ellipse at 78% 100%,#d4b36b12,transparent 57%)}
.dust-particle127{opacity:.4;transform-origin:0 0;transform-box:view-box}
.member-motion-paused121 .member-art121 *{animation-play-state:paused!important}
.preview-tools120>.effect-compare121{font-size:11px;white-space:nowrap;color:#667cab;border-bottom:1px solid #a0afca;padding:2px 0}
.member-lab121{max-width:1000px;padding-top:30px}
.effect-intro121{display:flex;align-items:flex-end;justify-content:space-between;gap:22px;margin-bottom:30px}
.effect-intro121 .back-link{display:block;font-size:12px;margin-bottom:25px}
.effect-intro121 .section-kicker{display:block;font-size:9px;color:#949db0;letter-spacing:2px}
.effect-intro121 h1{font-size:29px;line-height:1.4;letter-spacing:.5px;font-weight:600;margin:10px 0}
.effect-intro121 p{font-size:13px;color:var(--p118-muted);line-height:1.7;margin:0}
.effect-intro121>.btn{flex-shrink:0;font-size:12px;min-height:36px;gap:7px}
.effect-gallery121{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.effect-option121{border:1px solid var(--p118-line);border-radius:15px;background:var(--p118-surface);padding:22px}
.effect-option121>header{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:18px}
.effect-option121>header>div{display:flex;align-items:center;gap:10px}

.effect-option121 h2{font-size:16px;font-weight:600;margin:0;line-height:1.5}
.effect-tone121{font-size:10px;color:var(--p118-muted)}
.effect-option121 .member-banner118{padding:20px;min-height:96px;transform:none}
.effect-option121>p{font-size:12px;line-height:1.8;color:var(--p118-muted);margin:16px 0 14px;min-height:22px}
.effect-option121>footer{display:flex;align-items:center;justify-content:space-between;gap:12px}
.effect-status121{font-size:10px;color:var(--p118-muted)}
.effect-option121>footer .btn{font-size:11px;min-height:31px;border-radius:7px;padding:5px 10px}
.effect-note121{padding:30px 25px;display:flex;flex-direction:column;justify-content:center}
.effect-note121 h2{font-size:18px;line-height:1.6;font-weight:500;margin:12px 0}
.effect-note121 p{font-size:12px;line-height:1.9;color:var(--p118-muted);margin:0 0 8px}
@media(max-width:900px){.preview-tools120{flex-wrap:wrap;gap:8px 15px}.member-effect121 .member-content121{flex-direction:row}.effect-tone121{font-size:9px}}
@media(max-width:680px){.preview-tools120>.effect-compare121{font-size:10px;margin-right:auto}.preview-tools120{justify-content:flex-end;gap:4px 11px}.member-lab121{padding-top:22px}.effect-intro121{align-items:flex-start;flex-direction:column;gap:16px;margin-bottom:20px}.effect-intro121 h1{font-size:25px}.effect-intro121 p{font-size:12px}.effect-intro121 .back-link{margin-bottom:22px}.effect-gallery121{grid-template-columns:1fr;gap:16px}.effect-option121{padding:19px}.effect-option121 .member-banner118{padding:18px;min-height:92px}.effect-option121 h2{font-size:15px}.effect-note121{padding:20px 8px}.effect-option121>p{font-size:11px}.member-effect121 .member-content121{gap:14px}}
@media(max-width:359px){.preview-tools120>.effect-compare121{width:100%;border:0}.effect-option121{padding:15px}.effect-option121 .member-banner118{padding:15px}.effect-tone121{font-size:9px}.member-effect121 .gem-icon{font-size:26px;width:29px}.member-effect121 strong{font-size:16px}.member-effect121 small{font-size:9px}}
@media(prefers-reduced-motion:reduce){.member-art121 *{animation:none!important;will-change:auto}}


/* Compact original hierarchy, with readable secondary text at every breakpoint. */
.member-effect121 .member-copy123{display:block;min-width:0}
.member-effect121 .member-content121{gap:15px}
.member-effect121 strong{font-size:17px;line-height:26px;font-weight:600;letter-spacing:.2px}
.member-effect121 small{font-size:13px;line-height:20px;font-weight:400;letter-spacing:0;margin-top:5px;color:#d8c49a!important;-webkit-text-fill-color:#d8c49a;white-space:normal}
.member-effect121 .member-expiry123{display:inline-block;white-space:nowrap;font-variant-numeric:tabular-nums}
.member-effect121.vip118{min-height:96px;padding:18px}
@media(max-width:359px){.member-effect121.vip118{padding:15px 13px}.member-effect121 .member-content121{gap:12px}.member-effect121 .gem-icon{width:29px;font-size:27px}}

/* A single glyph with a restrained metallic highlight, without stacked copies. */
@supports (background-clip:text){
 .member-effect121 .gem-icon,.member-effect121 strong{
  background:linear-gradient(169deg,#f0d8a5 8%,#dfbf7c 37%,#f4dfae 48%,#dab873 57%,#c6a366 92%)!important;
  background-clip:text!important;-webkit-background-clip:text!important;
  color:transparent!important;-webkit-text-fill-color:transparent!important;
  filter:drop-shadow(0 1px .6px #080a0d80)!important;text-shadow:none!important
 }
}
.member-effect121 small{text-shadow:0 1px 1px #080a0d66!important}

/* P136: preserve the ten cover images' own proportions, including on narrow screens. */
:is(.home118,.resource-cards182) .course-card .cover.native-cover136{aspect-ratio:auto;height:auto;min-height:0}
:is(.home118,.resource-cards182) .course-card .cover.native-cover136>.art{display:block;width:100%;height:auto;aspect-ratio:auto}

@media(max-width:620px){
 .home118 .home-courses118{grid-template-columns:minmax(0,1fr)}
 :is(.home118,.resource-cards182) .course-card .course-info{padding:17px 17px 0}
 :is(.home118,.resource-cards182) .course-card h3{font-size:16px}
}

/* P150: unobtrusive unread dots, tier-aware avatar ring and utility dock. */
.header-actions .header-alert150{position:relative;overflow:visible}
.header-alert150 .alert-dot150{position:absolute;top:0;right:0;width:6px;height:6px;border-radius:50%;background:#df454b;box-shadow:0 0 0 1px var(--p118-surface);pointer-events:none;animation:alert-pulse150 2.2s ease-in-out infinite}
.header-alert150.notification-link .alert-dot150{animation-delay:-.65s}
.header-alert150[data-action="site-notice"] .alert-dot150{animation-delay:-1.3s}
@keyframes alert-pulse150{0%,100%{opacity:.35}45%,60%{opacity:1}}
.header-actions .account-trigger.avatar-trigger150{width:34px;height:34px;min-height:34px;padding:2px;gap:0;justify-content:center;border:1px solid #d5dce6;border-radius:50%;background:var(--p118-surface);box-shadow:0 1px 3px #263c570a}
.header-actions .avatar-trigger150 .avatar{width:28px;height:28px;margin:0;background:#eae7e3;color:#726a60;box-shadow:none;font-size:16px}
.header-actions .avatar-trigger150:hover,.header-actions .account-hover.is-open .avatar-trigger150{border-color:#aebacc;background:var(--p118-surface)}
.dark .header-actions .avatar-trigger150{border-color:#526079;background:var(--p118-surface)}
.dark .header-actions .avatar-trigger150 .avatar{background:#3c4350;color:#d5dae3}
.header-actions .account-trigger.avatar-trigger150.is-member150{padding:1px;border:2px solid transparent;background:linear-gradient(145deg,#5b5b59,#171a20 58%,#34302a) padding-box,conic-gradient(from -35deg,#e3c384,#fff0c4 13%,#bd9454 30%,#765524 49%,#c7a467 65%,#f0dca4 80%,#a98345 92%,#e3c384) border-box;box-shadow:0 2px 5px #20273526,inset 0 1px 1px #fff1ce40,inset 0 -1px 1px #090b10a0}
.header-actions .avatar-trigger150.is-member150 .avatar{background:radial-gradient(ellipse at 30% 12%,#ffffff16,transparent 62%),linear-gradient(145deg,#42464e,#1b1e25 66%,#292c32);color:#ead29e;box-shadow:inset 0 1px 1px #ffffff16,inset 0 -1px 1px #080b1280;text-shadow:0 1px 1px #000b;line-height:1}
.header-actions .avatar-trigger150.is-member150:hover,.header-actions .account-hover.is-open .avatar-trigger150.is-member150{border-color:transparent;box-shadow:0 2px 6px #20273532,inset 0 1px 1px #fff1ce60,inset 0 -1px 1px #090b10a0}
.dark .header-actions .avatar-trigger150.is-member150{box-shadow:0 2px 5px #0005,inset 0 1px 1px #fff1ce40,inset 0 -1px 1px #090b10a0}
.quick-dock150{position:fixed;right:12px;bottom:24px;z-index:60;display:flex;flex-direction:column;align-items:stretch;gap:10px;width:56px;font-family:"Microsoft YaHei UI","Microsoft YaHei","Segoe UI",sans-serif}
.dock-links150{display:grid;gap:2px;padding:4px;border:1px solid #dce2eb;border-radius:14px;background:var(--p118-surface);box-shadow:0 6px 22px #23384f12}
.dock-links150>a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;min-height:57px;border-radius:9px;color:#59677e;font-size:12px;line-height:18px;transition:background-color .18s,color .18s}
.dock-links150>a:hover,.dock-links150>a[aria-current="page"]{background:#eef2fa;color:#4868b4}
.dock-links150 .icon{width:20px;height:20px;flex:none;font-size:18px}
.dock-links150{max-height:calc(100dvh - 160px);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}.dock-links150>a{min-width:0;height:57px}.dock-links150>a span{display:block;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:center}
@media(max-width:1439px){.quick-dock150.without-top253 .dock-links150{bottom:56px}}
.quick-dock150 .dock-top150,.dock-toggle150{display:flex;align-items:center;justify-content:center;width:48px;height:46px;min-height:44px;align-self:center;flex:none;margin:0;padding:0;border:1px solid transparent;border-radius:12px;cursor:pointer}
.quick-dock150 .dock-top150{color:#fff;background:#4c6dd0;box-shadow:0 5px 14px #4869c533;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .26s ease,visibility 0s linear .26s}
.quick-dock150 .dock-top150.is-visible152{opacity:1;visibility:visible;pointer-events:auto;transition-delay:0s}
.quick-dock150 .dock-top150:hover{background:#3d5dbf}
.quick-dock150 .dock-top150 .icon{width:20px;height:20px;stroke-width:2}
.dock-toggle150{display:none;background:var(--p118-surface);color:#59677e;border-color:#dce2eb;box-shadow:0 5px 18px #23384f12}
.dock-toggle150 .icon{width:20px;height:20px}
.quick-dock150 a:focus-visible,.quick-dock150 button:focus-visible{outline:2px solid #7b94d3;outline-offset:3px}
.dark .dock-links150,.dark .dock-toggle150{border-color:#46536a;box-shadow:0 6px 20px #0003}
.dark .dock-links150>a,.dark .dock-toggle150{color:#c0cbdd}
.dark .dock-links150>a:hover,.dark .dock-links150>a[aria-current="page"]{background:#303d59;color:#c5d6ff}
body:has(dialog[open]) .quick-dock150,body:has(dialog[open]) .quick-dock150 .dock-top150{visibility:hidden;transition:none}
@media(max-width:1439px){.quick-dock150{width:44px;right:10px;bottom:max(18px,env(safe-area-inset-bottom));gap:8px}.quick-dock150 .dock-top150,.dock-toggle150{width:44px;height:44px}.dock-toggle150{display:flex}.dock-links150{display:none;position:absolute;right:0;bottom:104px;width:148px;padding:6px}.quick-dock150.is-open .dock-links150{display:grid}.dock-links150>a{flex-direction:row;justify-content:flex-start;gap:13px;padding:0 12px;min-height:44px;height:44px}.dock-links150>a span{font-size:13px}.footer-bottom147{padding-right:58px}}
@media(prefers-reduced-motion:reduce){.alert-dot150{animation:none!important;opacity:1}.dock-links150>a,.quick-dock150 .dock-top150{transition:none}}
/* P142: featured course carousel with stable geometry and readable foreground. */
.feature118.feature-carousel142{position:relative;isolation:isolate;min-width:0;min-height:370px;border-radius:17px;overflow:hidden;background:#122c31;color:#fff;align-self:stretch;font-family:"Segoe UI","Microsoft YaHei UI","PingFang SC",sans-serif}
.feature-stage142{height:100%;display:grid;grid-template-columns:minmax(0,1fr)}
.hero-slide142{grid-area:1/1;position:relative;isolation:isolate;display:flex;align-items:flex-end;min-width:0;overflow:hidden;opacity:0;pointer-events:none;z-index:0;color:#fff;transition:opacity 650ms ease-in-out;text-decoration:none}
.hero-slide142.is-active{opacity:1;pointer-events:auto;z-index:1}
.hero-slide142>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 55%;z-index:-2}
.hero-slide142:before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(0deg,rgba(5,19,27,.5),transparent 40%);mask-image:linear-gradient(90deg,#000 46%,rgba(0,0,0,.84) 56%,rgba(0,0,0,.4) 70%,rgba(0,0,0,.1) 82%,transparent 94%)}
.hero-slide142:after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(90deg,rgba(5,22,30,.72),rgba(5,22,30,.36) 46%,rgba(5,22,30,.17) 60%,rgba(5,22,30,.04) 76%,rgba(5,22,30,0) 90%)}
.hero-copy142{display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;width:100%;height:100%;min-width:0;padding:88px 36px 44px}
.hero-copy142>*{flex-shrink:0}
.hero-kicker142{display:block;font-size:11.5px;line-height:20px;letter-spacing:1.2px;font-weight:500;color:#e3ecee}
.hero-copy142 h1{max-width:600px;font-size:40px;line-height:1.3;font-weight:600;letter-spacing:.2px;margin:12px 0 14px;color:#fff;text-shadow:0 2px 16px #081d2833}
.hero-copy142 h1>span{display:block;text-wrap:balance}
.hero-copy142>p{max-width:430px;font-size:14px;line-height:24px;font-weight:400;color:#edf2f3;margin:0}
.hero-cta142{display:inline-flex;align-items:center;gap:17px;min-height:42px;padding:9px 16px;margin-top:22px;border:1px solid #ffffff59;border-radius:9px;background:#17333c66;backdrop-filter:blur(8px);font-size:13px;line-height:22px;font-weight:600;color:#fff;transition:background .2s,border-color .2s}
.hero-cta142 .icon{width:17px;height:17px;flex:none}
.hero-slide142:hover .hero-cta142{background:#ffffff24;border-color:#ffffff90}
.hero-slide142:focus-visible{outline:2px solid #fff;outline-offset:-5px;border-radius:17px}
.feature-top143{position:absolute;top:24px;left:36px;right:36px;z-index:3;display:flex;align-items:center;pointer-events:none}
.feature-chip142{display:inline-flex;align-items:center;gap:7px;flex:none;padding:6px 11px;border:1px solid #ffffff4d;border-radius:9px;background:#152f3c70;backdrop-filter:blur(8px);font-size:12px;line-height:18px;font-weight:600;letter-spacing:.4px;color:#fff;white-space:nowrap}
.feature-chip142>span{width:5px;height:5px;border-radius:50%;background:#e0ecc7}
.feature-footer142{position:absolute;bottom:24px;left:36px;right:36px;z-index:3;display:flex;justify-content:flex-end;pointer-events:none}
.feature-controls142{display:flex;align-items:center;flex:none;pointer-events:auto}
.feature-controls142 button{display:inline-flex;align-items:center;justify-content:center;flex:none;width:24px;height:36px;padding:0;border:0;border-radius:8px;background:transparent;color:white;cursor:pointer;transition:background .2s}
.feature-controls142 button:hover{background:#ffffff29}
.feature-controls142 button:focus-visible{outline:2px solid #fff;outline-offset:2px}
.feature-dots142 button>span{width:5px;height:5px;border-radius:4px;background:#ffffff80;box-shadow:0 1px 3px #081b2870;transition:width .25s,background .25s}
.feature-dots142 button[aria-pressed="true"]>span{width:16px;background:#fff}
@media(max-width:1180px){.hero-copy142 h1{font-size:35px}.hero-copy142{padding-left:30px;padding-right:30px}.feature-top143,.feature-footer142{left:30px;right:30px}}
@media(max-width:680px){
 .feature118.feature-carousel142{min-height:340px;border-radius:13px}
 .hero-copy142{padding:80px 24px 40px}
 .hero-kicker142{font-size:11px;line-height:19px;letter-spacing:.6px}
 .hero-copy142 h1{font-size:32px;line-height:1.35;margin:11px 0 13px}
 .hero-copy142>p{font-size:13px;line-height:23px;max-width:350px}
 .hero-cta142{font-size:13px;min-height:40px;padding:8px 14px;margin-top:20px}
 .feature-top143{top:20px;left:24px;right:24px}
 .feature-chip142{font-size:12px;padding:5px 10px}
 .feature-footer142{left:24px;right:24px;bottom:20px}
}
@media(max-width:480px){
 .hero-copy142 h1{font-size:clamp(24px,7vw,32px)}
 .hero-slide142:before{display:none}
 .hero-slide142:after{background:linear-gradient(90deg,rgba(5,22,30,.76),rgba(5,22,30,.36)),linear-gradient(0deg,rgba(5,19,27,.55),transparent 45%)}
}
@media(prefers-reduced-motion:reduce){.hero-slide142,.hero-cta142,.feature-controls142 button,.feature-dots142 button>span{transition:none}}

/* P154: eight local navigation entries and one theme-consistent account panel. */
.site-header .header-inner{gap:18px;min-height:84px}
.site-header .brand.brand-image156{gap:0;padding-right:20px;border-right:1px solid #dfe4ed;min-height:32px;flex:none}
.site-header .brand-image156>img,.footer-logo147>img{display:block;width:128px;height:auto;max-height:36px;object-fit:contain;border-radius:0}
body.dark .site-header .brand-image156{border-right-color:#465163}
.site-header .primary-nav154{display:flex;position:relative;inset:auto;align-self:center;gap:8px;margin:0;width:auto;min-width:0;padding:0;border:0;border-radius:0;background:none;box-shadow:none;flex:1;order:0}
.site-header .primary-nav154 a{display:flex;align-items:center;flex:none;font-family:"Microsoft YaHei UI","Microsoft YaHei","Segoe UI",sans-serif;font-size:15px;font-weight:600;line-height:24px;padding:9px 8px;min-height:44px;white-space:nowrap;gap:6px;color:var(--p118-muted);border-radius:9px}
.site-header .primary-nav154 a:hover{color:#5266b7;background:#f4f6fb}
.site-header .primary-nav154 a.active,.site-header .nav-more-toggle156.active{font-weight:700;background:#eaf5ff;color:#0878b5;box-shadow:inset 0 0 0 1px #bedff3}
body.dark .site-header .primary-nav154 a:hover{background:#293346;color:#d0dbff}
body.dark .site-header .primary-nav154 a.active,body.dark .site-header .nav-more-toggle156.active{background:#233b4b;color:#8cd4ff;box-shadow:inset 0 0 0 1px #385e75}
/* Original theme Font Awesome Free 5.15.1. Fonts: SIL OFL 1.1; https://fontawesome.com/license/free */
@font-face{font-family:"CG Legacy Navigation";font-style:normal;font-weight:900;font-display:block;src:url("./legacy-solid.woff2") format("woff2")}
.site-header .primary-nav154 .nav-icon156{display:inline-flex;align-items:center;justify-content:center;width:17px;height:17px;flex:none;font-family:"CG Legacy Navigation";font-size:15px;font-weight:900;font-style:normal;line-height:1}
.site-header .primary-nav154 .nav-gem156{font-family:"CG Legacy Gem";font-weight:400}
.nav-items156{display:flex;align-items:center;gap:2px;flex:1;min-width:0;overflow:hidden}
.nav-more156{position:relative;display:flex;align-items:center;flex:none}
.nav-more156.is-open157:after{content:"";position:absolute;top:100%;right:0;width:190px;max-width:calc(100vw - 32px);height:10px}
.nav-more156[hidden],.nav-overflow156[hidden]{display:none!important}
.site-header .nav-more-toggle156{display:flex;align-items:center;justify-content:center;width:34px;height:40px;flex:none;padding:0;border:0;border-radius:9px;background:transparent;color:var(--p118-muted);cursor:pointer}
.nav-more-toggle156>.icon{width:17px;height:17px;transition:transform .18s}
.nav-more-toggle156[aria-expanded="true"]>.icon{transform:rotate(180deg)}
.nav-more-toggle156:hover{background:var(--soft);color:var(--p118-ink)}
.nav-overflow156{position:absolute;right:0;top:calc(100% + 10px);width:190px;max-width:calc(100vw - 32px);padding:7px;border:1px solid var(--p118-line);border-radius:12px;background:var(--p118-surface);box-shadow:0 10px 28px #18233821;z-index:50;overflow:auto;overscroll-behavior:contain;opacity:0;transform:translateY(-6px);pointer-events:none;transition:opacity .2s ease,transform .2s cubic-bezier(.22,.7,.3,1)}
.nav-overflow156.is-open157{opacity:1;transform:translateY(0);pointer-events:auto}
.site-header .nav-overflow156>a{width:100%;padding:10px 12px}
body.dark .nav-overflow156{border-color:#465163;box-shadow:0 10px 28px #0005}
.site-header .mobile-menu{display:none!important}
@media(prefers-reduced-motion:reduce){.nav-more-toggle156>.icon,.nav-overflow156{transition:none}.nav-overflow156{transform:none}}
.site-header .header-actions{flex:none;margin-left:auto}
.header-actions .account-popover.account-panel154{--panel-bg:#fff;--panel-head:#f4f6fa;--panel-line:#dce3ed;--panel-text:#263144;--panel-muted:#606f85;--panel-hover:#edf2fa;width:360px;max-width:calc(100vw - 24px);max-height:calc(100dvh - 138px);overflow:auto;overscroll-behavior:contain;border:1px solid var(--panel-line);border-radius:16px;background:var(--panel-bg);color:var(--panel-text);box-shadow:0 16px 42px #202e4a24,0 3px 8px #202e4a0d;font-family:"Microsoft YaHei UI","Microsoft YaHei","PingFang SC","Segoe UI",sans-serif}
body.dark .header-actions .account-panel154{--panel-bg:#232b38;--panel-head:#293342;--panel-line:#455267;--panel-text:#edf1f7;--panel-muted:#b6c1d2;--panel-hover:#323f54;box-shadow:0 16px 42px #0005,0 3px 8px #0003}
.site-header .account-panel154 .account-popover-head{display:grid;grid-template-columns:44px minmax(0,1fr) 30px;gap:12px;align-items:center;padding:20px;background:var(--panel-head);border-bottom:1px solid var(--panel-line);box-shadow:none}
.site-header .account-panel154 .account-popover-head>.account-avatar154{width:44px;height:44px;border:2px solid var(--panel-bg);background:#e4e8ef;color:#5a6679;font-size:22px;font-weight:400;line-height:1;box-shadow:0 2px 5px #202e4a14}
body.dark .site-header .account-panel154 .account-avatar154{background:#435065;color:#e6ebf4}
.site-header .account-panel154 .account-avatar154.is-member154,body.dark .site-header .account-panel154 .account-avatar154.is-member154,.welcome118 .welcome-top>.avatar.is-member155{border:2px solid transparent;background:linear-gradient(145deg,#484c52,#1b1e25 65%,#2c2f35) padding-box,conic-gradient(from -35deg,#e3c384,#fff0c4 13%,#bd9454 30%,#765524 49%,#c7a467 65%,#f0dca4 80%,#a98345 92%,#e3c384) border-box;color:#ead29e;box-shadow:0 2px 6px #11182730,inset 0 1px 2px #ffffff30,inset 0 -1px 2px #0008;text-shadow:0 1px 1px #000b}
.site-header .account-panel154 .account-identity{display:flex;flex-direction:column;align-items:flex-start;gap:4px;min-width:0}
.site-header .account-panel154 .account-identity strong{font-size:16px;font-weight:600;line-height:24px;letter-spacing:0;color:var(--panel-text);overflow-wrap:anywhere}
.site-header .account-panel154 .tier118{display:flex;align-items:center;gap:5px;margin:0;color:var(--panel-muted);font-size:12px;font-weight:400;line-height:18px}
.site-header .account-panel154 .tier118 .gem-icon{width:13px;height:13px;font-size:12px;line-height:1}
.site-header .account-panel154 .account-tier-badge155{position:relative;inset:auto;align-self:flex-start;max-width:100%;min-height:24px;margin:0;padding:3px 7px;gap:5px;border-radius:6px;font-size:12px;font-weight:600;line-height:16px}
.site-header .account-panel154 .account-tier-badge155>.gem-icon{width:14px;height:14px;font-size:13px;line-height:1}
.site-header .account-panel154 .account-popover-head>.icon-btn{width:30px;height:30px;color:var(--panel-muted)}
.site-header .account-panel154 .account-popover-head>.icon-btn:hover{color:var(--panel-text);background:var(--panel-hover)}
.site-header .account-panel154 .account-popover-body{padding:16px 18px;background:var(--panel-bg)}
.site-header .account-panel154 .account-checkin{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;height:40px;min-height:40px;padding:0 12px;border:0;border-radius:9px;background:#c74650;color:#fff;font-size:13px;font-weight:600;line-height:20px;box-shadow:inset 0 1px 0 #ffffff20;opacity:1}
.site-header .account-panel154 .account-checkin>.icon{width:16px;height:16px;margin:0;flex:none}
.site-header .account-panel154 .account-checkin:hover:not(:disabled){background:#b63843}
.site-header .account-panel154 .account-checkin:disabled{background:#f1e5e8;color:#92505a;box-shadow:none}
body.dark .site-header .account-panel154 .account-checkin:disabled{background:#40313d;color:#edb7bf}
.site-header .account-panel154 .account-assets{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:12px 0 16px}
.site-header .account-panel154 .account-balance{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0;min-height:132px;padding:13px 12px;border:1px solid #5e82c3;border-radius:11px;background:linear-gradient(145deg,#426ebe,#31569e);color:#fff;box-shadow:inset 0 1px 0 #ffffff22}
.site-header .account-panel154 .account-balance>small{font-size:12px;font-weight:400;line-height:18px;color:#f0f4ff}
.site-header .account-panel154 .account-balance>strong{display:block;margin:5px 0 10px;font-size:28px;font-weight:600;line-height:32px;letter-spacing:0;font-variant-numeric:tabular-nums;color:#fff}
.site-header .account-panel154 .account-balance>strong>small{font-size:14px;font-weight:500;margin-left:2px}
.site-header .account-panel154 .account-balance>a{display:flex;align-items:center;justify-content:center;width:100%;min-height:30px;margin:0;padding:3px 8px;border-radius:16px;background:#f6f8fe;color:#31569e;font-size:12px;font-weight:600;line-height:20px}
.site-header .account-panel154 .account-balance>a:hover{background:#fff}
.site-header .account-panel154 .account-member-card{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:14px 12px;min-height:132px;border-radius:11px;transform:none}
.site-header .account-panel154 .account-member-card>.gem-icon{width:30px;height:30px;margin:0;font-size:26px;line-height:1;transform:none}
.site-header .account-panel154 .account-member-card>strong{font-size:14px;font-weight:600;line-height:22px;letter-spacing:0}
.site-header .account-panel154 .account-quicklinks{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0}
.site-header .account-panel154 .account-quicklinks>a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;min-height:76px;padding:6px 2px;border:0;border-radius:10px;background:none;color:var(--panel-text);font-size:13px;font-weight:500;line-height:20px;box-shadow:none;transform:none}
.site-header .account-panel154 .account-quicklinks>a:hover{background:var(--panel-hover);color:var(--panel-text)}
.site-header .account-panel154 .quick-icon{display:flex;align-items:center;justify-content:center;width:36px;height:36px;min-height:36px;border:0;border-radius:10px;background:#7965be;color:#fff;box-shadow:inset 0 1px 0 #ffffff20,0 2px 5px #202e4a0d}
.site-header .account-panel154 .quick-icon.q-wallet{background:#c7498c}
.site-header .account-panel154 .quick-icon.q-membership{background:#1689b2}
.site-header .account-panel154 .quick-icon.q-cart{background:#b87540}
.site-header .account-panel154 .quick-icon.q-favorites{background:#238b68}
.site-header .account-panel154 .quick-icon.q-orders{background:#c05c51}
.site-header .account-panel154 .quick-icon>.icon{width:20px;height:20px;color:#fff;stroke-width:1.7}
.site-header .account-panel154 .quick-icon>.gem-icon{font-size:19px;line-height:1}
.site-header .account-panel154 .account-popover-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 18px;border-top:1px solid var(--panel-line);background:var(--panel-head);box-shadow:none}
.site-header .account-panel154 .account-popover-foot>.btn,.site-header .account-panel154 .account-popover-foot>a{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:32px;padding:4px 0;border:0;background:none;color:var(--panel-muted);font-size:13px;font-weight:500;line-height:20px}
.site-header .account-panel154 .account-popover-foot>.btn:hover,.site-header .account-panel154 .account-popover-foot>a:hover{color:var(--panel-text)}
.site-header .account-panel154 .account-popover-foot .icon{width:14px;height:14px}
.site-header .avatar-trigger150.is-member150:focus-visible{outline:2px solid #bb985a;outline-offset:3px}
.column-placeholder154{margin-top:24px;padding:56px 24px;text-align:center}
.column-placeholder154>span{display:flex;align-items:center;justify-content:center;width:52px;height:52px;border-radius:14px;background:var(--soft);color:var(--muted);margin:0 auto 18px}
.column-placeholder154 h2{font-size:20px;line-height:30px;margin-bottom:8px}
.column-placeholder154 p{font-size:14px;line-height:24px;margin-bottom:22px}
@media(max-width:960px){
 .site-header .header-inner{flex-wrap:wrap;gap:8px 20px;padding:12px 0;min-height:0}
 .site-header .brand{margin-right:auto}
 .site-header .primary-nav154{display:flex!important;order:3;flex:0 0 100%;width:100%;margin:0;padding-top:6px;border-top:1px solid var(--p118-line)}
 .header-actions .account-popover.account-panel154{max-height:calc(100dvh - 116px)}
}
@media(max-width:680px){
 .site-header .header-inner{gap:8px}
 .site-header .brand.brand-image156{padding-right:12px;min-height:28px}
 .site-header .brand-image156>img,.footer-logo147>img{width:112px;max-height:28px}
 .header-actions .account-popover.account-panel154{top:var(--account-top154,83px);right:12px;width:calc(100% - 24px);max-width:360px;max-height:calc(100dvh - var(--account-top154,83px) - 12px)}
 .site-header .account-panel154 .account-popover-head{padding:18px}
 .site-header .account-panel154 .account-popover-body{padding:14px}
 .site-header .account-panel154 .account-assets{gap:10px}
 .site-header .account-panel154 .account-popover-foot{padding:8px 14px}
}
.avatar>.avatar-photo155{display:block;width:100%;height:100%;object-fit:cover;border-radius:50%;flex:none}
.avatar-options{flex-wrap:wrap;gap:12px}
.avatar-options .avatar{width:48px;height:48px;min-width:48px;padding:3px;border-radius:50%;flex:none}

/* P158: reversible account-menu transition and public artwork previews. */
.header-actions .account-popover.account-panel154{animation:none;opacity:0;transform:translateY(-6px);pointer-events:none;transition:opacity .2s ease,transform .2s cubic-bezier(.22,.7,.3,1)}
.header-actions .account-hover.is-open>.account-panel154{opacity:1;transform:translateY(0);pointer-events:auto}
.account-bridge158{position:fixed;display:block;z-index:39}
.account-bridge158[hidden]{display:none!important}
.detail-media158{display:grid;gap:24px;font-family:"Microsoft YaHei UI","Microsoft YaHei","Segoe UI",sans-serif}
.media-stage158{position:relative;aspect-ratio:16/9;background:#161c24;isolation:isolate;overflow:hidden;border:1px solid var(--p118-line);border-radius:16px}
.douyin-stage162{--video-radius162:16px;aspect-ratio:auto;padding-bottom:35px;border:0;border-radius:var(--video-radius162);background:transparent;clip-path:inset(0 round var(--video-radius162));-webkit-mask-image:linear-gradient(#fff,#fff);mask-image:linear-gradient(#fff,#fff)}
.douyin-stage162::before{content:"";display:block;padding-top:56.25%}
/* The PC player adds a 35px control strip. Bleed the iframe by 1px to avoid a fractional blank bottom row. */
.douyin-stage162>iframe{position:absolute;inset:0;display:block;width:100%;height:calc(100% + 1px);border:0;background:transparent}
.gallery-stage158{background:#e7e8e2;touch-action:pan-y}
.gallery-slide158{position:absolute;inset:0;opacity:0;transition:opacity .4s ease;pointer-events:none}
.gallery-slide158.is-current{opacity:1}
.gallery-slide158>img{display:block;width:100%;height:100%;object-fit:contain}
/* P161: compact indicators match the homepage carousel, with generous click targets. */
.gallery-dots161{position:absolute;left:50%;bottom:12px;transform:translateX(-50%);z-index:2;display:flex;align-items:center;padding:2px 7px;border:1px solid #ffffff38;border-radius:24px;background:rgba(13,23,32,.48);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 3px 12px #08131b26}
.gallery-dots161>button{display:flex;align-items:center;justify-content:center;width:28px;height:30px;border:0;border-radius:8px;padding:0;background:transparent;cursor:pointer}
.gallery-dots161>button>span{width:5px;height:5px;border-radius:4px;background:#ffffff80;box-shadow:0 1px 3px #081b2870;transition:width .25s ease,background-color .25s ease}
.gallery-dots161>button[aria-current="true"]>span{width:16px;background:#fff}
.gallery-dots161>button:hover>span{background:#fff}
.gallery-dots161>button:focus-visible{outline:2px solid #fff;outline-offset:-3px;box-shadow:0 0 0 1px #26314480}
body.dark .gallery-stage158{background:#151b24}
@media(max-width:600px){
 .detail-media158{gap:18px}.media-stage158{border-radius:12px}.douyin-stage162{--video-radius162:12px}
 .gallery-dots161{bottom:10px}
}
@media(prefers-reduced-motion:reduce){.header-actions .account-popover.account-panel154{transition:none;transform:none}.gallery-slide158,.gallery-dots161>button>span{transition:none}}

/* P162: apply the article's soft software monograms to home cards and their details dialog. */
:is(.home118,.resource-cards182,.software-dialog141) .tool-monogram{border:1px solid #ffffff24;padding:0;letter-spacing:0;font-family:"Segoe UI",sans-serif;font-size:12px;font-weight:600;box-shadow:inset 0 1px 0 #ffffff55,0 2px 3px #00000009}
:is(.home118,.resource-cards182,.software-dialog141) .tool-monogram.tone-orange{background:#f6e2cf;color:#995213}
:is(.home118,.resource-cards182,.software-dialog141) .tool-monogram.tone-blue{background:#d5e6fc;color:#205fa6}
:is(.home118,.resource-cards182,.software-dialog141) .tool-monogram.tone-amber{background:#fae8bd;color:#855213}
:is(.home118,.resource-cards182,.software-dialog141) .tool-monogram.tone-indigo{background:#e2e1fa;color:#4a52aa}
:is(.home118,.resource-cards182,.software-dialog141) .tool-monogram.tone-violet{background:#e9dafa;color:#7643ad}
:is(.home118,.resource-cards182,.software-dialog141) .tool-monogram.tone-ink{background:linear-gradient(135deg,#dfe5ef,#e9daee);color:#4d465c}
:is(.home118,.resource-cards182,.software-dialog141) .tool-monogram.tone-green{background:#dcebc4;color:#4a6b1e}
:is(.home118,.resource-cards182,.software-dialog141) .tool-monogram.tone-teal{background:#cfe9e6;color:#2d6f6a}
:is(.home118,.resource-cards182,.software-dialog141) .tool-monogram.tone-rose{background:#f7dce6;color:#a03e6e}

/* P001-163 / P001-164 · compact purchase card, bright warm red and soft gold. */
.purchase-panel.purchase-panel163{
 --buy-red:#b8323d;--buy-ink:#46312e;--buy-muted:#79665e;
 --buy-line:#e8d1ad;--buy-surface:#fffefa;--buy-soft:#fff3df;
 display:block;padding:0;overflow:hidden;border:1px solid #dbb978;border-radius:16px;
 background:var(--buy-surface);color:var(--buy-ink);box-shadow:0 5px 22px #8e55320b;
 font-family:"Microsoft YaHei UI","PingFang SC","Noto Sans SC",system-ui,sans-serif;
 font-size:13px;line-height:1.6;font-variant-numeric:tabular-nums;letter-spacing:0;
}
.purchase-panel163 .purchase-hero163{
 position:relative;padding:14px 20px 13px;color:#8d3330;
 background:radial-gradient(ellipse at 100% 0%,#fff7db,transparent 70%),linear-gradient(115deg,#fff0e9,#ffe3cc);
 border-bottom:1px solid #e5c59b;
}
.purchase-kicker163,.purchase-kicker163>span{display:flex;align-items:center;gap:6px}
.purchase-kicker163{justify-content:space-between;font-size:13px;font-weight:650;line-height:1.5}
.purchase-kicker163 .icon{width:16px;height:16px;color:#9e711e}
.purchase-kicker163>small{font-size:10px;font-weight:500;border:1px solid #dbb985;border-radius:4px;padding:1px 5px;color:#866338;line-height:1.5}
.purchase-price-label163{font-size:12px;margin-top:8px;color:#97514a;line-height:1.45}
.purchase-amount163{display:flex;align-items:baseline;gap:4px;margin:1px 0 0;color:#bd303d;line-height:1.12}
.purchase-amount163>span{font-size:20px;font-weight:600}
.purchase-amount163 strong{font-family:"Segoe UI",sans-serif;font-size:40px;letter-spacing:-.6px;font-weight:750}
.purchase-amount163 .included163{font-family:inherit;font-size:29px;letter-spacing:0}
.purchase-hero163>p{margin:5px 0 0;font-size:12px;color:#97514a;line-height:1.5}
.purchase-hero163 h2{color:#b73540;font-size:22px;margin:12px 0 4px;line-height:1.4}
.purchase-savings163{display:flex;align-items:center;gap:10px;margin-top:4px;font-size:12px;color:#93624f;line-height:1.5}
.purchase-savings163 span{color:#a24335;font-weight:550}
.purchase-body163{padding:13px 20px 14px}
.purchase-section-title163{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:6px}
.purchase-section-title163 h3{display:flex;align-items:center;gap:6px;font-size:14px;font-weight:700;line-height:1.5;margin:0;color:var(--buy-ink)}
.purchase-section-title163 h3 .icon{width:15px;height:15px;color:#a47a24}
.purchase-section-title163>a{display:flex;align-items:center;gap:2px;font-size:12px;color:var(--buy-muted);line-height:1.5}
.purchase-section-title163>a .icon{width:12px;height:12px}
.member-groups165{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:6px;background:#fff4e7;border:1px solid #f0ccb0;border-radius:11px}
.member-group165{min-width:0}.member-group165 h4{display:flex;align-items:center;justify-content:center;gap:4px;font-size:13px;font-weight:700;color:#8f2c29;line-height:1.5;margin:0 0 4px}
.member-group165 h4 .icon{width:14px;height:14px;color:#cf3b3e}
.member-tier165{padding:4px 6px;border:1px solid #efc9b1;border-radius:8px;background:#fffdf9}
.member-tier165+.member-tier165{margin-top:4px}.member-tier165.current{background:#fff5df;border-color:#c8943e;box-shadow:inset 0 0 0 1px #efcf8d55}
.tier-label165{display:flex;align-items:center;justify-content:space-between;gap:2px;font-size:12px;font-weight:650;line-height:1.5;color:#87352f}
.tier-label165>span:first-child{display:flex;align-items:center;gap:2px;white-space:nowrap}
.tier-label165 small{font-size:9px;color:#8e671f;font-weight:500}
.tier-label165 .tier-discount165{flex-shrink:0;background:#ffedbd;color:#81510c;border-radius:4px;padding:0 4px;font-family:"Segoe UI",sans-serif;font-size:11px;font-weight:650;line-height:1.45}
.tier-price165{display:flex;align-items:baseline;justify-content:flex-end;gap:3px;margin-top:0;line-height:1.1;white-space:nowrap}
.tier-price165 strong{font-family:"Segoe UI",sans-serif;font-size:20px;font-weight:750;line-height:1.1;letter-spacing:-.35px;color:#9d2d25}
.tier-price165 small{font-size:10px;font-weight:400;color:#805f51}
.purchase-fine163{font-size:11px;color:var(--buy-muted);margin:4px 0 0;line-height:1.55}
.purchase-coupon163{margin:11px 0 0}
.purchase-coupon163>label{display:block;font-size:13px;font-weight:650;margin-bottom:5px;color:var(--buy-ink);line-height:1.5}
.purchase-coupon163>label>span{font-size:11px;font-weight:400;color:var(--buy-muted);margin-left:5px}
.purchase-coupon163>div{display:flex;gap:7px}
.purchase-panel163 .purchase-coupon163 input{width:0;min-width:0;flex:1;border:1px solid var(--buy-line);border-radius:8px;height:38px;min-height:38px;padding:0 10px;background:var(--buy-surface);color:var(--buy-ink);font-size:13px;line-height:1.5}
.purchase-coupon163 input::placeholder{color:var(--buy-muted)}
.purchase-coupon163 input:focus{outline:2px solid #b68b40;outline-offset:2px}
.purchase-panel163 .purchase-coupon163>div>.btn{height:38px;min-height:38px;padding:0 13px;border-color:var(--buy-line);border-radius:8px;background:var(--buy-soft);color:var(--buy-red);font-size:13px;font-weight:650;line-height:1.5}
.purchase-coupon163>p{font-size:11px;line-height:1.55;min-height:18px;color:var(--buy-muted);margin:4px 0 0;display:flex;align-items:center;gap:4px;flex-wrap:wrap}
.purchase-coupon163>p.coupon-error163{color:#ae3540}.purchase-coupon163>p.coupon-success163{color:#507034}
.purchase-coupon163>p .icon{width:14px;height:14px}
.purchase-panel163 .purchase-coupon163>p>.btn{margin-left:auto;height:auto;min-height:18px;padding:0 3px;font-size:11px;line-height:1.55;color:var(--buy-muted);background:none;border:0}
.purchase-panel163 .facts{border-top:1px solid var(--buy-line);margin:11px 0 0;padding-top:10px;display:grid;gap:5px}
.purchase-panel163 .facts>div{margin:0;padding:0;gap:9px;font-size:13px;line-height:1.6}
.purchase-panel163 .facts dt,.purchase-panel163 .facts dd{font-size:13px;line-height:1.6}
.purchase-panel163 .facts dt{color:var(--buy-muted)}.purchase-panel163 .facts dd{color:var(--buy-ink);font-weight:500}
.purchase-rule163{font-size:11px;line-height:1.6;color:var(--buy-muted);margin:8px 0}
.purchase-body163>.btn.primary{display:flex;justify-content:center;min-height:42px;height:42px;border:1px solid #ce4850;border-radius:9px;background:linear-gradient(110deg,#c73740,#ca4245);color:#fff9ed;box-shadow:0 3px 8px #c737401b;font-size:14px;font-weight:700;line-height:1.5;transition:filter .2s,box-shadow .2s}
.purchase-body163>.btn.primary:hover{filter:none;box-shadow:0 4px 12px #c7374024}
.purchase-panel163 .purchase-secondary{display:block;margin-top:6px}
.purchase-panel163 .purchase-secondary .btn{height:36px;min-height:36px;padding:0 10px;border-color:var(--buy-line);color:var(--buy-ink);background:transparent;border-radius:8px;font-size:13px;line-height:1.5}
.purchase-panel163 .purchase-secondary .icon{width:16px;height:16px}
.purchase-help163{display:flex;gap:8px;padding-top:10px;margin-top:10px;border-top:1px solid var(--buy-line);align-items:center}
.purchase-help163>span{display:flex;align-items:center;justify-content:center;width:30px;height:30px;flex-shrink:0;background:var(--buy-soft);border-radius:50%;color:#a47a24}
.purchase-help163 .icon{width:17px;height:17px}
.purchase-help163 strong{font-size:12px;font-weight:650;color:var(--buy-ink);line-height:1.5}
.purchase-help163 p{display:flex;align-items:center;gap:6px;margin:1px 0 0;color:var(--buy-muted);font-size:12px;line-height:1.5}
.purchase-panel163 .purchase-help163 p .btn{font-size:12px;height:auto;min-height:21px;line-height:1.5;padding:0;border:0;border-radius:0;background:transparent;color:var(--buy-red);text-decoration:underline;text-underline-offset:3px}
.purchase-panel163 .side-note{border:0;padding:0;margin-top:8px;gap:6px;color:var(--buy-muted);font-size:11px;line-height:1.55}
.purchase-panel163 .side-note .icon{width:13px;height:13px;flex-shrink:0;margin-top:2px}
.dark .purchase-panel163{--buy-red:#ffb6a3;--buy-ink:#fff0e3;--buy-muted:#d0bcb0;--buy-line:#79614e;--buy-surface:#3b3232;--buy-soft:#524039;border-color:#b48b52;box-shadow:0 5px 22px #0002}
.dark .purchase-hero163{background:radial-gradient(ellipse at 100% 0%,#ffdda208,transparent 70%),linear-gradient(115deg,#a33c44,#ae4c45);color:#fff4e5;border-bottom-color:#ca995f}
.dark .purchase-kicker163 .icon{color:#ffe1a3}.dark .purchase-kicker163>small{color:#fff1d9;border-color:#e2b778}
.dark .purchase-price-label163,.dark .purchase-hero163>p{color:#fff2e7}
.dark .purchase-amount163,.dark .purchase-hero163 h2{color:#fff1bf}
.dark .purchase-savings163{color:#ffdfcc}.dark .purchase-savings163 span{color:#ffefbc}
.dark .purchase-section-title163 h3 .icon,.dark .purchase-help163>span{color:#efc77e}
.dark .purchase-coupon163>p.coupon-error163{color:#ffb6af}.dark .purchase-coupon163>p.coupon-success163{color:#cee6a6}
body.dark .purchase-body163>.btn.primary{border-color:#df6c63;background:linear-gradient(110deg,#c73740,#ca4245);color:#fff9ed;box-shadow:0 3px 8px #0002}
body.dark .purchase-body163>.btn.primary:hover{background:linear-gradient(110deg,#c73740,#ca4245);border-color:#e58274;color:#fff9ed}
.article-actions163{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:28px;padding:20px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.article-actions163>span{font-size:13px;color:var(--muted)}.article-actions163>div{display:flex;gap:9px}.article-actions163 .btn{min-width:83px;min-height:39px;font-size:13px;border-radius:9px}.article-actions163 .icon{width:17px;height:17px}.article-actions163 .is-active{color:#a52e41;border-color:#d8a5ac;background:#faedf0}

.dark .article-actions163 .is-active{color:#f2bdc6;background:#442c35;border-color:#895363}
@media(max-width:900px){.purchase-panel.purchase-panel163{display:block;grid-row:auto;max-width:540px;width:100%;justify-self:center}}
@media(max-width:480px){.purchase-body163{padding:13px 17px 14px}.purchase-panel163 .purchase-hero163{padding:14px 17px 13px}.article-actions163{flex-direction:column;align-items:flex-start;gap:12px}.article-actions163>div{width:100%}.article-actions163 .btn{flex:1;min-width:0}.purchase-amount163 strong{font-size:38px}}
@media(max-height:950px) and (min-width:901px){.purchase-panel.purchase-panel163{position:static}}

/* P001-165 · reference red/gold hierarchy; six course tiers in two compact columns. */
.purchase-panel.purchase-panel163{--buy-red:#b52f31;--buy-ink:#4b302b;--buy-muted:#79665e;--buy-surface:#fffefa;--buy-soft:#fff2dc;border-color:#e3c59a}
.purchase-panel163 .purchase-hero163{padding:15px 19px 13px;background:linear-gradient(110deg,#b51f3d,#e84a3d);border-bottom-color:#dc765b;color:#fff8ed}
.purchase-kicker163{font-size:12px;font-weight:550}.purchase-kicker163>small{font-size:10px;background:#8f153b77;color:#fff5e0;border:1px solid #fff1bf66}
.purchase-amount163{color:#ffe99c;gap:6px;margin-top:6px}.purchase-amount163 strong{font-size:38px;line-height:1.12;font-weight:750}
.purchase-amount163>span{font-size:13px;font-weight:500;letter-spacing:0;color:#fff3da}
.purchase-hero163>p{color:#fff3df;font-size:11px;margin-top:4px}.purchase-hero163 h2{color:#ffe99c}
.purchase-savings163{color:#ffe7d3;font-size:11px;gap:9px;margin-top:5px}.purchase-savings163 span{color:#fff0bc;font-weight:600}
.purchase-body163{padding:12px 16px 13px}.purchase-section-title163{margin-bottom:7px}
.purchase-panel163 .purchase-secondary .btn{background:#fff9ef;color:#9e4d18;border-color:#cf9a5a;font-weight:600}
.purchase-body163>.btn.primary{background:linear-gradient(110deg,#d12d3b,#cc3834);color:#fffdf3;border-color:#d74543}
.purchase-body163>.btn.primary:hover{background:linear-gradient(110deg,#c92c38,#c53230);border-color:#cf413e}
.dark .purchase-panel163{--buy-red:#ffc2a6;--buy-ink:#fff0e3;--buy-muted:#d0bcb0;--buy-surface:#3b3232;--buy-soft:#524039;border-color:#b48b52}
.dark .purchase-panel163 .purchase-hero163{background:linear-gradient(110deg,#b51f3d,#d94539);color:#fff8ed;border-bottom-color:#dc765b}
.dark .purchase-kicker163>small{background:#7e133a88;color:#fff5e0;border-color:#fff1bf66}
.dark .purchase-amount163,.dark .purchase-hero163 h2{color:#ffe99c}.dark .purchase-hero163>p{color:#fff3df}
.dark .purchase-savings163{color:#ffe7d3}.dark .purchase-savings163 span{color:#fff0bc}
.dark .member-groups165{background:#49382f;border-color:#8b674d}.dark .member-group165 h4{color:#ffe0b3}.dark .member-group165 h4 .icon{color:#ff9f8e}
.dark .member-tier165{background:#3a302c;border-color:#8b674d}.dark .member-tier165.current{background:#51402c;border-color:#cea15c}
.dark .tier-label165{color:#ffe0ca}.dark .tier-label165 small{color:#edc47b}.dark .tier-label165 .tier-discount165{background:#efc975;color:#513507}
.dark .tier-price165 strong{color:#ffc89f}.dark .tier-price165 small{color:#d8bfa9}
body.dark .purchase-body163>.btn.primary{background:linear-gradient(110deg,#d12d3b,#cc3834);color:#fffdf3;border-color:#e27564}
body.dark .purchase-body163>.btn.primary:hover{background:linear-gradient(110deg,#c92c38,#c53230);border-color:#ed9680;color:#fffdf3}
.dark .purchase-panel163 .purchase-secondary .btn{background:#493b30;color:#ffe0b3;border-color:#a37b4f}
@media(max-width:480px){.purchase-body163{padding:12px 14px 13px}.purchase-panel163 .purchase-hero163{padding:15px 17px 13px}.member-groups165{padding:6px;gap:6px}.member-tier165{padding:4px 6px}.tier-price165 strong{font-size:20px}}

.purchase-panel163 .purchase-section-title163 h3 .gem-icon{font-size:15px;line-height:15px}.purchase-panel163 .member-group165 h4 .gem-icon{font-size:13px;line-height:14px;width:15px;height:14px}

/* P001-166 · inset price card, vertical tiers and independent disclosures. */
.purchase-panel.purchase-panel163{padding:18px;position:static;border:1px solid #ededee;border-radius:19px;background:#fff;box-shadow:0 8px 24px #29334606}
.purchase-panel163 .purchase-hero163{padding:15px 16px 13px;border:0;border-radius:15px;background:linear-gradient(115deg,#aa173b,#ec4c3c)}
.purchase-panel163 .purchase-body163{padding:16px 0 0}
.purchase-panel163 .purchase-amount163 strong{font-size:34px;letter-spacing:-.6px}
.purchase-panel163 .purchase-kicker163{font-weight:500}
.member-groups166{padding:0 9px;background:#fff5e9;border:1px solid #f3cdb7;border-radius:13px}
.member-group166+.member-group166{border-top:1px solid #f0d5bf}
.purchase-panel163 .purchase-toggle166{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;min-height:40px;padding:9px 2px;border:0;background:transparent;color:#763a2a;text-align:left;font-family:inherit;font-size:13px;font-weight:650;line-height:1.5;cursor:pointer;border-radius:6px}
.purchase-toggle166>span:first-child{display:flex;align-items:baseline;gap:8px;min-width:0}
.purchase-toggle166 small{font-size:11px;font-weight:400;color:#8c7567}
.purchase-toggle166:focus-visible{outline:2px solid #a46b28;outline-offset:2px}
.disclosure-mark166{position:relative;display:block;width:14px;height:14px;flex:0 0 14px;color:currentColor}
.disclosure-mark166:before,.disclosure-mark166:after{content:"";position:absolute;top:6px;left:3px;width:8px;height:1px;background:currentColor;transition:transform .22s ease}
.disclosure-mark166:after{transform:rotate(90deg)}
.purchase-toggle166[aria-expanded="true"] .disclosure-mark166:after{transform:rotate(0)}
.purchase-fold166{display:grid;grid-template-rows:0fr;opacity:0;visibility:hidden;transition:grid-template-rows .24s ease,opacity .18s ease,visibility .24s}
.purchase-fold166.is-open{grid-template-rows:1fr;opacity:1;visibility:visible}
.purchase-fold166>div{min-height:0;overflow:hidden}
.member-rows166{display:grid;gap:7px;padding-bottom:9px}
.member-tier166{display:flex;align-items:center;justify-content:space-between;gap:7px;min-height:66px;padding:8px 10px;background:#fffdf9;border:1px solid #f2cbbb;border-radius:10px}
.tier-name166{display:flex;align-items:center;gap:7px;min-width:0;color:#872d24;font-size:13px;font-weight:650;line-height:1.5}
.purchase-panel163 .tier-name166>.gem-icon{display:flex;align-items:center;justify-content:center;flex:0 0 23px;width:23px;height:25px;border-radius:7px;background:#ffe7dd;color:#e83e43;font-size:14px;line-height:1}
.tier-name166>span{white-space:nowrap}.tier-name166 small{display:block;margin-top:1px;color:#97651d;font-size:10px;font-weight:500;line-height:1.4}
.tier-quote166{display:flex;flex-direction:column;align-items:flex-end;gap:4px;flex-shrink:0}
.tier-quote166 .tier-discount165{padding:2px 7px;border-radius:5px;background:#ffedbd;color:#8c4d03;font-size:11px;font-weight:650;line-height:1.45;white-space:nowrap}
.tier-quote166 .tier-price165 strong{font-size:21px;line-height:1.15;font-weight:750;color:#972e24}
.tier-quote166 .tier-price165 small{font-size:10px;color:#8c7061}
.member-tier166.current{border-color:#dbaa60;background:#fff9ed}
.coupon-box166{margin-top:12px;border:1px solid #dce1ec;border-radius:9px;background:#fff}
.purchase-panel163 .coupon-box166>.purchase-toggle166{padding:11px 12px;min-height:44px;font-weight:500;color:#414a5d}
.coupon-box166 .purchase-toggle166 small{color:#7b8496}
.purchase-panel163 .purchase-coupon163{margin:0;padding:0 10px 12px}
.purchase-panel163 .purchase-coupon163 input{background:#f1f2f4;border-color:#e8e9ed;color:#39465a;border-radius:6px}
.purchase-panel163 .purchase-coupon163 input::placeholder{color:#7c8492}
.purchase-panel163 .purchase-coupon163 input:focus{outline-color:#4169eb}
.purchase-panel163 .purchase-coupon163>.coupon-input166>.btn{border-color:#3968ed;border-radius:6px;background:#3968ed;color:#fff;padding:0 13px}
.purchase-panel163 .purchase-coupon163>.coupon-input166>.btn:hover{background:#2a55d4}
.purchase-coupon163>p{font-size:11px;color:#747b89;margin-top:7px;line-height:1.65}
.purchase-coupon163>p:empty{display:none}
.purchase-panel163 .purchase-coupon163>.coupon-picker166{display:inline-flex;min-height:27px;height:auto;margin:6px 0 0;padding:2px 0;border:0;background:none;color:#3263e7;font-size:12px;font-weight:500;line-height:1.6}
.purchase-cart166{display:block;text-align:center;color:#af5c22;font-size:12px;line-height:1.6;padding:10px 0 1px}
.purchase-cart166:hover{text-decoration:underline;text-underline-offset:3px}
.purchase-body163>.btn.primary{background:linear-gradient(110deg,#f13f43,#d93838);border-color:#ed4446;min-height:44px;height:44px}
.purchase-panel163 .purchase-secondary{margin-top:9px}.purchase-panel163 .purchase-secondary .btn{height:42px;border-color:#dca05d;color:#ab551d}
.purchase-panel163 .facts{margin-top:14px;padding-top:13px}
.dark .purchase-panel.purchase-panel163{background:#2d2929;border-color:#55483f}
.dark .member-groups166{background:#49382f;border-color:#8c6750}.dark .member-group166+.member-group166{border-color:#745b46}
.dark .purchase-panel163 .purchase-toggle166{color:#f3d3b2}.dark .purchase-toggle166 small{color:#c9af9c}
.dark .member-tier166{background:#3a302c;border-color:#88644c}.dark .member-tier166.current{background:#4b3b2c;border-color:#c59a58}
.dark .tier-name166{color:#ffe0cd}.dark .tier-name166 small{color:#ecc17d}
.dark .purchase-panel163 .tier-name166>.gem-icon{background:#634139;color:#ffb5a2}
.dark .tier-quote166 .tier-price165 strong{color:#ffd0a7}.dark .tier-quote166 .tier-price165 small{color:#d4bca7}
.dark .tier-quote166 .tier-discount165{background:#e7c270;color:#573a0a}
.dark .coupon-box166{background:#302f34;border-color:#67616b}.dark .purchase-panel163 .coupon-box166>.purchase-toggle166{color:#eee6e1}
.dark .coupon-box166 .purchase-toggle166 small{color:#bcb4b4}
.dark .purchase-panel163 .purchase-coupon163 input{background:#25262d;border-color:#595864;color:#f3f1f4}
.dark .purchase-panel163 .purchase-coupon163 input::placeholder{color:#b3adbb}
.dark .purchase-coupon163>p{color:#c7bfca}.dark .purchase-panel163 .purchase-coupon163>.coupon-picker166{color:#a8bbff}
.dark .purchase-cart166{color:#f3c082}
@media(max-width:380px){.purchase-panel.purchase-panel163{padding:14px}.member-groups166{padding:0 7px}.member-tier166{padding:8px;gap:5px}.tier-name166{gap:5px}.tier-quote166 .tier-price165 strong{font-size:20px}}
@media(prefers-reduced-motion:reduce){.purchase-fold166,.disclosure-mark166:before,.disclosure-mark166:after{transition:none}}

/* P001-167 · compact copy and a framed cart entry. */
.purchase-panel163 .purchase-hero163>p{font-size:11px;line-height:1.65;margin-top:7px}
.purchase-panel163 .coupon-box166+.btn.primary{margin-top:12px}
.purchase-panel163 .purchase-cart166{display:flex;align-items:center;justify-content:center;min-height:38px;margin-top:8px;padding:8px 10px;border:1px solid #e4c8a7;border-radius:8px;background:#fffdf9;color:#a45a25;line-height:1.5;transition:background .18s,border-color .18s}
.purchase-panel163 .purchase-cart166:hover{background:#fff4e3;border-color:#cf9a5a;text-decoration:none}
.purchase-panel163 .purchase-cart166:focus-visible{outline:2px solid #a46b28;outline-offset:2px}
.dark .purchase-panel163 .purchase-cart166{background:#332c28;border-color:#92714d;color:#f3c082}
.dark .purchase-panel163 .purchase-cart166:hover{background:#47392b;border-color:#c39861}

/* P001-168 · clearer compact type and course-specific access cards. */
.purchase-panel163 .purchase-kicker163{font-size:13px;font-weight:500;line-height:1.5}
.purchase-panel163 .purchase-hero163>p{font-size:13px;font-weight:500;line-height:1.55;margin-top:6px}
.purchase-panel163 .purchase-savings163{font-size:12px;line-height:1.5;gap:8px}
.purchase-panel163 .purchase-amount163 .access-title168{font-family:inherit;font-size:30px;font-weight:700;line-height:1.25;letter-spacing:0}
.purchase-panel163 .purchase-toggle166{font-size:14px;font-weight:600}
.purchase-panel163 .coupon-box166>.purchase-toggle166{font-weight:500}
.purchase-panel163 .purchase-toggle166 small{font-size:12px}
.purchase-panel163 .purchase-coupon163 input,.purchase-panel163 .purchase-coupon163>.coupon-input166>.btn{font-size:14px}
.purchase-panel163 .purchase-coupon163>p,.purchase-panel163 .purchase-coupon163>.coupon-picker166{font-size:13px;line-height:1.55}
.purchase-panel163 .purchase-coupon163>p>.btn{font-size:12px}
.purchase-panel163 .purchase-secondary .btn,.purchase-panel163 .purchase-cart166{font-size:14px;font-weight:500}
.purchase-panel163 .facts{gap:5px;margin-top:12px;padding-top:12px}
.purchase-panel163 .facts>div{display:grid;grid-template-columns:70px minmax(0,1fr);gap:8px;align-items:baseline}
.purchase-panel163 .facts dt,.purchase-panel163 .facts dd{font-size:14px;line-height:1.6;margin:0}
.purchase-panel163 .facts dt{font-weight:500;text-align:left}.purchase-panel163 .facts dd{font-weight:600;text-align:right;overflow-wrap:anywhere}
.purchase-panel163 .purchase-help163{padding-top:10px;margin-top:10px;gap:9px}
.purchase-panel163 .purchase-help163 strong{font-size:14px;font-weight:600;line-height:1.5}
.purchase-panel163 .purchase-help163 p,.purchase-panel163 .purchase-help163 p .btn{font-size:13px;font-weight:500;line-height:1.6}
.purchase-access168{padding:11px 12px;margin-bottom:12px;border:1px solid #eed1ad;border-radius:11px;background:#fff8ed;color:var(--buy-ink)}
.access-heading168{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px}
.access-heading168 h3{font-size:14px;font-weight:650;line-height:1.5;margin:0}
.access-heading168>span{padding:2px 6px;border-radius:5px;background:#ffedbd;color:#81510c;font-size:12px;font-weight:600;line-height:1.5;white-space:nowrap}
.purchase-access168 dl{display:grid;gap:5px;margin:0}.purchase-access168 dl>div{display:grid;grid-template-columns:70px minmax(0,1fr);gap:8px;align-items:baseline}
.purchase-access168 dt,.purchase-access168 dd{margin:0;font-size:14px;line-height:1.6}.purchase-access168 dt{color:var(--buy-muted);font-weight:500}.purchase-access168 dd{text-align:right;font-weight:600}
.purchase-access168>p{margin:8px 0 0;color:var(--buy-muted);font-size:13px;font-weight:400;line-height:1.55}
.crowd-numbers168{display:flex;align-items:baseline;justify-content:space-between;gap:8px;line-height:1.4}
.crowd-numbers168 strong{font:700 24px/1.4 "Segoe UI",sans-serif;color:#a9362d}.crowd-numbers168 small{font-family:inherit;font-size:13px;font-weight:500;color:var(--buy-muted)}
.crowd-numbers168>span{font-size:13px;font-weight:600;color:#9a602a}
.crowd-access168 progress{display:block;appearance:none;width:100%;height:7px;margin:7px 0 12px;border:0;border-radius:10px;overflow:hidden;background:#f1e2cd}
.crowd-access168 progress::-webkit-progress-bar{background:#f1e2cd;border-radius:10px}.crowd-access168 progress::-webkit-progress-value{border-radius:10px;background:linear-gradient(90deg,#d4393e,#efa558)}
.crowd-access168 progress::-moz-progress-bar{border-radius:10px;background:linear-gradient(90deg,#d4393e,#efa558)}
.dark .purchase-access168{background:#44372d;border-color:#866546}.dark .access-heading168>span{background:#dcb56d;color:#49300d}
.dark .crowd-numbers168 strong{color:#ffc69f}.dark .crowd-numbers168>span{color:#e7bd80}
.dark .crowd-access168 progress,.dark .crowd-access168 progress::-webkit-progress-bar{background:#66503b}
@media(prefers-reduced-motion:reduce){.purchase-panel163 .purchase-cart166{transition:none}}

/* P001-169 · one aligned help group with two equally sized actions. */
.purchase-panel163 .purchase-help163{display:block;margin-top:12px;padding:10px;border:1px solid #eadac5;border-radius:10px;background:#fffaf3}
.purchase-help-heading169{display:flex;align-items:center;gap:8px;min-height:26px}
.purchase-help-heading169>span{display:flex;align-items:center;justify-content:center;flex:0 0 26px;width:26px;height:26px;border-radius:50%;background:#fff0d4;color:#aa7622}
.purchase-help-heading169 .icon{width:16px;height:16px}
.purchase-panel163 .purchase-help-heading169 strong{font-size:14px;font-weight:600;line-height:1.5;color:var(--buy-ink)}
.purchase-help-actions169{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:8px}
.purchase-panel163 .purchase-help-actions169>.btn{display:flex;align-items:center;justify-content:center;min-width:0;min-height:32px;height:32px;padding:4px 8px;border:1px solid #e3ccb0;border-radius:7px;background:#fffefd;color:#91552d;font-size:13px;font-weight:600;line-height:1.5;text-decoration:none;box-shadow:none}
.purchase-panel163 .purchase-help-actions169>.btn:hover{background:#fff0dc;border-color:#d2a568;color:#7a431d}
.purchase-panel163 .purchase-help-actions169>.btn:focus-visible{outline:2px solid #a46b28;outline-offset:2px}
.dark .purchase-panel163 .purchase-help163{background:#352d28;border-color:#76604a}
.dark .purchase-help-heading169>span{background:#51402b;color:#f0c47b}
.dark .purchase-panel163 .purchase-help-actions169>.btn{background:#44372d;border-color:#95744f;color:#f6d6a3}
.dark .purchase-panel163 .purchase-help-actions169>.btn:hover{background:#59442f;border-color:#c69a5d;color:#ffe4b9}

/* P001-173 · direct cloud action and one grouped platform-download panel. */
dialog:has(.course-download172){width:min(560px,calc(100vw - 32px))}
dialog:has(.course-download172) .dialog-footer:empty{display:none}
.course-download172{--download-line:#ebd9c8;--download-bg:#fffaf4;--download-ink:#7d482d;font-size:14px;line-height:1.65}
.download-course172{display:flex;align-items:center;gap:13px;margin-bottom:18px}
.download-course172>img{width:68px;height:54px;object-fit:cover;border-radius:9px;flex-shrink:0}
.download-course172>div{min-width:0}.download-course172 h3{font-size:16px;font-weight:650;line-height:1.5;margin:0}
.download-course172 p{margin:3px 0 0;font-size:13px;color:var(--muted)}
.course-download172 .btn.primary.download-open173{display:flex;align-items:center;justify-content:center;gap:9px;width:100%;min-height:46px;padding:10px 16px;border:1px solid #df4743;border-radius:9px;background:#df4743;color:#fff;font-size:15px;font-weight:650;line-height:1.6;box-shadow:none}
.course-download172 .btn.primary.download-open173:hover{background:#c73535;border-color:#c73535}
.download-open173 .icon{width:19px;height:19px;flex-shrink:0}
.download-status173{margin:8px 0 0;font-size:13px;color:var(--download-ink);line-height:1.6}
.download-clients173{margin-top:17px;padding:13px;border:1px solid var(--download-line);border-radius:12px;background:var(--download-bg)}
.download-clients-heading173{display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:12px}
.download-clients-heading173 h3{font-size:14px;font-weight:650;line-height:1.5;margin:0}
.download-platforms173{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}
.download-platform173{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;min-width:0;min-height:96px;margin:0;padding:10px 4px;border:1px solid transparent;border-radius:8px;background:transparent;color:var(--muted);font:inherit;line-height:1.5;text-decoration:none;transition:background .18s,border-color .18s,color .18s}
.download-platform173 .platform-icon173{width:24px;height:24px;margin-bottom:1px;flex-shrink:0}
.download-platform173 strong{font:600 14px/1.5 "Segoe UI",sans-serif;white-space:nowrap}
.download-platform173 small{font-size:11px;font-weight:400;line-height:1.5;white-space:nowrap}
.download-platform173:disabled{cursor:default;opacity:1;color:var(--muted)}
.download-platform173.available{background:#ffede3;color:#a64a2c;border-color:#f3d1b9}
.download-platform173.available:hover{background:#ffe3d1;color:#943a20;border-color:#dfb18e}
.download-platform173.available:focus-visible,.download-open173:focus-visible{outline:2px solid #a46b28;outline-offset:3px}
.download-notes172{margin-top:17px}.download-notes172 h3{margin:0 0 7px;font-size:14px;font-weight:650}
.download-notes172 ol{padding-left:20px;margin:0;color:var(--muted);font-size:13px;line-height:1.75}
.download-notes172 li+li{margin-top:5px}.download-notes172 li::marker{color:var(--download-ink);font-weight:600}
.dark .course-download172{--download-line:#745b47;--download-bg:#352d28;--download-ink:#f1c99c}
.dark .course-download172 .btn.primary.download-open173{background:#e3544e;border-color:#e3544e;color:#fff}
.dark .course-download172 .btn.primary.download-open173:hover{background:#ef625c;border-color:#ef625c}
.dark .download-platform173.available{background:#51402e;color:#f6d6a3;border-color:#806044}
.dark .download-platform173.available:hover{background:#644b31;border-color:#b28a5c;color:#ffe2b4}
@media(max-width:420px){
 .download-course172{gap:10px}.download-course172 h3{font-size:15px}
 .download-platforms173{grid-template-columns:repeat(2,minmax(0,1fr))}
 .download-platform173{min-height:90px}.download-clients173{padding:12px}
}
@media(prefers-reduced-motion:reduce){.download-platform173{transition:none}}

/* P001-173 · article title and ordered reading statistics above the media. */
.article-content173{min-width:0;padding:24px;border:1px solid var(--line);border-radius:16px;background:var(--surface)}
.article-header173{margin-bottom:20px}
.article-header173 h1{margin:0 0 13px;font-size:26px;font-weight:700;line-height:1.45;letter-spacing:0;color:var(--text);overflow-wrap:anywhere}
.article-meta173{display:flex;flex-wrap:wrap;align-items:center;gap:8px 16px;color:var(--muted);font-size:13px;font-weight:400;line-height:1.6;font-variant-numeric:tabular-nums}
.article-meta173>span{display:inline-flex;align-items:center;gap:5px;white-space:nowrap}
.article-meta173 .icon{width:15px;height:15px;flex-shrink:0}
.detail-context173{padding:22px 0}
.detail-context173>p{margin-top:14px;color:var(--muted);font-size:14px;line-height:1.75}
.detail-context173 .teacher{margin-top:12px}
@media(max-width:640px){
 .article-content173{padding:16px;border-radius:13px}.article-header173{margin-bottom:16px}
 .article-header173 h1{font-size:22px;margin-bottom:11px}.article-meta173{gap:7px 12px;font-size:12px}
}

/* P001-174 · One legacy Font Awesome family, native glyph proportions.
   A single size controls both axes. The native SVG viewBox uses xMidYMid meet;
   historical width-only rules cannot stretch, squeeze or shrink flex icons. */
.icon.legacy-icon174{
 --icon-size:18px;
 display:inline-block;box-sizing:content-box;
 width:var(--icon-size)!important;height:var(--icon-size)!important;
 min-width:var(--icon-size);min-height:var(--icon-size);
 max-width:none;max-height:none;flex:0 0 auto!important;
 vertical-align:-.125em;overflow:visible;
 fill:currentColor!important;stroke:none!important;stroke-width:0!important;
 transform-origin:center;shape-rendering:geometricPrecision;
}
.icon.legacy-icon174 path{fill:inherit;stroke:none}
.btn>.legacy-icon174,.text-link>.legacy-icon174{--icon-size:16px}
.icon-btn>.legacy-icon174,.header-actions .legacy-icon174{--icon-size:18px}
.site-header .primary-nav154 .nav-icon156{--icon-size:16px}
.primary-nav154 a{gap:7px;align-items:center}
.nav-more-toggle156>.legacy-icon174,.account-trigger>.legacy-icon174{--icon-size:14px}
.breadcrumbs .legacy-icon174{--icon-size:10px}
.back-link{display:inline-flex;align-items:center;gap:7px}
.back-link .legacy-icon174,.account-balance>a>.legacy-icon174{--icon-size:13px}
.course-stat>.legacy-icon174,:is(.home118,.resource-cards182) .course-stat>.legacy-icon174{--icon-size:13px;color:var(--muted)}
.course-stat{display:inline-flex;align-items:center;gap:4px}
.article-meta173 .legacy-icon174{--icon-size:14px}
.article-meta173>span{gap:6px;align-items:center}
.article-actions163 .legacy-icon174{--icon-size:16px}
.favorite .legacy-icon174{--icon-size:16px}
:is(.home118,.resource-cards182) .resource-updated138{gap:4px;min-height:24px;padding:2px 6px;border-radius:6px;font-size:11px;font-weight:500;line-height:16px}
.resource-refresh174{display:inline-flex;align-items:center;justify-content:center;flex:0 0 16px;width:16px;height:16px}
.resource-updated138 .legacy-icon174{--icon-size:11px;vertical-align:middle}
.cg-vip-seal>.legacy-icon174,.crowd-seal>.legacy-icon174,.free-seal140>.legacy-icon174,
.course-card .cg-resource-badges .legacy-icon174{--icon-size:14px}
.member-gem>.legacy-icon174{--icon-size:16px}
.member-mark.large .member-gem>.legacy-icon174{--icon-size:22px}
.account-member-card>.legacy-icon174,.site-header .account-panel154 .account-member-card>.legacy-icon174{--icon-size:28px}
.member-banner118 .legacy-icon174.gem-icon,.vip118 .legacy-icon174.gem-icon,
.member-effect121 .legacy-icon174.gem-icon{--icon-size:28px;background:none!important;color:#e4c584!important;-webkit-text-fill-color:currentColor!important;filter:none!important}
.site-header .account-panel154 .account-tier-badge155>.legacy-icon174,
.site-header .account-panel154 .tier118 .legacy-icon174{--icon-size:14px}
.account-sidebar nav .legacy-icon174,.account-checkin>.legacy-icon174{--icon-size:16px}
.account-checkin>.legacy-icon174:last-child,.account-popover-foot .legacy-icon174{--icon-size:14px}
.quick-icon>.legacy-icon174,.site-header .account-panel154 .quick-icon>.legacy-icon174{--icon-size:20px}
.dock-links150 .legacy-icon174,.quick-dock150 .legacy-icon174{--icon-size:18px}.notice .legacy-icon174,.side-note .legacy-icon174{--icon-size:16px}
.search-small .legacy-icon174,.layout-switch .legacy-icon174{--icon-size:16px}
.syllabus .legacy-icon174,.faq summary .legacy-icon174,
.choice-trigger>.legacy-icon174,.choice-option>.legacy-icon174{--icon-size:14px}
.file-icon .legacy-icon174,.notification>.legacy-icon174,.ticket-card>.legacy-icon174{--icon-size:16px}
.filter-chip .legacy-icon174,.resource-row .btn .legacy-icon174,.download-features .legacy-icon174{--icon-size:14px}
.category-icon .legacy-icon174,.category-strip .category-icon>.legacy-icon174,.direction-icon .legacy-icon174{--icon-size:22px}
.continue-title .legacy-icon174,.all-courses138 .legacy-icon174,
.explore-heading>a .legacy-icon174,.updates118>div .legacy-icon174{--icon-size:14px}
.section-head .text-link .legacy-icon174,.empty-next-link .legacy-icon174{--icon-size:14px}
.guest-features119 .legacy-icon174,.guest-account119>.legacy-icon174{--icon-size:16px}
.empty-learning-icon .legacy-icon174{--icon-size:22px}
.purchase-kicker163 .legacy-icon174,.purchase-section-title163 .legacy-icon174,
.purchase-help-heading169 .legacy-icon174,.purchase-help163 .legacy-icon174{--icon-size:16px}
.purchase-panel163 .tier-name166>.legacy-icon174{--icon-size:14px;padding:5px;border-radius:7px}
.member-group165 h4 .legacy-icon174,.purchase-coupon163>p .legacy-icon174{--icon-size:14px}
.purchase-panel163 .side-note .legacy-icon174{--icon-size:13px}
.purchase-panel163 .disclosure-mark166{display:grid;place-items:center;flex:0 0 14px;width:14px;height:14px}
.purchase-panel163 .disclosure-mark166:before,.purchase-panel163 .disclosure-mark166:after{display:none}
.disclosure-mark166>.legacy-icon174{--icon-size:12px;grid-area:1/1;transition:opacity .2s ease;transform:none}
.disclosure-mark166>.disclosure-minus174{opacity:0}
.purchase-toggle166[aria-expanded=true] .disclosure-minus174{opacity:1}
.purchase-toggle166[aria-expanded=true] .disclosure-plus174{opacity:0}
.download-open173 .legacy-icon174{--icon-size:18px}
.download-platform173 .legacy-icon174{--icon-size:24px}
.download-icon .legacy-icon174,.learning-welcome>.legacy-icon174{--icon-size:30px}
.confirm-emblem .legacy-icon174,.footer-qr-placeholder147 .legacy-icon174{--icon-size:28px}
.compatible .legacy-icon174,.device-line>.legacy-icon174,.prize-grid .legacy-icon174{--icon-size:24px}
.empty>.legacy-icon174{--icon-size:32px;padding:11px}
.auth-success>.legacy-icon174,.dialog-success>.legacy-icon174,.guest-page>.legacy-icon174{--icon-size:40px}
.event-panel>.section-head>.legacy-icon174{--icon-size:38px}
.dark .course-stat>.legacy-icon174,.dark .article-meta173 .legacy-icon174{color:var(--muted)}
@media(max-width:640px){
 .account-sidebar nav .legacy-icon174{--icon-size:16px}
 .course-stat>.legacy-icon174,:is(.home118,.resource-cards182) .course-stat>.legacy-icon174{--icon-size:12px}
 .article-meta173 .legacy-icon174{--icon-size:13px}
}
@media(prefers-reduced-motion:reduce){.disclosure-mark166>.legacy-icon174{transition:none}}

/* P001-174 · Three matching solid-color article actions and result feedback. */
.article-actions163>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;min-width:342px}
:is(.article-actions163,.article-tools) .btn[data-action=share]{--social-color:#426cdb;--social-hover:#3458bd}
:is(.article-actions163,.article-tools) .btn[data-action=favorite]{--social-color:#21846b;--social-hover:#196b56}
:is(.article-actions163,.article-tools) .btn[data-action=like]{--social-color:#c74356;--social-hover:#b33749}
:is(.article-actions163,.article-tools) .btn:is([data-action=share],[data-action=favorite],[data-action=like]){
 display:inline-flex;align-items:center;justify-content:center;gap:7px;
 min-height:40px;min-width:0;padding:9px 14px;border:1px solid var(--social-color);border-radius:9px;
 background:var(--social-color);color:#fff;font-size:13px;font-weight:600;line-height:20px;
 box-shadow:none;transition:background .18s,border-color .18s,box-shadow .18s;
}
:is(.article-actions163,.article-tools) .btn:is([data-action=share],[data-action=favorite],[data-action=like]):hover{background:var(--social-hover);border-color:var(--social-hover);color:#fff}
:is(.article-actions163,.article-tools) .btn:is([data-action=share],[data-action=favorite],[data-action=like]):focus-visible{outline:2px solid var(--social-color);outline-offset:3px}
:is(.article-actions163,.article-tools) .btn.is-active{box-shadow:inset 0 0 0 1px #ffffff36}
:is(.article-actions163,.article-tools) .btn>.legacy-icon174{--icon-size:16px;color:inherit;transform:none}
.dark :is(.article-actions163,.article-tools) .btn:is([data-action=share],[data-action=favorite],[data-action=like]){color:#fff;background:var(--social-color);border-color:color-mix(in srgb,var(--social-color) 78%,#fff)}
.dark :is(.article-actions163,.article-tools) .btn:is([data-action=share],[data-action=favorite],[data-action=like]):hover{background:var(--social-hover);border-color:var(--social-color)}
#toast[data-tone=success]{display:flex;align-items:center;justify-content:center;gap:8px;background:#edf8f2;color:#24664c;border-color:#badfcb;font-size:14px;font-weight:500}
#toast[data-tone=success]>.legacy-icon174{--icon-size:15px;color:#258355}
.dark #toast[data-tone=success]{background:#203c31;color:#d3f2e0;border-color:#47735e}
.dark #toast[data-tone=success]>.legacy-icon174{color:#94dcaf}
@media(max-width:640px){.article-actions163>div{min-width:0;gap:8px}}
@media(max-width:480px){
 .article-actions163 .btn:is([data-action=share],[data-action=favorite],[data-action=like]){padding:9px 6px;gap:5px}
 .article-actions163 .btn>.legacy-icon174{--icon-size:14px}
}
@media(prefers-reduced-motion:reduce){:is(.article-actions163,.article-tools) .btn{transition:none}}

/* P001-175 · Course introduction, discussion and local share card. */
.detail-main175{min-width:0;display:flex;flex-direction:column;gap:24px}
.article-content173>.content-tabs{margin-top:4px;gap:8px;padding-bottom:12px;overflow-x:auto;white-space:nowrap}
.article-content173 .course-pane175{padding:24px 0 8px}
.intro-lead175>h2{font-size:22px;font-weight:650;line-height:1.55}
.detail-section .intro-lead175>p{font-size:15px;line-height:1.95;margin:14px 0 16px}
.detail-section .detail-media158{margin:0 0 28px}
.detail-section .detail-cover{margin:0 0 28px}
.detail-section .intro-software175{margin:24px 0 28px}
.detail-section .intro-software175 h3{margin:0 0 13px;font-size:16px}
.intro-software175 .tool-list{margin:0;gap:9px}
.detail-section .outcome-grid{gap:14px;margin:14px 0 26px}
.detail-section .outcome-grid>div{padding:18px;background:var(--soft)}
.detail-section .outcome-grid h3{margin:12px 0 8px;font-size:16px}
.detail-section .outcome-grid p{margin:0;font-size:14px;line-height:1.8}
.article-actions163{justify-content:center;margin:16px 0 2px;padding:8px 0 0;border:0}
.article-actions163>div{width:390px;max-width:100%}
.detail-main175>.course-community{margin:0;padding:24px;border-radius:16px}
.comments175.comment-section{margin:0;padding:0;border:0}
.comments-heading175{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:6px}
.comments-heading175 h2{display:flex;align-items:center;gap:9px;font-size:20px;font-weight:650}
.comments-count175{display:inline-grid;place-items:center;min-width:24px;height:24px;padding:0 7px;border-radius:8px;background:var(--soft);color:var(--muted);font-size:13px;font-weight:500;letter-spacing:0}
.comments-heading175 p{font-size:14px;line-height:1.8;margin-top:7px}
.comments-review175{flex-shrink:0;color:var(--muted);font-size:12px;line-height:26px}
.comments175 .comment-row{gap:12px;padding:23px 0 20px;border:0;margin:0}
.comments175 .comment-row+.comment-row{border-top:1px solid var(--line)}
.comments175 .comment-row>.avatar{width:36px;height:36px;flex:0 0 36px;font-size:15px;background:var(--lavender);color:var(--purple);border-radius:50%;overflow:hidden}
.comment-content175{flex:1;min-width:0}
.comment-meta175{display:flex;align-items:center;flex-wrap:wrap;gap:10px;min-height:24px}
.comment-meta175 strong{font-size:14px;font-weight:600;color:var(--text)}
.comment-meta175>span:not(.tag){font-size:12px;color:var(--muted)}
.comments175 .comment-row p{font-size:15px;line-height:1.85;margin:8px 0;overflow-wrap:anywhere;color:var(--text)}
.comments175 .comment-row .btn{padding:3px 0;min-height:28px;font-size:13px;gap:5px;color:var(--muted)}
.comments175 .comment-row .btn:hover{color:var(--purple);background:transparent}
.comment-reply-label175{font-size:12px;color:var(--muted);margin-top:8px;border-left:2px solid var(--line);padding-left:8px}
.comment-composer175,.comment-login175{padding:18px;background:var(--soft);border:1px solid var(--line);border-radius:12px}
.composer-heading175{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:11px;min-height:24px}
.composer-heading175 label{font-size:15px;font-weight:600}
.composer-heading175>span{font-size:12px;color:var(--muted)}
.comment-composer175 textarea{display:block;min-height:126px;padding:12px 14px;font-size:14px;line-height:1.85;background:var(--surface);border-color:var(--line)}
.comment-composer175 .form-actions{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:12px}
.comment-composer175 .form-actions .muted{flex:1;font-size:12px;line-height:1.8}
.comment-composer175 .form-actions>.btn{flex-shrink:0;font-size:14px;min-height:38px;padding:7px 16px}
.comment-login175{display:flex;align-items:center;justify-content:space-between;gap:14px}
.comment-login175>span{display:flex;align-items:center;gap:9px;font-size:14px;color:var(--muted)}
.comment-login175>.btn{font-size:14px;min-height:38px;padding:7px 15px}
#dialog:has(.share-host175){width:480px;max-width:calc(100vw - 24px)}
#dialog:has(.share-host175) .dialog-header{padding:17px 22px 13px}
#dialog:has(.share-host175) .dialog-header h2{font-size:19px}
#dialog:has(.share-host175) .dialog-body{padding:0 22px 18px}
#dialog:has(.share-host175) .dialog-footer{display:none}
.share-hint175{font-size:13px;line-height:1.7;text-align:center;margin:0 0 12px;color:var(--muted)}
.share-preview175{position:relative;width:100%;max-width:min(360px,calc((100dvh - 230px)*.72));margin:0 auto;border-radius:14px;box-shadow:0 8px 24px #19243613;background:#fffdf8}
.share-image175{display:block;width:100%;padding:0;border:0;background:transparent;border-radius:14px;overflow:hidden;cursor:copy;transition:box-shadow .18s}
.share-image175 img{display:block;width:100%;height:auto}
.share-image175:hover{box-shadow:0 0 0 3px #6e8fe74d}
.share-url175{position:absolute;bottom:0;left:0;width:100%;height:7.2%;padding:0;border:0;background:transparent;border-radius:0 0 14px 14px;cursor:copy;transition:background .18s}
.share-url175:hover{background:#426cdb18}
.share-url175:focus-visible{outline:3px solid #426cdb;outline-offset:1px}
.share-status175{font-size:13px;line-height:1.6;text-align:center;min-height:21px;margin-top:10px;color:var(--muted)}
.share-status175[data-tone=success]{color:var(--green)}
.share-status175[data-tone=error]{color:#b44748}
.share-foot175{display:flex;align-items:center;justify-content:center;gap:12px;font-size:12px;color:var(--muted);margin-top:4px}
.share-foot175 a{font-weight:600}
.share-loading175{padding:80px 0;text-align:center;font-size:14px}
.share-fallback175{margin-top:14px}
.share-fallback175 input{font-size:12px}
.dark .share-preview175{box-shadow:0 8px 28px #0004}
.dark .share-status175[data-tone=error]{color:#f29b9c}
@media(max-width:640px){
 .detail-main175{gap:18px}
 .detail-main175>.course-community{padding:18px 16px}
 .article-content173>.content-tabs{gap:4px}
 .article-content173 .course-pane175{padding-top:20px}
 .intro-lead175>h2{font-size:19px}
 .detail-section .intro-lead175>p{font-size:14px}
 .detail-section .outcome-grid{gap:10px}
 .article-actions163{margin-top:10px;padding-top:8px}
 .article-actions163>div{width:100%}
 .comments-heading175{display:block}
 .comments-heading175 h2{font-size:19px}
 .comments-review175{display:block;margin-top:5px}
 .comments-heading175 p{font-size:13px}
 .comments175 .comment-row p{font-size:14px}
 .comment-composer175,.comment-login175{padding:14px}
 .comment-composer175 .form-actions{align-items:flex-end;gap:12px}
 .comment-composer175 .form-actions .muted{font-size:12px}
 .comment-login175{flex-wrap:wrap}
 .share-hint175{font-size:12px}
 #dialog:has(.share-host175) .dialog-body{padding:0 16px 16px}
 .share-preview175{max-width:min(340px,calc((100dvh - 240px)*.72))}
}
@media(prefers-reduced-motion:reduce){.share-image175,.share-url175{transition:none}}

.intro-lead175{margin-bottom:24px}

/* Four course tabs share reading rhythm and aligned disclosure rows. */
.article-content173>.content-tabs{display:flex;align-items:center;gap:8px}
.article-content173>.content-tabs button{flex:0 0 auto;min-height:42px;padding:9px 16px;font-size:14px;font-weight:500;line-height:22px;letter-spacing:0}
.article-content173>.content-tabs button.active{font-weight:600}
.article-content173 .course-pane175 h2{font-size:22px;font-weight:650;line-height:1.55;letter-spacing:0}
.article-content173 .course-pane175 h3{font-size:17px;font-weight:600;line-height:1.6;letter-spacing:0}
.article-content173 .course-pane175>p{font-size:15px;line-height:1.9}
.tab-heading175{margin-bottom:20px}
.detail-section .tab-heading175>p{margin:7px 0 0;font-size:14px;line-height:1.8;color:var(--muted)}
.tab-heading175>p>span{padding:0 7px}
.detail-section .syllabus{display:grid;gap:10px}
.detail-section .syllabus>details{border:1px solid var(--line);border-radius:12px;overflow:hidden;background:var(--surface);margin:0;padding:0}
.detail-section .syllabus summary{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:15px 18px;list-style:none;cursor:pointer}
.detail-section .syllabus summary::-webkit-details-marker,.course-faq175 summary::-webkit-details-marker{display:none}
.detail-section .syllabus summary>span:first-child{display:flex;align-items:center;gap:16px;min-width:0}
.detail-section .syllabus summary small{font-size:12px;font-weight:500;line-height:20px;color:var(--muted);letter-spacing:0;white-space:nowrap;margin:0}
.detail-section .syllabus summary strong{font-size:15px;font-weight:600;line-height:1.65;color:var(--text)}
.chapter-count175{display:flex;align-items:center;gap:12px;white-space:nowrap;font-size:13px;color:var(--muted);flex:0 0 auto}
.detail-section .syllabus summary>.chapter-count175>.legacy-icon174,.course-faq175 summary>.legacy-icon174{--icon-size:13px;transition:transform .2s;color:var(--muted)}
.detail-section .syllabus details[open] summary>.chapter-count175>.legacy-icon174,.course-faq175 details[open] summary>.legacy-icon174{transform:rotate(180deg)}
.detail-section .syllabus details[open] summary{background:var(--soft);border-bottom:1px solid var(--line)}
.detail-section .lesson-row{display:grid;grid-template-columns:18px minmax(0,1fr) auto;align-items:center;gap:12px;padding:13px 18px;margin:0;border:0;font-size:14px;line-height:1.75}
.detail-section .lesson-row+.lesson-row{border-top:1px solid var(--line)}
.detail-section .lesson-row>.legacy-icon174{--icon-size:14px;color:var(--muted)}
.detail-section .lesson-row>small{font-size:12px;color:var(--muted);white-space:nowrap;margin:0}
.detail-section .resources{border:1px solid var(--line);border-radius:12px;overflow:hidden;background:var(--surface)}
.detail-section .resource-row{display:grid;grid-template-columns:40px minmax(0,1fr) auto;align-items:center;gap:14px;margin:0;padding:16px 18px}
.detail-section .resource-row+.resource-row{border-top:1px solid var(--line)}
.detail-section .resource-row:last-child{border-bottom:0}
.detail-section .resource-row>.file-icon{display:grid;place-items:center;width:40px;height:44px;border-radius:9px}
.detail-section .resource-row>.file-icon>.legacy-icon174{--icon-size:17px}
.detail-section .resource-row>div{min-width:0}
.detail-section .resource-row strong{display:block;font-size:15px;line-height:1.7;font-weight:600}
.detail-section .resource-row small{display:block;font-size:12px;line-height:1.8;margin-top:3px;color:var(--muted);overflow-wrap:anywhere}
.detail-section .resource-row>.tag{font-size:12px;padding:3px 9px;min-width:42px;text-align:center}
.article-content173 .course-pane175>.tab-note175{display:flex;align-items:flex-start;gap:8px;margin:14px 0 0;font-size:13px;line-height:1.8;color:var(--muted)}
.tab-note175>.legacy-icon174{--icon-size:14px;margin-top:4px;flex-shrink:0}
.course-faq175{display:grid;gap:10px}
.detail-section .course-faq175 .faq{margin:0;padding:0;border:1px solid var(--line);border-radius:12px;overflow:hidden;background:var(--surface)}
.detail-section .course-faq175 summary{display:flex;align-items:center;justify-content:space-between;gap:20px;list-style:none;padding:16px 18px;font-size:15px;font-weight:600;line-height:1.7}
.detail-section .course-faq175 details[open] summary{background:var(--soft)}
.detail-section .course-faq175 p{padding:0 18px 18px;margin:12px 0 0;font-size:14px;line-height:1.95;max-width:none;color:var(--muted)}
@media(max-width:640px){
 .article-content173>.content-tabs{gap:4px;justify-content:space-between}
 .article-content173>.content-tabs button{padding:8px 10px;font-size:13px;min-height:40px}
 .article-content173 .course-pane175 h2{font-size:19px}
 .article-content173 .course-pane175 h3{font-size:16px}
 .article-content173 .course-pane175>p{font-size:14px}
 .detail-section .tab-heading175>p{font-size:13px}
 .tab-heading175{margin-bottom:16px}
 .detail-section .syllabus summary{padding:13px 12px;gap:10px}
 .detail-section .syllabus summary>span:first-child{display:grid;gap:3px}
 .detail-section .syllabus summary strong{font-size:14px}
 .detail-section .syllabus summary small{font-size:11px}
 .chapter-count175{gap:8px;font-size:12px}
 .detail-section .lesson-row{grid-template-columns:15px minmax(0,1fr);gap:3px 9px;padding:12px;font-size:13px}
 .detail-section .lesson-row small{grid-column:2;font-size:12px}
 .detail-section .resource-row{grid-template-columns:34px minmax(0,1fr) auto;gap:10px;padding:13px 12px}
 .detail-section .resource-row>.file-icon{width:34px;height:40px}
 .detail-section .resource-row strong{font-size:14px}
 .detail-section .resource-row small{font-size:12px}
 .detail-section .resource-row>.tag{font-size:11px;min-width:36px;padding:2px 6px}
 .detail-section .course-faq175 summary{font-size:14px;padding:14px 12px;gap:12px}
 .detail-section .course-faq175 p{padding:0 12px 14px;font-size:14px;line-height:1.85}
}
@media(prefers-reduced-motion:reduce){.detail-section .syllabus summary>.chapter-count175>.legacy-icon174,.course-faq175 summary>.legacy-icon174{transition:none}}

/* The labels form one stable row; the content switches without a page render. */
.course-panels175{position:relative;min-width:0}
.course-panels175>.course-pane175{padding:24px 0 8px;min-width:0}
.course-pane175[hidden]{display:none!important}
.article-content173>.course-tabs175{gap:10px;padding:0 0 14px;margin-top:6px}
.article-content173>.course-tabs175 button{position:relative;min-height:42px;padding:9px 18px;border:1px solid transparent;border-radius:11px;font-size:15px;font-weight:500;line-height:22px;letter-spacing:.02em;color:var(--muted);transition:color .18s,background .18s,border-color .18s}
.article-content173>.course-tabs175 button:hover{background:var(--soft);color:var(--text)}
.article-content173>.course-tabs175 button.active{font-weight:600;background:var(--lavender);border-color:color-mix(in srgb,var(--purple) 18%,transparent);color:var(--purple)}
@media(max-width:640px){
 .article-content173>.course-tabs175{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;overflow:visible;padding-bottom:12px}
 .article-content173>.course-tabs175 button{min-height:40px;padding:8px 4px;font-size:14px;letter-spacing:0;line-height:22px}
 .course-panels175>.course-pane175{padding:20px 0 8px}
}
@media(prefers-reduced-motion:reduce){.article-content173>.course-tabs175 button{transition:none}}

/* P001-176 · One circular avatar treatment, with the existing gold member ring. */
.avatar176{--avatar-size:46px;--avatar-border176:1px solid var(--line);--avatar-pad176:2px;--avatar-shell176:var(--surface);--avatar-face176:var(--soft);--avatar-ink176:var(--text);--avatar-shadow176:0 1px 3px #263c5712}
.avatar176.is-member176{--avatar-border176:2px solid transparent;--avatar-pad176:1px;--avatar-shell176:linear-gradient(145deg,#5b5b59,#171a20 58%,#34302a) padding-box,conic-gradient(from -35deg,#e3c384,#fff0c4 13%,#bd9454 30%,#765524 49%,#c7a467 65%,#f0dca4 80%,#a98345 92%,#e3c384) border-box;--avatar-face176:linear-gradient(145deg,#42464e,#1b1e25 66%,#292c32);--avatar-ink176:#ead29e;--avatar-shadow176:0 2px 5px #20273526,inset 0 1px 1px #fff1ce40,inset 0 -1px 1px #090b10a0}
.dark .avatar176{--avatar-shadow176:0 1px 3px #0003}
.dark .avatar176.is-member176{--avatar-shadow176:0 2px 5px #0005,inset 0 1px 1px #fff1ce40,inset 0 -1px 1px #090b10a0}
body .avatar.avatar176,
body .site-header .account-panel154 .account-popover-head>.avatar.avatar176,
body .header-actions .avatar-trigger150 .avatar.avatar176,
body .comments175 .comment-row>.avatar.avatar176,
body .welcome-top .avatar.avatar176{
 display:inline-grid;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr);place-items:stretch;box-sizing:border-box;width:var(--avatar-size);height:var(--avatar-size);min-width:var(--avatar-size);aspect-ratio:1;flex:0 0 var(--avatar-size);
 margin:0;padding:var(--avatar-pad176);border:var(--avatar-border176);border-radius:50%;background:var(--avatar-shell176);color:var(--avatar-ink176);box-shadow:var(--avatar-shadow176);
 overflow:visible;font-size:calc(var(--avatar-size)*.42);font-weight:500;line-height:1;text-shadow:none;vertical-align:middle;
}
.avatar176>.avatar-face176{display:flex;align-items:center;justify-content:center;width:100%;height:100%;min-width:0;min-height:0;border-radius:50%;overflow:hidden;background:var(--avatar-face176);color:var(--avatar-ink176)}
.avatar-face176>.avatar-photo155{display:block;width:100%;height:100%;max-width:none;object-fit:cover;object-position:center;aspect-ratio:1;border:0;border-radius:50%}
.avatar176.small{--avatar-size:32px}
.header-actions .account-trigger.avatar-trigger150{width:34px;height:34px;min-height:34px;border:0;padding:0;background:transparent;box-shadow:none}
.header-actions .avatar-trigger150:hover,.header-actions .account-hover.is-open .avatar-trigger150,.dark .header-actions .avatar-trigger150{background:transparent;border:0;box-shadow:none}
.header-actions .avatar-trigger150>.avatar176{--avatar-size:34px}
.account-popover-head>.avatar176{--avatar-size:44px}
.welcome-top>.avatar176{--avatar-size:42px}
.account-user>.avatar176{--avatar-size:35px}
.profile-avatar>.avatar176{--avatar-size:56px}
.comments175 .comment-row>.avatar176{--avatar-size:36px}
.avatar-options .avatar-option176{display:grid;place-items:center;padding:4px;border:2px solid transparent;background:transparent;border-radius:50%;min-width:0;min-height:0}
.avatar-options .avatar-option176.chosen{border-color:var(--purple);background:var(--lavender)}
.avatar-option176>.avatar176{--avatar-size:44px}
.avatar-crop>.avatar176{--avatar-size:90px}
@media(max-width:640px){.welcome-top>.avatar176{--avatar-size:38px}}

/* P001-177 · Outline first, followed by the contents of each chapter. */
.detail-section .course-outline177{margin:0 0 26px}
.detail-section .course-outline177>h3{margin:0 0 10px;font-size:17px;font-weight:600;line-height:1.5}
.detail-section .course-outline177>p{margin:0;max-width:none;font-size:15px;line-height:1.9;color:var(--muted)}
.chapter-overview177{margin:0 0 28px}
.chapter-overview-list178{display:grid;grid-template-columns:minmax(0,1fr);gap:10px}
.chapter-item178{margin:0;border:1px solid var(--line);border-radius:12px;background:var(--surface);min-width:0;overflow:hidden}
.chapter-item178>summary{display:grid;grid-template-columns:minmax(0,1fr) 16px;align-items:center;gap:16px;min-height:82px;padding:15px 20px;list-style:none;cursor:pointer;transition:background .18s}
.chapter-item178>summary::-webkit-details-marker{display:none}
.chapter-item178>summary:hover,.chapter-item178[open]>summary{background:var(--soft)}
.chapter-item178>summary:focus-visible{outline:2px solid #0878b5;outline-offset:-3px;border-radius:11px}
.chapter-heading178{display:grid;gap:3px;min-width:0}
.chapter-lesson178,.chapter-title178{font-size:16px;font-weight:600;line-height:1.65}
.chapter-lesson178{color:#0066ff;font-size:18px;font-weight:700;white-space:nowrap;font-variant-numeric:tabular-nums}
.chapter-title178{color:#171717;overflow-wrap:anywhere}
.dark .chapter-lesson178{color:#80aaff}
.dark .chapter-title178{color:#f2f3f5}
.dark .chapter-item178>summary:focus-visible{outline-color:#8cd4ff}
.chapter-item178 .chapter-chevron178{--icon-size:16px;color:var(--muted);transition:transform .2s}
.chapter-item178[open] .chapter-chevron178{transform:rotate(180deg)}
.chapter-description178{padding:16px 20px 19px;border-top:1px solid var(--line)}
.detail-section .chapter-description178>p{margin:0;max-width:none;color:var(--muted);font-size:15px;line-height:1.9;overflow-wrap:anywhere}
@media(max-width:760px){
 .chapter-item178>summary{grid-template-columns:minmax(0,1fr) 14px;gap:12px;padding:14px;min-height:78px}
 .chapter-lesson178,.chapter-title178{font-size:15px}
 .chapter-lesson178{font-size:17px}
 .chapter-item178 .chapter-chevron178{--icon-size:14px}
 .chapter-description178{padding:14px 14px 16px}
 .detail-section .chapter-description178>p{font-size:14px}
 .detail-section .course-outline177>p{font-size:14px;line-height:1.9}
}
@media(prefers-reduced-motion:reduce){.chapter-item178>summary,.chapter-item178 .chapter-chevron178{transition:none}}

/* Selected course tabs retain the approved sky-blue accent. */
.article-content173>.course-tabs175 button.active{color:#0878b5;background:#eaf5ff;border-color:#bedff3}
.dark .article-content173>.course-tabs175 button.active{color:#8cd4ff;background:#233b4b;border-color:#385e75}

/* P184: compact commerce workspace and bounded member decoration. */
.account-tier-badge155{isolation:isolate;overflow:hidden}
.commerce184{--commerce-accent:#0878b5;--commerce-tint:#eaf5ff;--commerce-border:#bedff3;font-size:14px;line-height:1.6}
.dark .commerce184{--commerce-accent:#8cd4ff;--commerce-tint:#233b4b;--commerce-border:#385e75}
.commerce184 .btn.primary{background:var(--commerce-accent);border-color:var(--commerce-accent);color:#fff;box-shadow:none}
.dark .commerce184 .btn.primary{background:#217eb5;border-color:#398fbe;color:#fff}
.commerce184 :is(input,button,a):focus-visible{outline:2px solid var(--commerce-accent);outline-offset:3px}
.commerce184 .account-heading{margin-bottom:22px}
.commerce184 .account-heading h1{font-size:28px;line-height:1.4}
.commerce184 .account-heading p{font-size:14px;line-height:1.7;margin-top:9px}
.order-filter184{padding:20px 22px;margin:0;border-radius:14px;box-shadow:none}
.order-filter184 label{display:block;min-width:0;font-size:13px;line-height:20px;font-weight:500;color:var(--text)}
.order-search-input184{position:relative;margin-top:8px}
.order-search-input184>.icon{position:absolute;left:13px;top:14px;--icon-size:16px;color:var(--muted)}
.order-search-input184 input{width:100%;padding-left:39px;min-height:44px;margin:0;font-size:14px}
.order-fields184{display:grid;grid-template-columns:minmax(100px,1fr) minmax(100px,1fr) minmax(145px,1.15fr) minmax(145px,1.15fr) auto;gap:14px;align-items:end;margin-top:16px}
.order-fields184 input,.order-fields184 .choice{display:block;width:100%;margin-top:8px;min-width:0}
.order-fields184 input{height:42px;font-size:14px;padding:9px 11px;font-variant-numeric:tabular-nums}
.order-fields184 .choice-trigger{width:100%;height:42px;justify-content:space-between;font-size:14px}
.order-fields184 .filter-actions{gap:8px;align-items:center}
.order-fields184 .filter-actions .btn{min-height:42px;padding:9px 16px;font-size:14px}
.filter-hint184{font-size:12px;line-height:20px;color:var(--muted);margin:12px 0 0}
.order-filter184 .form-error{margin:8px 0 0;font-size:13px}
.order-filter184 [aria-invalid=true]{border-color:#c13c43}
.commerce-result184{margin:19px 0 13px;color:var(--muted);font-size:13px}
.order-list184,.crowd-list184{display:grid;gap:16px}
.order-card184{margin:0;border-radius:14px;overflow:hidden;box-shadow:none}
.order-card184>header{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 20px;background:var(--soft);border-bottom:1px solid var(--line);font-size:13px;color:var(--muted)}
.order-card184>header>span{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.order-card184>header .icon{--icon-size:14px}
.order-kind184{margin-left:6px}
.order-body184{display:grid;grid-template-columns:112px minmax(0,1fr) auto;align-items:center;gap:18px;padding:18px 20px}
.commerce-cover184{display:block;flex:none;width:112px;aspect-ratio:1.5;border-radius:9px;overflow:hidden;background:var(--bg)}
.commerce-cover184 img{display:block;width:100%;height:100%;object-fit:cover}
.commerce-placeholder184{display:flex;align-items:center;justify-content:center;width:112px;aspect-ratio:1.5;border-radius:9px;color:var(--commerce-accent);background:var(--commerce-tint)}
.commerce-placeholder184 .icon{--icon-size:27px}
.commerce-copy184{min-width:0}
.commerce-copy184 h2{font-size:16px;font-weight:600;line-height:1.6;margin:0;color:var(--text);overflow-wrap:anywhere}
.commerce-copy184 p{font-size:13px;color:var(--muted);line-height:1.6;margin:5px 0}
.commerce-copy184>small{display:block;font-size:12px;line-height:1.6;color:var(--muted);overflow-wrap:anywhere}
.order-payment184{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}
.order-payment184>span{display:block;color:var(--muted);font-size:12px;margin-bottom:3px}
.order-payment184 strong{font-size:19px;font-weight:600;color:var(--text)}
.order-payment184 small{font-size:12px;font-weight:400}
.order-card184>footer{display:flex;justify-content:flex-end;gap:9px;padding:11px 20px;border-top:1px solid var(--line)}
.commerce184 .btn.small{font-size:13px;min-height:34px;padding:6px 13px}
.commerce-search184{max-width:540px;min-width:0;margin-bottom:18px}
.cart-list184{padding:0 20px 18px;border-radius:14px;box-shadow:none}
.cart-toolbar184{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:15px 0;border-bottom:1px solid var(--line)}
.cart-toolbar184 .check-line{font-size:14px}
.cart-toolbar184>span{color:var(--muted);font-size:13px}
.cart184 .cart-item{gap:16px;padding:18px 0}
.cart184 .cart-item h3{font-size:16px;font-weight:600}
.cart184 .cart-item p{font-size:13px;line-height:1.6}
.cart184 .cart-item>strong{font-size:18px;font-variant-numeric:tabular-nums}
.cart184 .cart-item>strong small{display:block;font-size:12px;text-align:right;margin-top:2px}
.cart184 .check-line input{accent-color:var(--commerce-accent)}
.cart184 .coupon-entry{margin-top:18px;gap:10px}
.cart184 .coupon-entry label{font-size:14px}
.cart184 .coupon-entry input{margin-top:7px;font-size:14px}
.cart184 .panel>.muted{font-size:12px;line-height:1.7;margin:12px 0 0}
.cart184 .quote-panel{margin-top:18px;border-radius:14px;box-shadow:none}
.cart184 .quote-panel h2{font-size:18px}
.cart184 .summary-line>strong{color:var(--commerce-accent)}
.cart-empty184{color:var(--muted);padding:20px 0;margin:0}
.crowd-toolbar184{display:flex;align-items:flex-start;gap:14px;margin-bottom:18px}
.crowd-toolbar184 .commerce-search184{margin:0;flex:1}
.crowd-toolbar184>.label,.crowd-toolbar184>label{margin-left:auto}
.crowd-card184{margin:0;overflow:hidden;border-radius:14px;box-shadow:none}
.crowd-body184{display:flex;gap:20px;align-items:center;padding:20px}
.crowd-body184 .commerce-cover184{width:168px}
.crowd-body184 .commerce-copy184{flex:1}
.crowd-title184{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}
.crowd-title184 .tag{flex:none}
.crowd-progress184{max-width:440px;margin:12px 0 9px}
.crowd-progress184>span{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:13px;color:var(--muted)}
.crowd-progress184 strong{font-weight:500;color:var(--text);font-variant-numeric:tabular-nums}
.crowd-progress184 progress{display:block;appearance:none;width:100%;height:6px;margin-top:7px;border:0;border-radius:4px;overflow:hidden;background:var(--line);accent-color:var(--commerce-accent)}
.crowd-progress184 progress::-webkit-progress-bar{background:var(--line)}
.crowd-progress184 progress::-webkit-progress-value{background:var(--commerce-accent);border-radius:4px}
.crowd-progress184 progress::-moz-progress-bar{background:var(--commerce-accent)}
.crowd-card184>footer{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:13px 20px;border-top:1px solid var(--line)}
.crowd-card184>footer>span{font-size:13px;color:var(--muted)}
.crowd-card184>footer>div{display:flex;gap:9px;flex-shrink:0}
.crowd184>.faq{margin-top:22px}
.account-main>.client-workspace184{padding:0}
.client-workspace184 .download-grid{gap:20px}
.client-workspace184 .download-card{padding:26px;border-radius:14px}
.client-workspace184 .download-card h2{font-size:21px}
.client-workspace184 .download-card p{font-size:14px;line-height:1.8}
.dialog-search-results>a{display:flex;flex-direction:column;align-items:flex-start;gap:5px;min-width:0;padding:14px 8px}
.dialog-search-results>a>span{font-size:15px;line-height:1.6;font-weight:500;overflow-wrap:anywhere}
.dialog-search-results>a>small{margin:0;font-size:12px;line-height:1.5;max-width:100%;white-space:normal}
@media(max-width:1100px){
 .order-fields184{grid-template-columns:repeat(2,minmax(0,1fr))}
 .order-fields184 .filter-actions{grid-column:1/-1;justify-content:flex-end}
 .crowd-card184>footer{align-items:flex-start;flex-direction:column}
}
@media(max-width:600px){
 .commerce184 .account-heading h1{font-size:25px}
 .order-filter184{padding:16px 14px}
 .order-fields184{gap:12px}
 .order-card184>header{padding:11px 14px;align-items:flex-start}
 .order-card184>header>span{gap:4px 6px;font-size:12px}
 .order-kind184{margin-left:0}
 .order-body184{grid-template-columns:80px minmax(0,1fr);padding:14px;gap:12px}
 .order-body184 .commerce-cover184,.order-body184 .commerce-placeholder184{width:80px}
 .commerce-copy184 h2{font-size:15px}
 .order-payment184{grid-column:2;text-align:left}
 .order-payment184>span{display:inline-block;margin-right:8px}
 .order-payment184 strong{font-size:17px}
 .order-card184>footer{padding:10px 14px}
 .cart-list184{padding:0 14px 16px}
 .cart-toolbar184{flex-wrap:wrap;gap:6px}
 .cart184 .cart-item{display:grid;grid-template-columns:18px 74px minmax(0,1fr);gap:10px}
 .cart184 .commerce-cover184{width:74px}
 .cart184 .cart-item h3{font-size:14px}
 .cart184 .cart-item>strong{grid-column:2/4;justify-self:start;margin-left:0;font-size:17px;display:flex;gap:8px;align-items:center}
 .cart184 .cart-item>strong small{display:inline;text-align:left;margin:0}
 .cart184 .cart-item>.btn{grid-column:3;justify-self:end;grid-row:3}
 .cart184 .coupon-entry>label{min-width:100%;width:100%}
 .crowd-toolbar184{flex-wrap:wrap;gap:10px}
 .crowd-toolbar184 .commerce-search184{flex-basis:100%}
 .crowd-body184{padding:14px;gap:12px;align-items:flex-start}
 .crowd-body184 .commerce-cover184{width:80px}
 .crowd-title184{display:block}
 .crowd-title184 .tag{margin-top:7px}
 .crowd-card184>footer{padding:13px 14px;gap:10px}
 .crowd-card184>footer>div{flex-wrap:wrap;gap:8px}
 .crowd-card184 .btn{font-size:13px;padding:8px 11px}
 .client-workspace184 .download-card{padding:23px}
 .filter-hint184{line-height:1.7}
}

/* P185: one account search control, clear cart types, compact page starts. */
.account-main>.workspace-tabs a{font-size:15px;font-weight:600;line-height:23px;min-height:43px;padding:10px 16px}
.account-main>.workspace-tabs a.active{font-weight:600}
.account-main .library-title182{justify-content:flex-end;margin:0 0 14px}
.account-main .account-search185{--search-ink185:#26374d;--search-muted185:#69788f;--search-line185:#e0e5ed;--search-surface185:#fff;--search-tint185:#eaf5ff;--search-blue185:#0878b5;display:flex;align-items:center;gap:10px;min-width:0;padding:5px 6px 5px 13px;border:1px solid var(--search-line185);border-radius:10px;background:var(--search-surface185);box-sizing:border-box}
.dark .account-main .account-search185{--search-ink185:#e7edf4;--search-muted185:#adbacb;--search-line185:#3b4350;--search-surface185:#252a32;--search-tint185:#233e52;--search-blue185:#8cd4ff}
.account-main .account-search185:focus-within{border-color:#84bde2;box-shadow:0 0 0 3px #399bda12}
.account-main .account-search185>.icon{--icon-size:16px;flex:none;color:var(--search-muted185)}
.account-main .account-search185 input{display:block;flex:1;width:0;min-width:0;min-height:32px;height:32px;padding:3px 0;margin:0;border:0;border-radius:0;background:transparent;box-shadow:none;color:var(--search-ink185);font-size:14px;line-height:24px;outline:none}
.account-main .account-search185 input::placeholder{color:var(--search-muted185)}
.account-main .account-search185 input:focus-visible{outline:none}
.account-main .account-search185 input::-webkit-search-cancel-button{display:none}
.account-main .account-search185 .search-submit182{flex:none;min-height:34px;padding:5px 14px;margin:0;border:0;border-radius:7px;background:var(--search-tint185);color:var(--search-blue185);font-size:13px;line-height:24px;font-weight:600;white-space:nowrap}
.account-main .account-search185 .search-clear182{flex:none;border:0;background:transparent;color:var(--search-muted185);padding:0}
.order-search-input185{width:100%;max-width:none}
.order-filter184 .order-fields184{margin-top:16px}
.account-main .client-workspace184 .download-grid{margin-top:0}
.account-main .resource-library182>.history-toolbar182{margin-top:0}
.cart-groups185{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:0 0 18px}
.cart-groups185 button{display:flex;align-items:center;justify-content:center;gap:8px;min-height:45px;padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:var(--surface);color:var(--text);font-size:14px;font-weight:600;line-height:22px;white-space:nowrap}
.cart-groups185 button>span{display:inline-flex;align-items:center;justify-content:center;min-width:21px;height:21px;padding:0 4px;border-radius:6px;background:var(--bg);color:var(--muted);font-size:12px;font-weight:500}
.cart-groups185 button.active{color:var(--commerce-accent);background:var(--commerce-tint);border-color:var(--commerce-border)}
.cart-groups185 button.active>span{color:var(--commerce-accent);background:var(--surface)}
.cart-search-row185{display:flex;align-items:center;gap:20px;margin-bottom:18px}
.cart-search-row185 .commerce-search184{margin:0;flex:1;max-width:480px}
.cart-search-row185>p{margin:0 0 0 auto;max-width:45%;color:var(--muted);font-size:13px;line-height:1.7}
.cart-list185{padding:0 20px;margin:0;border-radius:14px;box-shadow:none}
.cart-list185 .cart-toolbar184{padding:14px 0}
.cart-row185{display:grid;grid-template-columns:100px minmax(0,1fr) auto auto;align-items:center;gap:16px;padding:19px 0;border-bottom:1px solid var(--line)}
.cart-row185:last-child{border-bottom:0}
.cart-row185.is-purchasable185{grid-template-columns:18px 100px minmax(0,1fr) auto auto}
.cart-row185>.commerce-cover184{width:100px}
.cart-copy185{min-width:0}
.cart-copy185 h2{margin:0;font-size:16px;line-height:1.6;font-weight:600;overflow-wrap:anywhere}
.cart-copy185 p{margin:6px 0 0;color:var(--muted);font-size:13px;line-height:1.6}
.cart-price185{min-width:110px;text-align:right;font-variant-numeric:tabular-nums}
.cart-price185 strong{display:block;font-size:18px;line-height:1.5;font-weight:600;white-space:nowrap}
.cart-price185 small{font-size:12px;font-weight:400}
.cart-price185>span{display:block;color:var(--muted);font-size:12px;line-height:1.5;margin-top:3px}
.cart-actions185{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:5px;max-width:160px}
.cart-actions185 .btn{white-space:nowrap}
.cart-checkout185{margin:16px 0 0;padding:18px 20px;border-radius:14px;box-shadow:none}
.cart-coupon185>label{display:block;margin:0 0 9px;font-size:14px;line-height:22px;font-weight:500}
.cart-coupon185>label small{margin-left:7px;color:var(--muted);font-size:12px;font-weight:400}
.cart-coupon-row185{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:10px;align-items:stretch}
.cart-coupon-row185 input{width:100%;min-width:0;margin:0;min-height:44px;height:44px;font-size:14px;line-height:22px;padding:10px 12px}
.cart-coupon-row185 .btn{height:44px;min-height:44px;margin:0;font-size:14px;line-height:22px;padding:10px 15px;white-space:nowrap}
.cart-coupon185>p{margin:10px 0 0;color:var(--muted);font-size:12px;line-height:1.7}
.cart185 .quote-panel{margin:16px 0 0}
@media(max-width:1100px){
 .cart-search-row185{align-items:stretch;flex-direction:column;gap:9px}
 .cart-search-row185>p{margin:0;max-width:none}
 .cart-search-row185 .commerce-search184{max-width:none;width:100%}
 .cart-row185{gap:12px}
 .cart-row185.is-purchasable185{grid-template-columns:18px 86px minmax(0,1fr) auto}
 .cart-row185>.commerce-cover184{width:86px}
 .cart-row185.is-purchasable185>.cart-actions185{grid-column:3/-1}
 .cart-price185{min-width:90px}
}
@media(max-width:680px){
 .account-main>.workspace-tabs a{font-size:15px;font-weight:600;padding:9px 13px;min-height:42px}
 .account-main .library-title182{margin-bottom:13px}
 .cart-groups185{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:14px}
 .cart-groups185 button{padding:9px 10px;min-height:42px}
 .cart-list185{padding:0 14px}
 .cart-row185{grid-template-columns:78px minmax(0,1fr);gap:10px 12px;padding:16px 0}
 .cart-row185.is-purchasable185{grid-template-columns:18px 78px minmax(0,1fr)}
 .cart-row185>.commerce-cover184{width:78px;grid-column:1;grid-row:1}
 .cart-row185.is-purchasable185>.check-line{grid-column:1;grid-row:1}
 .cart-row185.is-purchasable185>.commerce-cover184{grid-column:2;grid-row:1}
 .cart-copy185{grid-column:2;grid-row:1}
 .is-purchasable185>.cart-copy185{grid-column:3}
 .cart-copy185 h2{font-size:14px;line-height:1.7}
 .cart-copy185 p{font-size:12px;margin-top:4px}
 .cart-price185{grid-column:2;grid-row:2;text-align:left;min-width:0;display:flex;gap:8px;align-items:center;flex-wrap:wrap}
 .is-purchasable185>.cart-price185{grid-column:2/-1}
 .cart-price185 strong{font-size:17px}
 .cart-price185>span{margin-top:0}
 .cart-row185>.cart-actions185,.cart-row185.is-purchasable185>.cart-actions185{grid-column:2/-1;grid-row:3;max-width:none;justify-content:flex-end}
 .cart-checkout185{padding:16px 14px}
 .cart-coupon-row185{grid-template-columns:1fr 1fr;gap:10px}
 .cart-coupon-row185 input{grid-column:1/-1}
 .cart-coupon-row185 .btn{width:100%;padding:10px 8px;font-size:13px}
 .cart-coupon185>label{font-size:14px}
 .cart185 .cart-toolbar184{gap:8px;flex-wrap:wrap}
}

/* P001-181: switch all theme surfaces together without color interpolation. */
body.theme-instant181,
body.theme-instant181::before,
body.theme-instant181::after,
body.theme-instant181 *,
body.theme-instant181 *::before,
body.theme-instant181 *::after,
body.theme-instant181 *::backdrop{transition:none!important}

/* P182: local resource library. Shared homepage card skin, fixed regular grid. */
.account-user182{gap:13px;padding:7px 6px 18px;margin-bottom:8px;align-items:center}
.account-user182>.avatar{--avatar-size:44px;width:44px;height:44px;flex:0 0 44px}
.account-user182>div{display:flex;flex-direction:column;gap:6px;min-width:0}
.account-user182 strong{font-size:16px;font-weight:600;line-height:24px;color:var(--p118-ink)}
.account-user182 small{margin:0;line-height:20px;display:flex;align-items:center}
.account-user182 .account-tier-badge155{position:relative;isolation:isolate;inset:auto;align-self:flex-start;max-width:none;flex:none;white-space:nowrap;line-height:18px;gap:4px;padding:3px 7px}
.account-status182{font-size:12px;line-height:20px;color:var(--p118-muted);white-space:nowrap}
.account-user182 .is-expired182{color:#9a6036;background:#fff3e6;border-radius:5px;padding:2px 7px}
.account-main>.workspace-tabs a.active,.account-sidebar nav a.active{background:#eaf5ff;color:#0878b5;box-shadow:inset 0 0 0 1px #bedff3}
.resource-library182{--resource-blue182:#0878b5;--resource-tint182:#eaf5ff;--resource-border182:#bedff3;--resource-muted182:#657287;min-width:0}
.resource-library182 .account-heading{margin-bottom:24px}
.learning-welcome182{padding:20px 24px;margin-bottom:28px;background:linear-gradient(110deg,#edf5ff,#f8fbff);border:1px solid #dce9f7;border-radius:14px;box-shadow:none}
.learning-welcome182 h2{margin:0 0 5px;font-size:20px;line-height:30px;color:#244868;letter-spacing:0}
.learning-welcome182 p{font-size:13px;line-height:22px;color:#5e768e}
.learning-welcome182>span{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:13px;background:#deedfd;color:#478ac1;flex:none}
.learning-welcome182>span>.icon{--icon-size:24px}
.library-title182{margin-bottom:18px;gap:20px}
.library-title182 h2{font-size:23px;line-height:32px;letter-spacing:0;white-space:nowrap}
.resource-search182{display:flex;align-items:center;gap:10px;width:min(410px,100%);min-width:0;padding:5px 6px 5px 13px;border:1px solid var(--p118-line);background:var(--p118-surface);border-radius:10px}
.resource-search182:focus-within{border-color:var(--resource-border182);box-shadow:0 0 0 3px #3a96d812}
.resource-search182>.icon{--icon-size:16px;color:var(--resource-muted182)}
.resource-search182 input{min-height:32px;min-width:0;flex:1;padding:3px 0;border:0;border-radius:0;outline:none;background:transparent;font-size:14px;line-height:24px;color:var(--p118-ink)}
.resource-search182 input::placeholder{color:var(--resource-muted182)}
.resource-search182 input::-webkit-search-cancel-button{display:none}
.resource-search182 button{flex:none;border:0;font-size:13px;line-height:22px;border-radius:7px}
.search-submit182{padding:5px 14px;background:var(--resource-tint182);color:var(--resource-blue182);font-weight:600;min-height:34px}
.search-clear182{display:flex;align-items:center;justify-content:center;width:28px;height:30px;background:transparent;color:var(--resource-muted182)}
.search-clear182 .icon{--icon-size:12px}
.library-filters182{padding-bottom:14px;margin-bottom:22px;gap:16px;flex-wrap:wrap;align-items:center}
.library-filters182 .content-tabs{margin:0;padding:0;gap:6px;flex-wrap:wrap}
.library-filters182 .content-tabs button{font-size:14px;line-height:22px;min-height:38px;padding:8px 14px;font-weight:500;white-space:nowrap}
.library-filters182 .content-tabs button.active{color:var(--resource-blue182);background:var(--resource-tint182);border-color:var(--resource-border182);font-weight:600}
.resource-kind182{margin:0;flex:none}
.resource-kind182 .choice-select{margin:0;min-width:140px}
.resource-kind182 .choice-trigger{min-height:40px;font-size:14px;font-weight:500;border-color:var(--p118-line);background:var(--p118-surface);color:var(--p118-ink);border-radius:9px}
.resource-library182 .choice-trigger:focus-visible{outline-color:var(--resource-blue182)}
.library-notice182{display:flex;align-items:center;gap:12px;padding:14px 16px;margin:0 0 22px;border:1px solid #efd4b9;border-radius:11px;background:#fff8ef;color:#8c552c}
.library-notice182>.icon{--icon-size:18px;align-self:flex-start;margin-top:3px}
.library-notice182>div{flex:1;min-width:0}
.library-notice182 strong{font-size:14px;font-weight:600;line-height:22px}
.library-notice182 p{font-size:13px;line-height:22px;color:#8a684c;margin-top:2px}
.library-notice182 .btn{border-color:#dfbc93;background:#fffdfa;color:#8c552c;font-weight:600;flex:none}
.library-caption182{font-size:13px;line-height:22px;color:var(--resource-muted182);margin:-6px 0 18px}
.resource-cards182 .library-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;align-items:stretch;grid-auto-rows:auto}
.resource-cards182 .course-card{height:100%;grid-row:auto;overflow:hidden}
.resource-cards182 .course-card-inner{display:flex;flex-direction:column;height:100%}
.resource-cards182 .course-card .cover.native-cover136{aspect-ratio:4/3;height:auto;flex:none}
.resource-cards182 .course-card .cover.native-cover136>.art{width:100%;height:100%;aspect-ratio:auto;object-fit:cover}
.resource-cards182 .course-card .course-info{display:flex;flex-direction:column;flex:1;min-width:0;padding:16px 16px 0}
.resource-cards182 .course-summary138{flex-wrap:wrap;gap:2px 8px;font-size:12px}
.resource-cards182 .course-timing139{gap:5px}
.resource-cards182 .course-card h3{min-height:0;font-size:16px;line-height:26px;margin:8px 0 10px}
.resource-cards182 .course-tools138{margin-top:auto}
.resource-cards182 .course-bottom{margin-top:12px;padding-bottom:11px}
.library-card-access182{display:flex;align-items:center;justify-content:space-between;gap:8px;border-top:1px solid var(--p118-line);padding:10px 0 12px;min-height:46px;font-size:12px;line-height:20px;color:var(--resource-muted182)}
.library-card-access182>span{display:flex;align-items:center;gap:5px;min-width:0}
.library-card-access182 .icon{--icon-size:13px}
.library-card-access182 .resource-action182{min-height:28px;padding:2px 0;border:0;border-radius:5px;background:transparent;box-shadow:none;font-size:13px;line-height:22px;font-weight:600;color:var(--resource-blue182);display:inline-flex;align-items:center;gap:6px;white-space:nowrap}
.library-card-access182 .resource-action182:hover{text-decoration:underline;text-underline-offset:4px}
.favorite-remove182{display:flex;align-items:center;gap:5px;border:0;background:none;color:#aa7838;padding:2px 0;font-size:12px;line-height:24px}
.resource-library182 .is-locked182{color:#9a6036}
.history-toolbar182{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 0 22px}
.download-history182{display:grid;gap:18px}
.download-record182{display:flex;align-items:stretch;gap:22px;min-width:0;padding:12px;border:1px solid var(--p118-line);border-radius:14px;background:var(--p118-surface);box-shadow:0 3px 8px #293c5704}
.download-record-cover182{display:block;flex:0 0 220px;aspect-ratio:16/10;border-radius:9px;overflow:hidden;background:var(--p118-page)}
.download-record-cover182 img{width:100%;height:100%;object-fit:cover}
.download-record-body182{flex:1;min-width:0;display:flex;flex-direction:column;padding:6px 6px 4px 0}
.record-category182{display:flex;flex-wrap:wrap;gap:7px;align-items:center;font-size:12px;line-height:20px;color:var(--resource-muted182)}
.record-category182>span:first-child{color:var(--resource-blue182);background:var(--resource-tint182);padding:1px 7px;border-radius:4px}
.download-record-body182 h2{font-size:18px;font-weight:600;line-height:28px;margin:6px 0 5px;letter-spacing:0;overflow-wrap:anywhere}
.download-record-body182 h2 a:hover{color:var(--resource-blue182)}
.download-record-body182>p{font-size:14px;line-height:23px;color:var(--resource-muted182);margin-bottom:16px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.download-record-footer182{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:auto;flex-wrap:wrap}
.record-meta182{display:flex;gap:7px 14px;flex-wrap:wrap;font-size:12px;line-height:20px;color:var(--resource-muted182)}
.record-meta182>span{display:inline-flex;align-items:center;gap:5px}
.record-meta182 .icon{--icon-size:13px}
.record-download182{font-size:13px;min-height:36px;padding:6px 12px;line-height:22px;border-color:var(--resource-border182);color:var(--resource-blue182);background:var(--resource-tint182);font-weight:600;gap:7px}
.record-download182 .icon{--icon-size:14px}
.dark .resource-library182{--resource-blue182:#8cd4ff;--resource-tint182:#233b4b;--resource-border182:#385e75;--resource-muted182:#b3bece}
.dark .account-main>.workspace-tabs a.active,.dark .account-sidebar nav a.active{color:#8cd4ff;background:#233b4b;box-shadow:inset 0 0 0 1px #385e75}
.dark .account-user182 .is-expired182{color:#edbf8b;background:#3d3025}
.dark .learning-welcome182{background:linear-gradient(110deg,#22364b,#202c3b);border-color:#354c64}
.dark .learning-welcome182 h2{color:#d1e9ff}.dark .learning-welcome182 p{color:#aabed3}.dark .learning-welcome182>span{background:#2c455e;color:#9acdf6}
.dark .library-notice182{background:#342d25;border-color:#68503a;color:#edc99e}.dark .library-notice182 p{color:#d2b99c}.dark .library-notice182 .btn{background:#443528;border-color:#8c6746;color:#f3cca4}
.dark .resource-library182 .is-locked182{color:#edbf8b}.dark .favorite-remove182{color:#dfbd83}
@media(max-width:1100px){.resource-cards182 .library-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.download-record-cover182{flex-basis:190px}.download-record182{gap:16px}.download-record-body182 h2{font-size:17px}}
@media(max-width:680px){.account-user182{padding:0 2px 14px;margin-bottom:4px;gap:12px}.account-user182>.avatar{--avatar-size:42px;width:42px;height:42px;flex-basis:42px}.account-user182 strong{font-size:16px}.resource-library182 .account-heading{gap:14px;margin-bottom:20px}.resource-library182 .account-heading .btn{min-height:38px;font-size:13px;padding:7px 11px}.learning-welcome182{padding:17px 18px;margin-bottom:24px;gap:12px}.learning-welcome182 h2{font-size:18px;line-height:27px}.learning-welcome182 p{max-width:none;line-height:22px;font-size:13px}.learning-welcome182>span{width:40px;height:40px}.learning-welcome182>span>.icon{--icon-size:21px}.library-title182{flex-direction:column;align-items:stretch;gap:14px}.library-title182 h2{font-size:21px;line-height:30px}.resource-search182{width:100%}.library-filters182{flex-wrap:wrap;gap:12px}.library-filters182 .content-tabs{gap:3px;width:100%;justify-content:space-between}.library-filters182 .content-tabs button{font-size:13px;min-height:38px;padding:8px 10px;flex:1}.resource-kind182{margin-left:auto}.resource-cards182 .library-grid{grid-template-columns:minmax(0,1fr);gap:18px}.resource-cards182 .course-summary138{flex-wrap:nowrap}.resource-cards182 .course-card .cover.native-cover136{aspect-ratio:4/3}.history-toolbar182{flex-wrap:wrap;gap:12px}.library-notice182{flex-wrap:wrap;gap:8px 10px;padding:13px 14px}.library-notice182>div{flex-basis:calc(100% - 30px)}.library-notice182 .btn{margin-left:28px}.download-record182{gap:12px;padding:12px;flex-direction:column}.download-record-cover182{flex-basis:auto;aspect-ratio:16/9;max-height:180px}.download-record-body182{padding:0 2px 2px}.download-record-body182 h2{font-size:17px;line-height:26px}.download-record-body182>p{margin-bottom:14px}.download-record-footer182{gap:12px}.record-meta182{gap:6px 12px}.record-download182{margin-left:auto}}
.resource-gate-actions182{display:flex;gap:12px;flex-wrap:wrap;margin-top:20px}

/* P183: one order, one prefilled entitlement-review ticket. */
.legacy-order-list183{display:grid;gap:20px}
.legacy-review-card183{padding:24px}
.legacy-review-card183>.section-head{margin-bottom:20px;align-items:center}
.legacy-review-card183 h2{font-size:20px;line-height:30px;letter-spacing:0}
.legacy-order-facts183{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 28px;margin:0}
.legacy-order-facts183>div{min-width:0;display:flex;align-items:baseline;gap:12px}
.legacy-order-facts183 dt{flex:0 0 84px;font-size:13px;line-height:24px;font-weight:400;color:var(--p118-muted)}
.legacy-order-facts183 dd{flex:1;min-width:0;margin:0;font-size:14px;line-height:24px;font-weight:500;color:var(--p118-ink);overflow-wrap:anywhere;font-variant-numeric:tabular-nums}
.legacy-order-footer183{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:22px;padding-top:18px;border-top:1px solid var(--p118-line)}
.legacy-order-footer183 p{font-size:13px;line-height:22px;color:var(--p118-muted)}
.legacy-order-footer183 .btn{flex:none;font-size:14px;line-height:22px;min-height:40px;padding:8px 15px}
.legacy-order-footer183 .icon{--icon-size:15px}
.legacy-review-card183 .btn.primary,.legacy-review-submit183.btn.primary{background:#0878b5;border-color:#0878b5;color:#fff}
.legacy-review-card183 .btn.primary:hover,.legacy-review-submit183.btn.primary:hover{background:#086ba0;border-color:#086ba0}
.legacy-review-hint183{font-size:14px;line-height:24px;margin:0 0 16px;color:var(--p118-muted)}
.legacy-review-summary183{padding:16px 18px;border:1px solid var(--p118-line);border-radius:10px;background:var(--p118-page);margin-bottom:20px}
.legacy-review-summary183 h3{font-size:16px;font-weight:600;line-height:25px;margin:0 0 14px;letter-spacing:0}
.legacy-review-summary183 .legacy-order-facts183{grid-template-columns:minmax(0,1fr);gap:7px}
.legacy-review-summary183 dt{flex-basis:94px}
.legacy-review-form183>label{display:flex;align-items:baseline;gap:8px;font-size:14px;font-weight:600;line-height:24px;color:var(--p118-ink)}
.legacy-review-form183>label>span{font-size:12px;font-weight:400;color:var(--p118-muted)}
.legacy-review-form183>textarea{display:block;margin:8px 0 0;font-size:14px;line-height:24px;min-height:108px;padding:10px 12px;border-color:var(--p118-line);background:var(--p118-surface);color:var(--p118-ink)}
.legacy-review-local183{font-size:12px;line-height:20px;color:var(--p118-muted);margin-top:10px}
.legacy-ticket-context183{padding:24px;border-bottom:1px solid var(--p118-line);background:var(--p118-page)}
.legacy-ticket-context183>.section-head{align-items:center;margin-bottom:18px;gap:14px}
.legacy-ticket-context183 h3{font-size:16px;font-weight:600;line-height:26px;margin-top:5px}
.legacy-ticket-context183 .eyebrow{font-size:12px;line-height:20px;letter-spacing:0}
.legacy-ticket-context183 .text-link{font-size:13px;flex:none;color:#0878b5}
.dark .legacy-review-card183 .btn.primary,.dark .legacy-review-submit183.btn.primary{background:#80c5f0;border-color:#80c5f0;color:#102b3b}
.dark .legacy-review-card183 .btn.primary:hover,.dark .legacy-review-submit183.btn.primary:hover{background:#a2d8fa;border-color:#a2d8fa}
.dark .legacy-ticket-context183 .text-link{color:#8cd4ff}
@media(max-width:1000px){.legacy-order-facts183{grid-template-columns:minmax(0,1fr);gap:10px}.legacy-order-facts183 dt{flex-basis:94px}}
@media(max-width:680px){.legacy-review-card183{padding:18px}.legacy-review-card183>.section-head{gap:12px;margin-bottom:16px}.legacy-review-card183 h2{font-size:18px;line-height:28px}.legacy-order-facts183{gap:8px}.legacy-order-facts183 dt{flex-basis:84px;font-size:13px}.legacy-order-facts183 dd{font-size:14px}.legacy-order-footer183{flex-wrap:wrap;gap:14px;margin-top:18px;padding-top:16px}.legacy-order-footer183 .btn{margin-left:auto}.legacy-review-summary183{padding:14px;margin-bottom:16px}.legacy-review-summary183 dt{flex-basis:84px}.legacy-review-form183>textarea{min-height:108px}.legacy-ticket-context183{padding:18px}.legacy-ticket-context183>.section-head{flex-wrap:wrap;gap:10px}.legacy-ticket-context183 .text-link{font-size:13px}}
.member-plans186{margin:22px 0 24px;min-width:0}
.member-plans-viewport186{overflow:hidden;touch-action:pan-y;overscroll-behavior-x:contain;border-radius:16px;padding:4px 0 12px;outline-offset:4px}
.member-plans-viewport186.can-scroll186{cursor:grab}
.member-plans-viewport186.dragging186,.member-plans-viewport186.dragging186 *{cursor:grabbing!important;user-select:none}
.member-plans-viewport186:focus-visible{outline:2px solid #0878b5}
.member-plans-track186{display:flex;gap:18px;align-items:stretch;will-change:transform}
/* P187: a shared membership pass design, without a preferred annual tier. */
.member-plans-track186>.plan{flex:0 0 var(--plan-width186,calc((100% - 36px)/3));min-width:0;margin:0;padding:0;display:flex;flex-direction:column;overflow:hidden;border:1px solid #ddd5c7;border-radius:18px;background:#fffdf8;box-shadow:0 5px 12px #49371608}
.plan-pass187{position:relative;overflow:hidden;isolation:isolate;padding:22px 24px 24px;background:linear-gradient(128deg,#343331,#23262b 78%);color:#f8ecd2;border-bottom:1px solid #dac292}
.plan-pass187::before{content:"";position:absolute;z-index:-1;width:205px;height:205px;right:-111px;top:-35px;border:1px solid #dfc18c30;border-radius:50%;box-shadow:0 0 0 22px #e9ca8a06,0 0 0 45px #e9ca8a04;pointer-events:none}
.plan-pass187::after{content:"";position:absolute;inset:0 18px auto;height:2px;background:linear-gradient(90deg,transparent,#f6deb0b3,transparent);pointer-events:none}
.plan-brand187{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:30px;margin-bottom:14px;color:#c9b993}
.plan-brand187>span:first-child{font-size:10px;font-weight:500;line-height:16px;letter-spacing:1.25px}
.plan-gem187{display:grid;place-items:center;flex:none;width:30px;height:30px;border:1px solid #d5b98661;border-radius:9px;background:#edcd8c0c;color:#efd499}
.plan-gem187 .icon{width:19px;height:19px;flex:none}
.member-plans-track186>.plan h3{font-size:21px;line-height:30px;font-weight:650;letter-spacing:.02em;margin:0 0 20px;color:#fcf3df;overflow-wrap:anywhere}
.plan-price187{display:flex;align-items:flex-end;justify-content:space-between;gap:10px;flex-wrap:wrap}
.plan-amount187{display:inline-flex;align-items:baseline;gap:4px;line-height:1;white-space:nowrap;color:#f5dcab}
.plan-currency187{font-size:20px;font-weight:500;line-height:28px}
.plan-amount187 strong{font-size:44px;font-weight:650;line-height:48px;letter-spacing:-1.5px;font-variant-numeric:tabular-nums}
.plan-duration187{display:inline-flex;align-items:center;min-height:28px;margin-bottom:3px;padding:3px 10px;border:1px solid #cbb3814d;border-radius:7px;background:#e8d6ac0b;color:#e0cfad;font-size:12px;line-height:20px;white-space:nowrap}
.plan-body187{display:flex;flex:1;flex-direction:column;padding:21px 24px 24px}
.plan-body187 h4{margin:0 0 13px;font-size:12px;line-height:20px;font-weight:600;letter-spacing:.06em;color:#8b795c}
.plan-benefits187{display:grid;gap:10px;margin:0 0 23px;padding:0;list-style:none;color:#536071;font-size:14px;line-height:22px}
.plan-benefits187 li{display:flex;align-items:flex-start;gap:9px}
.plan-benefits187 .icon{flex:none;width:13px;height:13px;margin-top:4px;color:#a47c3e}
.member-plans-track186>.plan .plan-open187{display:flex;align-items:center;justify-content:center;gap:10px;align-self:stretch;width:100%;margin-top:auto;min-height:45px;padding:10px 16px;border:1px solid #d5b678;border-radius:10px;background:linear-gradient(110deg,#f5e5c2,#e8cd96);box-shadow:inset 0 1px 0 #ffffff70;color:#493619;font-size:14px;font-weight:650;line-height:22px;white-space:normal}
.member-plans-track186>.plan .plan-open187:hover{background:linear-gradient(110deg,#f6e2b6,#e5c482);border-color:#c29a57;color:#38280f}
.plan-open187 .icon{flex:none;width:14px;height:14px}
.plan-open187:focus-visible{outline:2px solid #a6752d;outline-offset:3px}
.dark .member-plans-track186>.plan{border-color:#5a5243;background:#262a32;box-shadow:0 5px 12px #00000018}
.dark .plan-pass187{background:linear-gradient(128deg,#302f2c,#1c2026 78%);border-bottom-color:#5a503d}
.dark .plan-body187 h4{color:#c7b899}
.dark .plan-benefits187{color:#d3d8e1}
.dark .plan-benefits187 .icon{color:#d8b578}
.dark .member-plans-track186>.plan .plan-open187{background:linear-gradient(110deg,#ead4a6,#d8b77d);border-color:#d7b77e;box-shadow:inset 0 1px 0 #fff2d638;color:#33260f}
.dark .member-plans-track186>.plan .plan-open187:hover{background:linear-gradient(110deg,#f6dfaf,#e5c58a);border-color:#efcd8e}
.member-plans-viewport186:not(.can-scroll186) .plan{flex-basis:min(100%,360px)}
@media(max-width:680px){.member-plans186{margin:18px 0}.plan-pass187{padding:20px 22px 22px}.plan-body187{padding:20px 22px 22px}.member-plans-track186>.plan h3{font-size:20px;margin-bottom:18px}.plan-amount187 strong{font-size:42px;line-height:46px}}

/* P188: reuse home-page gold dust and the existing course-card member seal. */
.membership-banner.membership-banner188,body.dark .membership-banner.membership-banner188{background:linear-gradient(116deg,transparent 24%,#f4deb909 40%,#f4deb918 48%,#f4deb906 56%,transparent 66%),linear-gradient(151deg,#353530 0%,#202225 32%,#111418 67%,#24241f 100%);border-color:#8c7047}
.membership-banner188::after{content:none}
.membership-banner188>.member-art121{position:absolute;inset:0;z-index:0;pointer-events:none}
.membership-banner188>.membership-content188,.membership-banner188>.btn{position:relative;z-index:1}
.membership-banner188 .membership-badge188{position:relative;inset:auto;isolation:isolate;max-width:100%;min-height:27px;padding:5px 8px;gap:5px;border-radius:6px;font-size:11px;font-weight:600;line-height:16px;box-shadow:0 3px 8px #33200624;vertical-align:top;white-space:normal}
.membership-banner188 .membership-badge188>.legacy-icon174{--icon-size:14px;flex:none;color:inherit}
.membership-banner188 .membership-badge188>span{overflow-wrap:anywhere}

/* P191: wallet actions and one explicit coupon application pattern. */
.btn.action-red191,body.dark .btn.action-red191,#dialog .dialog-footer .btn.action-red191,.dark #dialog .dialog-footer .btn.action-red191{background:#c93d4d;border-color:#c93d4d;color:#fff;font-weight:600}
.btn.action-red191:hover,body.dark .btn.action-red191:hover,#dialog .dialog-footer .btn.action-red191:hover,.dark #dialog .dialog-footer .btn.action-red191:hover{background:#b83141;border-color:#b83141;color:#fff}
.wallet-banner191{display:flex;flex-direction:column;align-items:flex-start;gap:16px;padding:28px;border:1px solid var(--line);border-radius:16px;background:var(--surface)}
.wallet-banner191>span{color:var(--muted);font-size:13px}
.wallet-banner191>strong{margin:0;font-size:42px;line-height:1.2;font-variant-numeric:tabular-nums;letter-spacing:-.04em}
.wallet-banner191>strong small{margin-left:8px;font-size:13px;font-weight:400;color:var(--muted);letter-spacing:0}
.wallet-banner191>.btn{margin:2px 0 0;min-height:42px}
.coupon-control191{min-width:0;font-size:13px;--coupon-red191:#bc3546;--coupon-soft191:#fff1f2;--coupon-border191:#efc2c8}
.dark .coupon-control191{--coupon-red191:#ff9ba7;--coupon-soft191:#3c282f;--coupon-border191:#71414b}
.coupon-heading191{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap;margin-bottom:10px}
.coupon-heading191 label{font-size:14px;font-weight:600;color:var(--text);line-height:1.6;margin:0}
.coupon-heading191 small{font-size:11px;color:var(--muted);font-weight:400;margin-left:5px}
.coupon-picker191{padding:0;min-height:28px;font-size:12px;border:0;background:none;color:var(--coupon-red191);font-weight:500}
.coupon-picker191:hover{text-decoration:underline;text-underline-offset:3px}
.coupon-entry191{display:flex;align-items:stretch;gap:8px;min-width:0}
.coupon-entry191>input{min-width:0;flex:1;width:0;height:42px;min-height:42px;margin:0;font-size:13px;background:var(--surface)}
.coupon-entry191>input[aria-invalid=true]{border-color:var(--coupon-red191)}
.coupon-entry191>.btn{flex:0 0 auto;min-height:42px;padding:8px 17px;border:1px solid var(--coupon-border191);background:var(--coupon-soft191);color:var(--coupon-red191);font-weight:600;font-size:13px}
.coupon-entry191>.btn:hover{border-color:var(--coupon-red191);background:var(--coupon-soft191);color:var(--coupon-red191)}
.coupon-control191 .coupon-feedback191{margin:9px 0 0;font-size:12px;line-height:1.7;color:var(--muted);overflow-wrap:anywhere}
.coupon-control191 .coupon-feedback191.is-error,.coupon-control191 .coupon-reason191{color:var(--coupon-red191)}
.coupon-control191 .coupon-feedback191.is-success,.coupon-available191{color:var(--green)}
.coupon-options191{margin-top:14px;padding:12px;border:1px solid var(--line);border-radius:10px;background:var(--soft);max-height:330px;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin}
.coupon-options191[hidden]{display:none}
.coupon-options-title191{display:flex;flex-direction:column;gap:3px;margin-bottom:10px}
.coupon-options-title191 strong{font-size:13px}.coupon-options-title191 span{font-size:11px;color:var(--muted)}
.coupon-option191{padding:12px;border:1px solid var(--line);background:var(--surface);border-radius:9px;min-width:0}
.coupon-option191+.coupon-option191{margin-top:9px}
.coupon-option-head191{display:flex;align-items:baseline;justify-content:space-between;gap:8px}.coupon-option-head191 strong{font-size:13px}.coupon-option-head191 span{white-space:nowrap;color:var(--coupon-red191);font-size:14px;font-weight:650}
.coupon-control191 .coupon-option191>p{font-size:12px;line-height:1.7;margin:6px 0 3px}
.coupon-option191>small{display:block;font-size:10px;color:var(--muted);overflow-wrap:anywhere}
.coupon-option-bottom191{display:flex;align-items:center;gap:10px;margin-top:10px}.coupon-option-bottom191>p{flex:1;min-width:0;font-size:11px;line-height:1.65}.coupon-option-bottom191>.btn{flex:none;font-size:11px;min-height:32px;padding:4px 10px}
.coupon-option-bottom191>.btn:enabled{border-color:var(--coupon-border191);color:var(--coupon-red191);background:var(--coupon-soft191)}
.coupon-option191.is-unavailable{background:var(--surface)}.coupon-option191 button:disabled{opacity:.65}
.purchase-coupon163>.coupon-control191{display:block}.purchase-coupon163>.coupon-control191 .coupon-heading191{display:block}.purchase-coupon163 .coupon-picker191{display:block;margin-top:5px}
.purchase-panel163 .purchase-coupon163 .coupon-entry191>input{height:42px;min-height:42px}
.purchase-coupon163 .coupon-options191{padding:8px}.purchase-coupon163 .coupon-option191{padding:9px}.purchase-coupon163 .coupon-option-head191{flex-wrap:wrap}
.cart-coupon185>.coupon-control191{max-width:none}.cart-coupon185>.coupon-control191 .coupon-heading191 label{margin:0}
.coupon-totals191{padding:16px 18px;border-radius:10px;background:var(--soft);border:1px solid var(--line);font-size:13px}
.coupon-totals191>div{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.coupon-totals191>div+div{margin-top:10px}
.coupon-totals191 span{color:var(--muted)}.coupon-totals191 strong{font-variant-numeric:tabular-nums;font-weight:600}
.coupon-totals191 .coupon-total191{padding-top:12px;border-top:1px solid var(--line);margin-top:12px}.coupon-total191 strong{font-size:22px;color:#c93d4d}.dark .coupon-total191 strong{color:#ff9ba7}
.recharge-form191{gap:22px}.recharge-plans191{min-width:0;border:0;margin:0;padding:0}.recharge-plans191 legend{font-size:14px;font-weight:600;margin-bottom:12px;padding:0}
.recharge-plans191 .plan-choices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.recharge-plans191 .plan-choices>label{position:relative;display:block;padding:0;min-width:0;border:0;background:none;cursor:pointer;margin:0}
.recharge-plans191 input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer}
.recharge-choice191{display:flex;flex-direction:column;gap:6px;padding:19px 12px;min-height:106px;border:1px solid var(--line);border-radius:11px;background:var(--surface);position:relative;pointer-events:none}
.recharge-choice191>strong{font-size:27px;font-weight:650;line-height:1.3;font-variant-numeric:tabular-nums}.recharge-choice191>strong small{font-size:15px;margin-right:3px;color:inherit}
.recharge-choice191>span{font-size:11px;color:var(--muted)}.recharge-choice191>.icon{position:absolute;right:8px;top:8px;--icon-size:12px;color:#c93d4d;opacity:0}
.recharge-plans191 input:checked+.recharge-choice191{background:#fff3f4;border-color:#c93d4d;box-shadow:inset 0 0 0 1px #c93d4d;color:#ad2939}
.recharge-plans191 input:checked+.recharge-choice191>.icon{opacity:1}.recharge-plans191 input:focus-visible+.recharge-choice191{outline:3px solid #dc91a0;outline-offset:3px}
.dark .recharge-plans191 input:checked+.recharge-choice191{background:#3c282f;color:#ffb2bd;border-color:#df7a88;box-shadow:inset 0 0 0 1px #df7a88}.dark .recharge-choice191>.icon{color:#ffb2bd}
.recharge-note191{font-size:12px;line-height:1.75;color:var(--muted)}
@media(max-width:680px){.wallet-banner191{padding:22px}.wallet-banner191>strong{font-size:37px}.recharge-plans191 .plan-choices{gap:8px}.recharge-choice191{padding:19px 9px;min-height:100px}.recharge-choice191>strong{font-size:24px}.recharge-choice191>span{font-size:10px}.coupon-options191{max-height:300px}.coupon-heading191{gap:3px}.coupon-option-bottom191{align-items:flex-start}}


.recharge-choice191{height:100%}.recharge-choice191>span b{font-weight:400;white-space:nowrap}.recharge-form191>label{margin:0}
@media(max-width:680px){.recharge-choice191>span b{display:block}.recharge-choice191>span{line-height:1.6}.recharge-choice191{min-height:116px}}
/* P192: compact sidebar coupon and a separate, focus-contained selector. */
.purchase-coupon163 .coupon-sidebar192 .coupon-entry191{gap:6px}
.purchase-panel163 .purchase-coupon163 .coupon-sidebar192 .coupon-entry191>input{height:38px;min-height:38px;font-size:13px}
.purchase-panel163 .purchase-coupon163 .coupon-sidebar192 .coupon-entry191>.btn{height:38px;min-height:38px;padding:0 13px;border-color:#3968ed;border-radius:6px;background:#3968ed;color:#fff;font-size:13px}
.purchase-panel163 .purchase-coupon163 .coupon-sidebar192 .coupon-entry191>.btn:hover{background:#2a55d4}
.purchase-coupon163 .coupon-sidebar192 .coupon-feedback191{margin:8px 0 0;font-size:12px;line-height:1.7}
.purchase-coupon163 .coupon-sidebar192 .coupon-picker191{margin:7px 0 0;color:#3263e7;font-size:12px;min-height:26px}
.dark .purchase-coupon163 .coupon-sidebar192 .coupon-picker191{color:#a8bbff}
#coupon-dialog192{width:min(540px,calc(100vw - 32px));max-height:min(760px,calc(100dvh - 40px));padding:0;border:1px solid var(--line);border-radius:16px;background:var(--surface);color:var(--text);box-shadow:0 24px 80px #12132240;overflow:hidden;--coupon-red191:#bc3546;--coupon-soft191:#fff1f2;--coupon-border191:#efc2c8}
#coupon-dialog192[open]{display:flex;flex-direction:column}
#coupon-dialog192::backdrop{background:#16162588;backdrop-filter:blur(4px)}
.dark #coupon-dialog192{--coupon-red191:#ff9ba7;--coupon-soft191:#3c282f;--coupon-border191:#71414b}
#coupon-dialog192 .dialog-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px 22px;flex:none}
#coupon-dialog192 .dialog-header h2{margin:0;font-size:18px;font-weight:650;line-height:1.5}
#coupon-dialog192 .dialog-header .icon-btn{width:32px;height:32px;min-width:32px;flex:none}
.coupon-dialog-body192{padding:18px 22px 22px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;min-height:0}
.coupon-selection-note192{margin:0 0 14px;font-size:12px;line-height:1.7;color:var(--muted)}
#coupon-dialog192 .coupon-option191>p{font-size:13px;line-height:1.7;margin:7px 0 4px}
#coupon-dialog192 .coupon-option191>small{font-size:11px}
#coupon-dialog192 .coupon-option-head191 strong{font-size:14px}
#coupon-dialog192 .coupon-option-bottom191>p{margin:0;font-size:12px}
#coupon-dialog192 .coupon-reason191,.coupon-dialog-error192{color:var(--coupon-red191)}
.coupon-dialog-error192:empty{display:none}
.cards192,.events192,.coupon-dialog192{--card-accent192:#2164d7;--card-tint192:#edf4ff;--card-warm192:#a66b24;--card-warm-tint192:#fcf5e9}
.dark .cards192,.dark .events192,.dark .coupon-dialog192{--card-accent192:#95bdff;--card-tint192:#28384e;--card-warm192:#ecc182;--card-warm-tint192:#382f26}
.card-filter192{display:flex;align-items:flex-end;gap:16px;padding:0;margin:0 0 22px;border:0;background:none}
.card-filter192>label{width:180px;font-size:13px;font-weight:500;line-height:1.5;color:var(--muted)}
.card-filter192 .choice-trigger{background:var(--surface);border-radius:10px;color:var(--text)}
.card-count192{margin:0 0 12px auto;color:var(--muted);font-size:12px;white-space:nowrap}
.voucher-grid192{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.voucher192{min-width:0;border:1px solid var(--line);border-radius:14px;background:var(--surface);overflow:hidden;display:flex;flex-direction:column}
.voucher192>header{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:17px 20px 0}
.voucher192>header>span:first-child{display:flex;align-items:center;gap:7px;font-size:12px;color:var(--muted)}
.voucher192>header .icon{--icon-size:14px;color:var(--card-accent192)}
.voucher192 .tag{font-size:11px;white-space:nowrap;border-radius:6px}
.voucher-main192{padding:16px 20px 18px;flex:1}
.voucher-main192 h2{font-size:18px;line-height:1.5;margin:0 0 10px;font-weight:650}
.voucher-main192>strong{display:flex;align-items:baseline;gap:6px;font-size:32px;line-height:1.2;font-weight:650;color:var(--card-accent192);font-variant-numeric:tabular-nums}
.voucher-main192>strong>small{font-size:12px;font-weight:400}
.voucher-main192>p{margin:12px 0 0;font-size:13px;line-height:1.7;color:var(--muted)}
.voucher192>footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 20px;border-top:1px dashed var(--line);background:var(--soft)}
.voucher192>footer>div{min-width:0;display:flex;flex-direction:column;gap:5px;font-size:11px;color:var(--muted)}
.voucher192 code{font-size:11px;font-family:inherit;letter-spacing:.3px;overflow-wrap:anywhere}
.voucher192>footer>.btn{flex:none;border-radius:8px;min-height:34px;padding:5px 12px;font-size:12px;line-height:1.5}
.voucher192.is-ready>footer>.btn{color:var(--card-accent192);background:var(--card-tint192);border-color:transparent}
.voucher192.is-held .voucher-main192>strong{color:var(--card-warm192)}
.voucher192.is-inactive .voucher-main192>strong,.voucher192.is-inactive>header .icon{color:var(--muted)}
.event-panel192{padding:0;overflow:hidden}
.event-heading192{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:27px 28px;background:linear-gradient(115deg,var(--card-warm-tint192),var(--surface));border-bottom:1px solid var(--line)}
.event-kicker192{display:block;font-size:12px;letter-spacing:1px;color:var(--card-warm192);margin-bottom:9px}
.event-heading192 h2{font-size:26px;line-height:1.4;font-weight:700;margin:0 0 12px}
.event-heading192 p{display:flex;align-items:center;gap:7px;flex-wrap:wrap;font-size:12px;color:var(--muted);margin:0;line-height:1.7}
.event-heading192 p .icon{--icon-size:13px}
.event-heading192 p>span{padding:0 7px;border:1px solid var(--line);border-radius:4px;font-size:10px}
.event-symbol192{display:grid;place-items:center;width:64px;height:64px;flex:none;border-radius:18px;color:var(--card-warm192);background:var(--card-warm-tint192)}
.event-symbol192 .icon{--icon-size:30px}
.event-content192{padding:24px 28px 8px}
.prizes192{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.prizes192>article{border:1px solid var(--line);border-radius:12px;padding:20px 16px;display:flex;flex-direction:column;align-items:center;min-width:0;background:var(--soft);text-align:center}
.prize-icon192{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;background:var(--card-warm-tint192);color:var(--card-warm192);margin-bottom:12px}
.prize-icon192 .icon{--icon-size:19px}
.prizes192 h3{margin:0 0 7px;font-size:14px;font-weight:600;line-height:1.6}
.prizes192 strong{font-size:24px;line-height:1.5;font-weight:650;color:var(--card-warm192)}
.prizes192 small{font-size:12px;font-weight:400;margin-left:5px}
.prizes192>article:last-child strong{font-size:17px;line-height:36px;color:var(--muted);font-weight:500}
.prize-chance192{margin-top:7px;color:var(--muted);font-size:11px}
.event-participate192{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:24px;padding:0 0 24px}
.event-participate192 dl{display:flex;gap:30px;margin:0;flex:1}
.event-participate192 dt{font-size:12px;color:var(--muted);margin-bottom:6px}
.event-participate192 dd{font-size:24px;font-weight:650;line-height:1.5;margin:0}
.event-participate192 dd small{font-size:12px;font-weight:400;margin-left:6px;color:var(--muted)}
.event-participate192 dd.event-source192{font-size:15px;line-height:36px;font-weight:500}
.event-participate192 .btn{flex:none;min-height:42px;font-size:13px}
.event-participate192 .btn:disabled{opacity:.65;cursor:default}
.event-rules192{margin:0;border-top:1px solid var(--line);border-bottom:0}
.event-rules192 summary{font-size:13px;font-weight:500;min-height:52px}
.event-rules192 ul{padding-left:20px;margin:0 0 18px;color:var(--muted);font-size:13px;line-height:1.9}
.event-result192{margin:-4px 0 20px;font-size:12px;color:var(--muted)}
.events192 .content-tabs{margin:24px 0 20px}
.events192 .content-tabs>a{font-size:14px;font-weight:600}
.events192 .content-tabs>a.active{background:#eaf5ff;color:#0878b5;border-color:#bedff3}
.dark .events192 .content-tabs>a.active{color:#8cd4ff;background:#233b4b;border-color:#385e75}
.event-record192{padding:24px 28px}
.event-record192>h2{font-size:18px;font-weight:650;margin:0 0 20px}
.event-empty192,.event-record-row192{display:flex;align-items:center;gap:14px;margin-bottom:22px}
.event-empty192>.icon,.event-record-icon192{--icon-size:22px;color:var(--card-accent192);flex:none}
.event-record-icon192{display:grid;place-items:center;width:44px;height:44px;border-radius:12px;background:var(--card-tint192)}
.event-empty192>p,.event-record-row192 p{font-size:13px;margin:0;line-height:1.8;color:var(--muted)}
.event-empty192>p>span{display:block;font-size:12px;margin-top:3px}
.event-record-row192 h3{font-size:14px;margin:0 0 4px;font-weight:600;line-height:1.6}
.event-record-row192>.tag{margin-left:auto;white-space:nowrap}
.event-record192>.text-link{font-size:13px;color:var(--card-accent192)}
@media(max-width:620px){
 #coupon-dialog192{width:calc(100vw - 24px);max-height:calc(100dvh - 24px);border-radius:14px}
 #coupon-dialog192 .dialog-header{padding:15px 16px}
 #coupon-dialog192 .dialog-header h2{font-size:17px}
 .coupon-dialog-body192{padding:16px}
 .card-filter192{gap:12px;flex-wrap:wrap;margin-bottom:16px}
 .card-filter192>label{width:auto;min-width:0;flex:1}
 .card-count192{flex-basis:100%;margin:0;font-size:11px}
 .voucher-grid192{grid-template-columns:1fr;gap:14px}
 .voucher192>header{padding:16px 17px 0}.voucher-main192{padding:14px 17px 18px}.voucher192>footer{padding:13px 17px}
 .voucher-main192 h2{font-size:17px}.voucher-main192>strong{font-size:30px}
 .event-heading192{padding:22px 18px;gap:12px}
 .event-heading192 h2{font-size:23px}
 .event-symbol192{width:44px;height:44px;border-radius:12px}.event-symbol192 .icon{--icon-size:23px}
 .event-heading192 p{font-size:11px}.event-content192{padding:18px 16px 4px}
 .prizes192{gap:8px}.prizes192>article{padding:15px 5px}.prizes192 h3{font-size:12px}.prizes192 strong{font-size:21px}.prizes192 small{display:block;margin:0;font-size:11px;line-height:1.7}
 .prizes192>article:last-child strong{font-size:13px;line-height:50px}.prize-chance192{font-size:10px}.prize-icon192{width:32px;height:32px;margin-bottom:9px}
 .event-participate192{flex-wrap:wrap;gap:18px;margin-top:20px;padding-bottom:20px}
 .event-participate192 dl{gap:16px;justify-content:space-between;flex-basis:100%}
 .event-participate192>.btn{width:100%}.event-participate192 dd{font-size:22px}
 .event-record192{padding:20px 18px}.event-record192>h2{font-size:17px}.event-record-row192{flex-wrap:wrap;gap:10px}
 .event-record-row192>.tag{margin-left:54px}.event-rules192 ul{font-size:12px}
}

/* P193: shared voucher sizing and compact support toolbars. */
.voucher192{color:var(--p118-ink)}
.voucher-picker-list193{display:grid;grid-template-columns:minmax(0,1fr);gap:18px}
.voucher-main192>.voucher-note193{margin-top:10px;font-size:12px;line-height:1.7;overflow-wrap:anywhere}
.voucher-main192>.voucher-note193.is-error{color:var(--coupon-red191)}
.voucher-main192>.voucher-note193.is-available{color:var(--green)}
.voucher192>footer>.btn:disabled{color:var(--muted);background:var(--surface);border-color:var(--line);opacity:1;cursor:not-allowed}
.support-toolbar193{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:0 0 24px;padding-bottom:14px;border-bottom:1px solid var(--line)}
.support-toolbar193>.content-tabs{display:flex;align-items:center;gap:8px;margin:0;padding:0;border:0;min-width:0}
.support-toolbar193>.content-tabs>a{font-size:14px;line-height:1.5;font-weight:500;white-space:nowrap}
.support-toolbar193>.content-tabs>a.active{background:#eaf5ff;color:#0878b5;border-color:#bedff3;font-weight:600}
.dark .support-toolbar193>.content-tabs>a.active{background:#233b4b;color:#8cd4ff;border-color:#385e75}
.support-toolbar193>.btn{flex:none;min-height:38px;border-radius:9px;font-size:13px;gap:7px}
@media(max-width:620px){
 .voucher-picker-list193{gap:14px}
 .support-toolbar193{flex-wrap:wrap;gap:12px;margin-bottom:20px}
 .support-toolbar193>.content-tabs{flex-wrap:wrap;gap:5px}
 .support-toolbar193>.content-tabs>a{font-size:13px;padding:8px 10px}
 .support-toolbar193>.btn{margin-left:auto;font-size:12px;min-height:36px}
}

/* P194: account form rhythm and aligned actions, isolated to account settings. */
.account-settings194{--settings-blue194:#166fc7;--settings-blue-hover194:#105eac;--settings-focus194:#80b7ed;--settings-danger194:#b84654}
.dark .account-settings194{--settings-blue194:#8bc8f1;--settings-blue-hover194:#b2dcf7;--settings-focus194:#69b6e9;--settings-danger194:#f1a1ab}
.account-settings194 .panel{margin:0;border-radius:14px}
.profile-panel194{padding:0;overflow:hidden}
.profile-form194{margin:0}
.profile-fields194{padding:28px;display:flex;flex-direction:column;gap:25px}
.account-settings194 .profile-avatar{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:0 0 25px;margin:0;border-bottom:1px solid var(--line)}
.profile-person194{display:flex;align-items:center;gap:15px;min-width:0}
.profile-person194>.avatar176{--avatar-size:56px;flex:none}
.profile-person194>div{min-width:0;display:flex;flex-direction:column;gap:5px}
.profile-person194 strong{font-size:17px;line-height:1.5;font-weight:600;overflow-wrap:anywhere}
.profile-person194>div>span{font-size:12px;color:var(--muted);line-height:1.5}
.profile-grid194{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;align-items:start}
.profile-field194{min-width:0}
.profile-field194>label{display:flex;align-items:baseline;gap:7px;font-size:14px;font-weight:600;line-height:22px;margin:0 0 9px;color:var(--p118-ink)}
.profile-field194>label>small{font-size:12px;font-weight:400;color:var(--muted)}
.profile-field194>input,.profile-field194>textarea{display:block;width:100%;max-width:100%;margin:0;border:1px solid var(--line);border-radius:9px;background:var(--surface);color:var(--p118-ink);font-size:14px;line-height:1.6;padding:10px 13px;box-shadow:none}
.profile-field194>input{height:44px;min-height:44px}
.profile-field194>textarea{min-height:132px;resize:vertical;padding-top:12px}
.profile-field194>input::placeholder,.profile-field194>textarea::placeholder{color:var(--muted);opacity:.8}
.profile-field194>input:focus,.profile-field194>textarea:focus{outline:2px solid var(--settings-focus194);outline-offset:2px;border-color:var(--settings-blue194)}
.profile-field194>p{margin:8px 0 0;font-size:12px;line-height:1.65;color:var(--muted)}
.profile-save194{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 28px;border-top:1px solid var(--line);background:var(--soft)}
.profile-save194>span{font-size:12px;line-height:1.7;color:var(--muted)}
.account-settings194 .btn{min-height:42px;padding:9px 18px;border-radius:9px;font-size:14px;font-weight:500;line-height:22px;white-space:nowrap;flex-shrink:0;gap:7px}
.account-settings194 .btn.account-primary194{color:#fff;background:var(--settings-blue194);border:1px solid var(--settings-blue194)}
.account-settings194 .btn.account-primary194:hover{background:var(--settings-blue-hover194);border-color:var(--settings-blue-hover194)}
.dark .account-settings194 .btn.account-primary194{color:#152b3b}
.account-settings194 .btn.account-neutral194{background:var(--surface);border:1px solid var(--line);color:var(--p118-ink)}
.account-settings194 .btn.account-neutral194:hover{border-color:var(--settings-blue194);color:var(--settings-blue194)}
.account-settings194 .btn:focus-visible{outline:2px solid var(--settings-focus194);outline-offset:3px}
.profile-save194>.btn{min-width:116px}
.profile-session194{margin-top:20px;display:flex}
.account-settings194 .btn.account-logout194{color:var(--settings-danger194);border:1px solid var(--line);background:transparent;padding-inline:18px}
.account-settings194 .btn.account-logout194:hover{border-color:var(--settings-danger194);background:var(--surface)}
.security-settings194{display:grid;gap:20px}
.security-card194{padding:26px 28px}
.security-heading194{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:18px}
.security-heading194 h2{font-size:18px;line-height:1.5;font-weight:650;margin:0}
.security-heading194 .tag{font-size:12px;white-space:nowrap}
.security-email194{display:flex;align-items:center;gap:10px;padding:12px 15px;border:1px solid var(--line);border-radius:9px;background:var(--soft);font-size:14px;line-height:22px;overflow-wrap:anywhere}
.security-email194>.icon{--icon-size:16px;flex:none;color:var(--muted)}
.security-email194>span{min-width:0}
.security-card194>p{margin:14px 0 0;color:var(--muted);font-size:13px;line-height:1.8}
.security-actions194{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:22px}
@media(max-width:620px){
 .profile-fields194{padding:20px 18px;gap:22px}
 .account-settings194 .profile-avatar{gap:12px;padding-bottom:21px;align-items:center}
 .profile-person194{gap:11px;flex:1}
 .profile-person194>.avatar176{--avatar-size:48px}
 .profile-person194 strong{font-size:16px}.profile-person194>div>span{font-size:11px}
 .profile-grid194{grid-template-columns:1fr;gap:22px}
 .account-settings194 .profile-avatar>.btn{font-size:12px;padding:8px 12px;min-height:38px}
 .profile-field194>textarea{min-height:140px}
 .profile-save194{padding:18px;flex-direction:column;align-items:stretch;gap:14px}
 .profile-save194>.btn{width:100%}.profile-save194>span{font-size:11px}
 .profile-session194{margin-top:18px}
 .security-card194{padding:22px 18px}.security-heading194{margin-bottom:16px}
 .security-heading194 h2{font-size:17px}.security-heading194 .tag{font-size:11px}
 .security-actions194{gap:10px;margin-top:20px}.security-actions194>.btn{font-size:13px;padding-inline:14px}
}

/* P260: one search row covers exactly the current header; results use the search page. */
#dialog.top-search259{position:fixed;inset:var(--search-top260,0px) 0 auto;margin:0;width:100%;max-width:none;height:var(--search-height260,85px);max-height:100dvh;padding:0;border:0;border-bottom:1px solid var(--line);border-radius:0;background:var(--surface);box-shadow:0 5px 14px #172d470a;overflow:hidden;transform-origin:top center;animation:none}
#dialog.top-search259::backdrop{background:transparent;backdrop-filter:none}
.top-search-inner259{width:calc(100% - var(--gutter)*2);max-width:var(--content);height:100%;margin:0 auto}
.top-search-bar259{display:flex;align-items:center;height:100%;padding:10px 0}
.top-search-form261{display:flex;align-items:center;gap:14px;width:100%;min-width:0;margin:0}
.top-search-field261{display:flex;align-items:center;gap:10px;flex:1;min-width:0;height:46px;padding:0 14px;border:1px solid var(--line);border-radius:9px;background:var(--surface);transition:border-color .15s,box-shadow .15s}
.top-search-field261:focus-within{border-color:#78b7f4;box-shadow:0 0 0 3px #e8f3ff}
.top-search-field261>.icon{width:20px;height:20px;color:var(--muted)}
.top-search-field261>input{width:100%;min-width:0;height:44px;min-height:0;margin:0;padding:0;border:0;border-radius:0;background:transparent;font-size:15px;line-height:24px;box-shadow:none}
.top-search-field261>input:focus,.top-search-field261>input:focus-visible,body.dark .top-search-field261>input:focus-visible{outline:0;box-shadow:none}
.top-search-form261>.btn{flex:none;height:46px;min-height:46px;margin:0;padding:10px 24px;font-size:14px;line-height:24px;border-radius:9px}
#dialog .top-search-form261>.btn.primary{background:#eaf4ff;color:#0873d5;border-color:#bedcf8;box-shadow:none}
#dialog .top-search-form261>.btn.primary:hover{background:#e0efff;color:#0873d5;border-color:#9fc9ef;box-shadow:none;transform:none}
body.dark .top-search-field261:focus-within{border-color:#78b7f4;box-shadow:0 0 0 3px #78b7f426}
@media(max-width:620px){
 .top-search-inner259{width:calc(100% - 32px)}
 .top-search-form261{gap:12px}
 .top-search-field261{padding-inline:12px;gap:8px}
 .top-search-field261>input{font-size:16px}
 .top-search-form261>.btn{min-width:64px;padding-inline:16px}
}
.announcement-text263{font-size:14px;line-height:1.9;white-space:pre-wrap;overflow-wrap:anywhere;color:var(--text)}
.announcement-text263 a{color:#0873d5;text-decoration:underline;text-underline-offset:3px}
.announcement-page263 h2{margin:10px 0 18px;font-size:20px;overflow-wrap:anywhere}.announcement-page263 time{display:block;letter-spacing:0}
body.dark .announcement-text263 a{color:#78baff}

/* Keep a modest header-to-content gap when the daily messages are absent. */
.home118:not(:has(> .daily-note265)){padding-top:24px}
@media(max-width:680px){.home118:not(:has(> .daily-note265)){padding-top:16px}}

/* Daily messages retain the former strip footprint, without notice links. */
.daily-note265{display:flex;align-items:center;gap:12px;min-height:53px;padding:10px 0;box-sizing:border-box;color:#4f5f73;font-size:14px;line-height:22px;border-radius:6px;outline-offset:3px}
.daily-note265:focus-visible{outline:2px solid #78b7f4}.daily-note-symbol265{display:inline-flex;flex:none;color:#7b9bb5}.daily-note-symbol265 .icon{width:16px;height:16px;--icon-size:16px}
.daily-note-stack265{display:grid;flex:1;min-width:0}.daily-note-line265{grid-area:1/1;align-self:center;overflow-wrap:anywhere;opacity:0;visibility:hidden;transform:translateY(4px);transition:opacity .35s ease,transform .35s ease,visibility .35s;pointer-events:none}
.daily-note-line265.is-active{opacity:1;visibility:visible;transform:translateY(0);pointer-events:auto}
@media(max-width:680px){.daily-note265{min-height:47px;gap:10px;padding:3px 0;line-height:20px}}
@media(prefers-reduced-motion:reduce){.daily-note-line265{transition:none;transform:none}}

body.dark .daily-note265{color:#c2ccda}
/* This preference belongs only to the announcement popup. */
#dialog .dialog-footer:has(.notice-snooze266){flex-wrap:wrap;row-gap:10px}
#dialog .notice-snooze266{display:inline-flex;align-items:center;gap:8px;margin:0 auto 0 0;min-height:36px;font-size:14px;font-weight:400;line-height:22px;color:var(--text);cursor:pointer}
#dialog .notice-snooze266 input{width:16px;height:16px;min-height:0;flex:none;margin:0;padding:0;accent-color:#0873d5;cursor:pointer}
@media(max-width:520px){#dialog .notice-snooze266{flex-basis:100%;min-height:28px}}