:root{--bg:#ffffff;--bg-soft:#fafafa;--bg-hover:#f4f4f5;--text:#18181b;--text-2:#52525b;--text-3:#686e79;--border:#e4e4e7;--border-hover:#d9dbe0;--border-light:#f0f0f2;--brand:var(--theme-brand,#3559d8);--brand-hover:var(--theme-brand-hover,#2a46b4);--brand-light:color-mix(in srgb,var(--brand) 9%,var(--bg));--accent:var(--theme-brand,#3559d8);--on-brand:#fff;--warning:#925318;--warning-light:#fbefe1;--code-keyword:#7440bb;--code-keyword-light:#f3e8ff;--code-muted:#9aa3b2;--info:#35679d;--info-light:#eaf1f9;--on-status:#fff;--inverse-bg:#30343c;--inverse-text:#f1f2f4;--accent-light:color-mix(in srgb,var(--accent) 9%,var(--bg));--green:#287947;--green-light:#e8ffea;--red:#b94046;--red-light:#ffece8;--radius:8px;--radius-lg:12px;--shadow-card:0 1px 2px rgba(0,0,0,0.04),0 4px 14px rgba(0,0,0,0.05);--shadow-float:0 8px 30px rgba(0,0,0,0.12);--ease:cubic-bezier(0.2,0.8,0.2,1);--font-serif:Georgia,"Songti SC","Noto Serif SC","SimSun",serif;color-scheme:light}:root[data-color-mode=dark]{color-scheme:dark;--brand:var(--theme-dark-brand,#7b93ea);--brand-hover:color-mix(in srgb,var(--brand) 88%,white);--accent:var(--theme-dark-brand,#7b93ea);--on-brand:#1b1d21;--bg:#1b1d21;--bg-soft:#22252a;--bg-hover:#2c3036;--text:#d9dce2;--text-2:#b3b9c4;--text-3:#949da9;--border:#3e444e;--border-hover:#525a66;--border-light:#30353d;--warning:#d5b789;--warning-light:#383127;--code-keyword:#bea6e5;--code-keyword-light:#332d43;--code-muted:#9aa3b2;--info:#a4bedc;--info-light:#273444;--on-status:#1b1d21;--inverse-bg:#343940;--inverse-text:#d9dce2;--green:#8ac89e;--green-light:#23352b;--red:#e3a1a5;--red-light:#3b292f;--shadow-card:0 1px 2px rgb(0 0 0/18%),0 4px 14px rgb(0 0 0/12%);--shadow-float:0 8px 30px rgb(0 0 0/24%)}:root[data-color-mode=dark] :is(.style-detail-demo,.card-demo.site-preview,.glass-sc-view,.learning-product,[class*=detail-entry-style-] :is(.mk,.anat-stage,.variant-demo,.is-style-scene)){color-scheme:light;--bg:#fff;--bg-soft:#fafafa;--bg-hover:#f4f4f5;--text:#30343c;--text-2:#525965;--text-3:#686e79;--border:#e4e4e7;--border-hover:#d9dbe0;--border-light:#f0f0f2;--brand:var(--theme-brand,#3559d8);--accent:var(--theme-brand,#3559d8);--brand-hover:var(--theme-brand-hover,#2a46b4);--brand-light:color-mix(in srgb,var(--brand) 9%,var(--bg));--accent-light:color-mix(in srgb,var(--accent) 9%,var(--bg));--on-brand:#fff;--inverse-bg:#30343c;--inverse-text:#f1f2f4;--green:#287947;--green-light:#e8ffea;--red:#b94046;--red-light:#ffece8;--warning:#925318;--warning-light:#fbefe1;--code-keyword:#7440bb;--code-keyword-light:#f3e8ff;--code-muted:#9aa3b2;--info:#35679d;--info-light:#eaf1f9;--on-status:#fff;color:var(--text)}.oil-book-promo{--book-paper:#fffaf0;--book-ink:#342b20;--book-muted:#786b58;--book-gold:#86601f;--book-tint:#efe0bd;--book-border:#e4d8be}html[data-color-mode=dark] .oil-book-promo{--book-paper:#28251f;--book-ink:#f7ecd7;--book-muted:#c0b39c;--book-gold:#e6c381;--book-tint:#423824;--book-border:#534730}.oil-book-promo{position:fixed;right:max(24px,env(safe-area-inset-right));bottom:max(24px,env(safe-area-inset-bottom));z-index:80;width:min(520px,calc(100vw - 48px));pointer-events:none;color:var(--book-ink);--book-duration:260ms}.oil-book-promo-card{position:relative;display:grid;grid-template-columns:154px minmax(0,1fr);align-items:center;grid-gap:22px;gap:22px;padding:16px 24px 16px 20px;border:1px solid var(--book-border);border-radius:18px;background:linear-gradient(120deg,color-mix(in srgb,var(--book-tint) 28%,var(--book-paper)),var(--book-paper) 65%);box-shadow:0 18px 56px -16px #31241540,0 3px 10px #3124150c,inset 0 1px 0 #ffffff30;pointer-events:auto;transform-origin:bottom right;transition:opacity .18s ease,transform var(--book-duration) var(--ease);animation:oil-book-promo-in .42s var(--ease) backwards}.oil-book-promo-close{position:absolute;z-index:2;top:8px;right:8px;display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;border:0;border-radius:50%;color:var(--book-muted);background:transparent;font:inherit;line-height:0;cursor:pointer;transition:color .16s ease,background .16s ease}.oil-book-promo-close:hover{color:var(--book-ink);background:var(--book-tint)}.oil-book-promo-books{position:relative;height:136px;perspective:750px}.oil-book-promo-book{position:absolute;top:8px;left:16px;width:88px;aspect-ratio:3/4;border-radius:2px 5px 5px 2px;background:#efe7d2;box-shadow:3px 4px 0 -1px #e4d7b7,5px 6px 0 -1px #b6a486,5px 12px 18px #34271932;transform-origin:50% 90%;transition:transform .34s var(--ease)}.oil-book-promo-book:first-child{transform:translate(-14px,5px) rotate(-14deg)}.oil-book-promo-book:nth-child(2){transform:translate(12px,5px) rotate(11deg)}.oil-book-promo-book:nth-child(3){transform:translate(-1px,-1px) rotate(-2.5deg)}.oil-book-promo-book img{display:block;width:100%;height:100%;border-radius:inherit;object-fit:cover}.oil-book-promo-book:after{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(90deg,#00000026,transparent 5%,#ffffff25 8%,#00000016 10%,transparent 14%);box-shadow:inset 0 0 0 1px #00000012;pointer-events:none}@media (hover:hover) and (min-width:561px){.oil-book-promo-card:hover .oil-book-promo-book:first-child{transform:translate(-20px,2px) rotate(-18deg)}.oil-book-promo-card:hover .oil-book-promo-book:nth-child(2){transform:translate(16px,2px) rotate(14deg)}.oil-book-promo-card:hover .oil-book-promo-book:nth-child(3){transform:translate(-1px,-5px) rotate(-1.5deg)}}.oil-book-promo-copy{position:relative;z-index:1;min-width:0}.oil-book-promo-label{display:inline-flex;align-items:center;gap:5px;margin:0 0 6px;padding:4px 8px;border-radius:20px;color:var(--book-gold);background:color-mix(in srgb,var(--book-tint) 65%,transparent);font-size:9px;font-weight:650;line-height:1.5;letter-spacing:.025em}.oil-book-promo-copy h2{margin:0;color:var(--book-ink);font-size:23px;font-weight:750;line-height:1.35;letter-spacing:-.035em;text-wrap:balance}.oil-book-promo-description{margin:6px 0 10px;color:var(--book-muted);font-size:12px;line-height:1.7}.oil-book-promo-cta{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:36px;padding:7px 12px;border:1px solid #d4b576;border-radius:8px;color:#3e2d15;background:#efd69e;box-shadow:inset 0 1px 0 #ffffff50,0 2px 2px #6041120a;font-size:12px;font-weight:650;line-height:1.5;text-decoration:none;transition:background .18s ease,transform .18s var(--ease)}.oil-book-promo-cta:hover{background:#f8dfaa;transform:translateY(-1px)}.oil-book-promo-cta:active{transform:translateY(1px)}.oil-book-promo-arrow{font-size:18px;line-height:1}.oil-book-promo-bookmark{position:absolute;right:0;bottom:0;display:flex;align-items:center;padding:3px;border:1px solid var(--book-border);border-radius:28px;background:var(--book-paper);box-shadow:0 6px 24px #3124151f;opacity:0;transform:translateY(8px) scale(.92);transform-origin:bottom right;transition:opacity .18s ease,transform var(--book-duration) var(--ease)}.oil-book-promo-bookmark>a{display:flex;align-items:center;gap:7px;min-height:36px;padding:4px 7px 4px 9px;border-radius:24px;color:var(--book-ink);font-size:12px;font-weight:650;text-decoration:none;white-space:nowrap}.oil-book-promo-bookmark>a:hover{background:var(--book-tint)}.oil-book-promo-bookmark-subtitle{color:var(--book-muted);font-weight:450}.oil-book-promo-bookmark>button{display:grid;place-items:center;width:34px;height:34px;padding:0;border:0;border-radius:50%;color:var(--book-gold);background:var(--book-tint);cursor:pointer}.oil-book-promo-bookmark>button:hover{color:var(--book-ink)}.oil-book-promo.is-collapsed .oil-book-promo-card{opacity:0;transform:translateY(10px) scale(.92);pointer-events:none}.oil-book-promo.is-collapsed .oil-book-promo-bookmark{opacity:1;transform:none;pointer-events:auto;transition-delay:80ms}.nav-course-icon{width:18px;height:18px;flex:none;object-fit:contain}.oil-book-promo a:focus-visible,.oil-book-promo button:focus-visible{outline:2px solid var(--book-gold);outline-offset:3px}@keyframes oil-book-promo-in{0%{opacity:0;transform:translateY(12px)}}@media (max-width:560px){.oil-book-promo{right:max(12px,env(safe-area-inset-right));bottom:max(12px,env(safe-area-inset-bottom));width:calc(100vw - 24px)}.oil-book-promo-card{grid-template-columns:92px minmax(0,1fr);gap:13px;padding:18px 18px 16px 12px;border-radius:16px}.oil-book-promo-books{height:106px}.oil-book-promo-book{left:10px;width:60px}.oil-book-promo-book:first-child{transform:translate(-8px,6px) rotate(-12deg)}.oil-book-promo-book:nth-child(2){transform:translate(6px,5px) rotate(9deg)}.oil-book-promo-label{gap:3px;max-width:calc(100% - 24px);margin-bottom:6px;padding:3px 6px;font-size:9px;letter-spacing:0}.oil-book-promo-copy h2{font-size:20px}.oil-book-promo-description{margin:6px 0 10px;font-size:12px;line-height:1.6}.oil-book-promo-cta{min-height:36px;padding:7px 10px;font-size:12px;gap:5px}}@media (prefers-reduced-motion:reduce){.oil-book-promo-book,.oil-book-promo-bookmark,.oil-book-promo-card,.oil-book-promo-cta{animation:none;transition:none}}