/* One scoped skin. Native Zibll controls, card order and business state are retained. */
body.yframe-ink{--yi-paper:#f5f3ed;--yi-surface:#fffefa;--yi-ink:#292e2a;--yi-muted:#777e75;--yi-line:#e4e5da;--yi-red:#9c4438;--yi-sage:#526256;--yi-wash:#edf0e8;--yi-shadow:0 12px 32px rgba(43,50,37,.055);--yi-ease:cubic-bezier(.2,.8,.2,1);--body-bg-color:var(--yi-paper);--main-bg-color:var(--yi-surface);--main-color:var(--yi-ink);--muted-color:var(--yi-muted);--muted-2-color:#93988f;--theme-color:var(--yi-sage);--header-color:var(--yi-ink);--header-bg:var(--yi-surface);background:var(--yi-paper);color:var(--yi-ink);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;line-height:1.65}
body.yframe-ink.dark-theme{--yi-paper:#141b19;--yi-surface:#1d2622;--yi-ink:#e7e9df;--yi-muted:#a3aea5;--yi-line:#35423a;--yi-red:#d7917d;--yi-sage:#b1c7b2;--yi-wash:#26322b;--yi-shadow:0 12px 32px rgba(0,0,0,.13);--muted-2-color:#88968b;color-scheme:dark}
.yframe-ink ::selection{background:#cddac9;color:#253329}
.yframe-ink.dark-theme ::selection{background:#3d5a63;color:#f2f5f0}
.yframe-ink a{transition:color .2s ease}
.yframe-ink a:hover{color:var(--yi-red)}
.yframe-ink a:focus-visible,.yframe-ink button:focus-visible,.yframe-ink select:focus-visible,.yframe-ink :is(input[type=checkbox],input[type=radio],input[type=button],input[type=submit]):focus-visible{outline:2px solid var(--yi-sage);outline-offset:3px}
.yframe-ink .container{max-width:1320px}
.yframe-ink .header{--header-color:var(--yi-ink)!important;--header-bg:var(--yi-surface)!important;background:var(--yi-surface)!important;color:var(--yi-ink)!important;border-bottom:1px solid var(--yi-line);box-shadow:none!important;transition:transform .32s var(--yi-ease),box-shadow .25s ease!important}
.yframe-ink.body-scroll .header{box-shadow:0 6px 24px rgba(28,40,30,.06)!important}
.yframe-ink .container-header{max-width:1380px;margin:auto;padding-left:28px;padding-right:28px}
.yframe-ink .navbar{min-height:76px}
.yframe-ink .navbar-header .navbar-logo img{max-height:42px;max-width:132px}
.yframe-ink .navbar-nav>li>a{font-size:14px;font-weight:600;letter-spacing:.03em}
.yframe-ink .navbar-nav>li>a i,.yframe-ink .navbar-nav>li>a>.fa{color:var(--yi-red)}
.yframe-ink .navbar .toggle-radius{background:var(--yi-wash);color:var(--yi-sage);box-shadow:none;transition:transform .25s var(--yi-ease),background .2s ease}
.yframe-ink .navbar .toggle-radius:hover{transform:translateY(-2px)}
.yframe-ink .navbar .navbar-but .but{background:var(--yi-sage)!important;color:var(--yi-surface)!important;border:1px solid var(--yi-sage);box-shadow:none;border-radius:7px;font-weight:600}
.yframe-ink .navbar .search-input,.yframe-ink .navbar input[type=search],.yframe-ink .navbar input[name=s]{background:var(--yi-wash);border:1px solid var(--yi-line);border-radius:7px;color:var(--yi-ink)}
.yframe-ink .sub-menu,.yframe-ink .dropdown-menu,.yframe-ink .mobile-navbar{background:var(--yi-surface)!important;border:1px solid var(--yi-line);box-shadow:var(--yi-shadow);border-radius:12px}
.yframe-ink .sub-menu a:hover{background:var(--yi-wash)!important}
.yframe-ink .header-slider-container{margin:108px auto 48px!important;padding:0 24px;max-width:1368px;background:none!important;filter:none!important;overflow:visible!important}
.yframe-ink .header-slider-container::before,.yframe-ink .header-slider-container::after{display:none!important}
.yframe-ink .yi-hero{position:relative;isolation:isolate;min-height:422px;border:1px solid var(--yi-line);border-radius:18px;overflow:hidden;background:#f5f3ec;box-shadow:var(--yi-shadow)}
.yframe-ink .yi-hero-art{position:absolute;inset:0;z-index:-2;display:block}
.yframe-ink .yi-hero-art img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}
.yframe-ink .yi-hero::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(247,245,238,.28),transparent 68%);pointer-events:none}
.yframe-ink .yi-hero-copy{position:relative;padding:65px 0 58px 64px;max-width:650px;color:#29382f}
.yframe-ink .yi-eyebrow{display:flex;align-items:center;gap:13px;color:#617261;font-size:12px;letter-spacing:.2em;font-weight:500;margin-bottom:26px}
.yframe-ink .yi-seal{display:inline-flex;align-items:center;justify-content:center;writing-mode:vertical-rl;background:#984d3f;color:#f9f3df;width:27px;height:35px;border-radius:3px;font-family:var(--yi-serif);letter-spacing:.12em;font-size:13px}
.yframe-ink .yi-hero h1{font-family:var(--yi-serif);font-weight:600;font-size:44px;line-height:1.5;letter-spacing:.08em;margin:0 0 15px;text-wrap:balance}
.yframe-ink .yi-hero p{font-size:14px;line-height:1.9;color:#667464;max-width:420px;margin-bottom:29px;letter-spacing:.025em}
.yframe-ink .yi-hero-actions{display:flex;gap:12px;align-items:center}
.yframe-ink .yi-action{display:inline-flex;justify-content:center;gap:25px;align-items:center;padding:12px 22px;border-radius:6px;font-size:13px;font-weight:600;text-decoration:none;transition:transform .32s var(--yi-ease),background .22s ease,color .22s ease,box-shadow .32s ease}
.yframe-ink .yi-action-primary{background:#354c3b;color:#fffefa;border:1px solid #354c3b}
.yframe-ink .yi-action-primary:hover{background:#263d2d;color:#fff;box-shadow:0 8px 16px rgba(38,61,45,.15);transform:translateY(-2px)}
.yframe-ink .yi-action-secondary{color:#465a49;border:1px solid #bbc6b7;background:rgba(255,255,250,.6)}
.yframe-ink .yi-action-secondary:hover{background:#fffefa;color:#984d3f;transform:translateY(-2px)}
.yframe-ink .yi-action span{display:inline-block;transition:transform .32s var(--yi-ease)}
.yframe-ink .yi-action:hover span{transform:translate(2px,-2px)}
.yframe-ink .yi-hero-note{display:flex;align-items:center;gap:10px;font-size:11px;color:#788671;letter-spacing:.13em;margin-top:32px}
.yframe-ink .yi-hero-note>span{display:block;width:24px;height:1px;background:#8d9f83}
.yframe-ink .yi-poem{position:absolute;right:34px;top:40px;writing-mode:vertical-rl;line-height:2;letter-spacing:.22em;color:#4e6553;font-size:12px;font-family:var(--yi-serif);opacity:.7}
.yframe-ink.dark-theme .yi-hero{background:#27372d;border-color:#405441}
.yframe-ink.dark-theme .yi-hero-art{opacity:.38;filter:grayscale(.25)}
.yframe-ink.dark-theme .yi-hero::after{background:linear-gradient(90deg,#27372d 0%,rgba(39,55,45,.7) 38%,transparent 78%)}
.yframe-ink.dark-theme .yi-hero-copy,.yframe-ink.dark-theme .yi-hero h1{color:#f0f1e4}
.yframe-ink.dark-theme .yi-hero p,.yframe-ink.dark-theme .yi-eyebrow,.yframe-ink.dark-theme .yi-hero-note,.yframe-ink.dark-theme .yi-poem{color:#c1cfb8}
.yframe-ink.dark-theme .yi-action-primary{background:#c9d7be;color:#27392c;border-color:#c9d7be}
.yframe-ink.dark-theme .yi-action-secondary{background:rgba(31,45,34,.7);color:#d5dfcd;border-color:#7a9077}
.yframe-ink .header-slider-card{position:relative!important;inset:auto!important;transform:none!important;width:auto!important;max-width:none!important;padding:0!important;margin:22px 0 0!important;z-index:1}
.yframe-ink .header-slider-card .zib-widget{background:var(--yi-surface)!important;border:1px solid var(--yi-line);padding:20px 22px!important;border-radius:12px;box-shadow:none;margin-bottom:0}
.yframe-ink .header-slider-card .icon-cover-card{padding:10px 16px!important;border-radius:8px;transition:background .22s ease,transform .32s var(--yi-ease)}
.yframe-ink .header-slider-card .icon-cover-card:hover{background:var(--yi-wash);transform:translateY(-2px)}
.yframe-ink .header-slider-card .icon-cover-icon{background:var(--yi-wash)!important;color:var(--yi-sage)!important;width:42px;height:42px;font-size:20px!important}
.yframe-ink .header-slider-card .icon-cover-desc .em12{font-size:14px;color:var(--yi-ink);font-weight:600}
.yframe-ink .header-slider-card .icon-cover-desc .muted-color{font-size:11px;color:var(--yi-muted);margin-top:3px}
.yframe-ink .yi-shortcut-foot{display:flex;align-items:center;justify-content:space-between;padding:13px 4px 0;font-size:11px;color:var(--yi-muted);letter-spacing:.045em}
.yframe-ink .yi-shortcut-foot a{display:flex;align-items:center;gap:8px;color:var(--yi-sage);font-size:12px}
.yframe-ink .yi-section-title{font-family:var(--yi-serif);font-size:26px;font-weight:600;letter-spacing:.05em;color:var(--yi-ink);position:relative;padding-left:20px;margin-bottom:23px!important;scroll-margin-top:100px}
.yframe-ink .yi-section-title::before{background:var(--yi-red)!important;width:2px;height:26px;border-radius:1px;top:8px}
.yframe-ink .yi-section-title::after{content:"COURSE COLLECTION";display:block;font:10px/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;letter-spacing:.17em;color:var(--yi-muted);margin-top:3px}
.yframe-ink .index-tab .nav,.yframe-ink .posts-navs{border:0;margin-bottom:24px!important}
.yframe-ink .nav-pills>li>a,.yframe-ink .posts-navs a{border-radius:5px;font-size:13px;padding:7px 15px;color:var(--yi-muted)}
.yframe-ink .nav-pills>li.active>a,.yframe-ink .posts-navs .active>a{background:var(--yi-sage)!important;color:var(--yi-surface)!important;box-shadow:none}
.yframe-ink posts.posts-item.card{background:var(--yi-surface)!important;border:1px solid var(--yi-line);border-radius:12px;padding:0!important;overflow:hidden;box-shadow:0 2px 8px rgba(30,40,30,.025);transition:transform .38s var(--yi-ease),box-shadow .38s var(--yi-ease),border-color .25s ease;vertical-align:top;margin-bottom:26px}
.yframe-ink posts.posts-item.card .item-thumbnail{padding:0!important;margin:0!important;overflow:hidden;border-radius:0;aspect-ratio:16/9;height:auto!important;width:100%;display:block!important}
.yframe-ink posts.posts-item.card .item-thumbnail>a{display:block;height:100%}
.yframe-ink posts.posts-item.card .item-thumbnail img{border-radius:0!important;transition:transform .6s var(--yi-ease);object-fit:cover}
.yframe-ink posts.posts-item.card .item-body{padding:17px 17px 15px!important}
.yframe-ink posts.posts-item.card:has(.meta-pay) .item-body{min-height:258px}
.yframe-ink posts.posts-item.card .item-heading{font-size:14px;line-height:1.7;font-weight:600;margin:0 0 12px!important;min-height:48px;color:var(--yi-ink);letter-spacing:.015em}
.yframe-ink posts.posts-item.card .item-heading a{color:var(--yi-ink)}
.yframe-ink posts.posts-item.card .item-heading a:hover{color:var(--yi-red)}
.yframe-ink posts.posts-item.card .item-tags{display:flex;gap:5px;align-items:center;margin-bottom:13px;line-height:1.5}
.yframe-ink posts.posts-item.card .item-tags .but:not(.meta-pay){font-size:10px;padding:3px 6px;border-radius:3px;background:var(--yi-wash)!important;color:var(--yi-sage)!important;flex-shrink:0}
.yframe-ink posts.posts-item.card .item-meta{font-size:10px;padding-top:12px;border-top:1px solid var(--yi-line);color:var(--yi-muted)}
.yframe-ink posts.posts-item.card .item-meta .meta-right{opacity:.75}
.yframe-ink posts.yi-has-price .meta-pay{display:none!important}
.yframe-ink .yi-prices{margin-top:14px;padding-top:12px;border-top:1px solid var(--yi-line)}
.yframe-ink .yi-price-main{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:10px}
.yframe-ink .yi-price-main>span{font-size:10px;color:var(--yi-muted)}
.yframe-ink .yi-price-main>strong{font-size:19px;font-weight:650;color:var(--yi-red);font-variant-numeric:tabular-nums;letter-spacing:-.02em}
.yframe-ink .yi-price-main small{font-size:10px;font-weight:500;letter-spacing:0}
.yframe-ink .yi-price-members{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.yframe-ink .yi-member{background:var(--yi-wash);border:1px solid var(--yi-line);border-radius:5px;padding:7px 9px;line-height:1.6}
.yframe-ink .yi-member span{display:block;font-size:9px;color:var(--yi-muted)}
.yframe-ink .yi-member strong{font-size:11px;color:var(--yi-sage);font-weight:600;display:block;white-space:nowrap;font-variant-numeric:tabular-nums}
.yframe-ink .yi-member-2{background:color-mix(in srgb,var(--yi-red) 5%,var(--yi-surface))}
.yframe-ink .yi-member-2 strong{color:var(--yi-red)}
.yframe-ink .zib-widget,.yframe-ink .article,.yframe-ink .article-main,.yframe-ink .single-post .zib-widget{background:var(--yi-surface);border-radius:12px;box-shadow:var(--yi-shadow);border:1px solid var(--yi-line)}
.yframe-ink .article-title,.yframe-ink .article h1,.yframe-ink .article h2,.yframe-ink .article h3{color:var(--yi-ink);line-height:1.65}
.yframe-ink .article-title{font-family:var(--yi-serif);letter-spacing:.015em}
.yframe-ink .article-content{line-height:1.9;color:var(--yi-ink)}
.yframe-ink .article-content img{border-radius:8px}
.yframe-ink .article-content blockquote{background:var(--yi-wash);border-left:3px solid var(--yi-sage);border-radius:0 8px 8px 0;color:var(--yi-muted)}
.yframe-ink .pay-box,.yframe-ink .posts-pay{border-radius:10px;overflow:hidden}
.yframe-ink .sidebar .widget-title{font-family:var(--yi-serif);font-size:17px;color:var(--yi-ink)}
.yframe-ink .modal-content{background:var(--yi-surface);border:1px solid var(--yi-line);border-radius:14px;box-shadow:0 24px 80px rgba(20,35,25,.22)}
.yframe-ink .modal.fade .modal-dialog{transition:transform .3s var(--yi-ease);transform:translateY(12px)}
.yframe-ink .modal.in .modal-dialog{transform:translateY(0)}
.yframe-ink .ajax-pag,.yframe-ink .pagination{margin-top:20px;margin-bottom:40px}
.yframe-ink .pagination a,.yframe-ink .ajax-pag>a,.yframe-ink .ajaxpager>a.but{border-radius:6px;border:1px solid var(--yi-line);background:var(--yi-surface);color:var(--yi-sage);transition:transform .25s var(--yi-ease),background .2s}
.yframe-ink .pagination .active a,.yframe-ink .pagination a:hover{background:var(--yi-sage);color:var(--yi-surface)}
.yframe-ink .footer{background:var(--yi-surface);border-top:1px solid var(--yi-line);padding-top:30px;color:var(--yi-muted)}
.yframe-ink .float-right .but,.yframe-ink .float-right a{box-shadow:none}
@media(hover:hover) and (pointer:fine){.yframe-ink posts.posts-item.card:hover{transform:translateY(-5px);border-color:color-mix(in srgb,var(--yi-sage) 38%,var(--yi-line));box-shadow:0 16px 32px rgba(30,50,35,.09)}.yframe-ink posts.posts-item.card:hover .item-thumbnail img{transform:scale(1.035)}}
@media(max-width:1200px){.yframe-ink .container-header{padding:0 20px}.yframe-ink .yi-hero-copy{padding-left:44px}.yframe-ink .yi-hero h1{font-size:38px}.yframe-ink .navbar-nav>li>a{font-size:13px}}
@media(max-width:991px){.yframe-ink .header-slider-container{margin-top:92px!important;padding:0 18px}.yframe-ink .yi-hero{min-height:365px}.yframe-ink .yi-hero-copy{padding:42px 32px;max-width:540px}.yframe-ink .yi-hero h1{font-size:34px}.yframe-ink .yi-eyebrow{margin-bottom:20px}.yframe-ink .header-slider-card .zib-widget{padding:10px!important}.yframe-ink .header-slider-card .icon-cover-card{padding:9px!important}.yframe-ink .header-slider-card .icon-cover-icon{width:34px;height:34px;font-size:17px!important}}
@media(max-width:767px){.yframe-ink .navbar{min-height:62px}.yframe-ink .container-header{padding:0 16px}.yframe-ink .navbar-header .navbar-logo img{max-height:33px;max-width:106px}.yframe-ink .header-slider-container{margin:80px auto 28px!important;padding:0 14px}.yframe-ink .yi-hero{min-height:395px;border-radius:12px}.yframe-ink .yi-hero-art img{object-position:70% center;opacity:.66}.yframe-ink .yi-hero::after{background:linear-gradient(180deg,rgba(247,245,238,.92),rgba(247,245,238,.6) 64%,rgba(247,245,238,.08))}.yframe-ink .yi-hero-copy{padding:32px 24px;max-width:none}.yframe-ink .yi-eyebrow{font-size:10px;letter-spacing:.14em;margin-bottom:20px;gap:10px}.yframe-ink .yi-seal{width:23px;height:29px;font-size:11px}.yframe-ink .yi-hero h1{font-size:30px;letter-spacing:.04em;max-width:300px;line-height:1.55}.yframe-ink .yi-hero p{font-size:12px;max-width:270px;margin-bottom:24px}.yframe-ink .yi-action{font-size:12px;padding:11px 16px;gap:18px}.yframe-ink .yi-hero-note{font-size:9px;letter-spacing:.04em;margin-top:27px}.yframe-ink .yi-poem{display:none}.yframe-ink .header-slider-card{margin-top:14px!important}.yframe-ink .header-slider-card .zib-widget{padding:10px 5px!important;border-radius:9px}.yframe-ink .header-slider-card .icon-cover-desc .em12{font-size:12px}.yframe-ink .header-slider-card .icon-cover-desc .muted-color{font-size:9px;max-width:112px;overflow:hidden}.yframe-ink .header-slider-card .icon-cover-icon{width:30px;height:30px;font-size:15px!important}.yframe-ink .yi-shortcut-foot{font-size:9px;padding:10px 3px 0}.yframe-ink .yi-shortcut-foot a{font-size:10px}.yframe-ink .yi-section-title{font-size:22px;padding-left:14px;margin-bottom:18px!important}.yframe-ink .yi-section-title::after{font-size:8px}.yframe-ink posts.posts-item.card{border-radius:9px;margin-bottom:18px}.yframe-ink posts.posts-item.card .item-body{padding:12px 10px!important}.yframe-ink posts.posts-item.card .item-heading{font-size:12px;min-height:42px;line-height:1.7;margin-bottom:9px!important}.yframe-ink posts.posts-item.card .item-tags{gap:3px;margin-bottom:8px}.yframe-ink posts.posts-item.card .item-tags .but:not(.meta-pay){font-size:8px;padding:2px 4px}.yframe-ink posts.posts-item.card .item-meta{font-size:8px;padding-top:9px}.yframe-ink posts.posts-item.card .item-meta .meta-right{display:none}.yframe-ink .yi-prices{margin-top:10px;padding-top:9px}.yframe-ink .yi-price-main>strong{font-size:17px}.yframe-ink .yi-price-main>span,.yframe-ink .yi-price-main small{font-size:8px}.yframe-ink .yi-price-members{gap:5px}.yframe-ink .yi-member{padding:6px 5px}.yframe-ink .yi-member span{font-size:8px}.yframe-ink .yi-member strong{font-size:9px}.yframe-ink .article-title{font-size:22px}.yframe-ink .yi-section-title{scroll-margin-top:82px}}
@media(prefers-reduced-motion:reduce){.yframe-ink *,.yframe-ink *::before,.yframe-ink *::after{animation-duration:.01ms!important;animation-iteration-count:1!important;animation-delay:0s!important;transition-duration:.01ms!important;transition-delay:0s!important;scroll-behavior:auto!important}.yframe-ink posts.posts-item.card:hover,.yframe-ink .yi-action:hover{transform:none!important}.yframe-ink posts.posts-item.card:hover .item-thumbnail img{transform:none!important}}
@media(max-width:767px){.yframe-ink posts.posts-item.card:has(.meta-pay) .item-body{min-height:226px}}

/* Ink in motion: a bounded canvas, readable copy, and two distinct atmospheres. */
body.yframe-ink{transition:background-color .65s ease,color .45s ease}
body.yframe-ink.dark-theme{--yi-paper:#111b22;--yi-surface:#19252d;--yi-ink:#e6eced;--yi-muted:#a1b0b7;--yi-line:#30414b;--yi-sage:#b6ced0;--yi-wash:#22333e;--yi-red:#df9a84;--muted-2-color:#899da6}
.yframe-ink .yi-hero{contain:paint;background:#f5f3ec}
.yframe-ink .yi-hero-art{transition:opacity .85s ease,filter .85s ease}
.yframe-ink .yi-hero-art img{transition:opacity .85s ease}
.yframe-ink .yi-hero::after{z-index:0;transition:opacity .75s ease}
.yframe-ink .yi-hero-copy,.yframe-ink .yi-poem{z-index:2}
.yframe-ink .yi-fluid{position:absolute;inset:0;width:100%;height:100%;z-index:1;pointer-events:none;opacity:0;transition:opacity 1.1s ease}
.yframe-ink .yi-fluid[data-state=running],.yframe-ink .yi-fluid[data-state=paused]{opacity:1}
.yframe-ink .yi-moon{position:absolute;right:27%;top:11%;width:62px;height:62px;border-radius:50%;z-index:-1;pointer-events:none;opacity:0;background:radial-gradient(circle at 37% 34%,#f0e9d5 0%,#d6dbd1 45%,#9daeb5 74%,transparent 76%);box-shadow:0 0 45px 14px rgba(184,206,216,.10);transform:translateY(8px);transition:opacity 1s ease,transform 1.2s var(--yi-ease)}
.yframe-ink .yi-hero h1,.yframe-ink .yi-hero p,.yframe-ink .yi-eyebrow,.yframe-ink .yi-hero-note,.yframe-ink .yi-poem{transition:color .55s ease}
.yframe-ink.dark-theme .yi-hero{background:#10212c;border-color:#354d58}
.yframe-ink.dark-theme .yi-hero-art{filter:grayscale(1) invert(1) brightness(1.3);opacity:.50;mix-blend-mode:screen}
.yframe-ink.dark-theme .yi-hero::after{background:linear-gradient(90deg,#10212c 0%,rgba(16,33,44,.87) 29%,rgba(16,33,44,.23) 66%,rgba(16,33,44,.07))}
.yframe-ink.dark-theme .yi-moon{opacity:.86;transform:translateY(0)}
.yframe-ink.dark-theme .yi-hero-copy,.yframe-ink.dark-theme .yi-hero h1{color:#ecf0eb}
.yframe-ink.dark-theme .yi-hero p,.yframe-ink.dark-theme .yi-eyebrow,.yframe-ink.dark-theme .yi-hero-note,.yframe-ink.dark-theme .yi-poem{color:#b7cbd1}
.yframe-ink.dark-theme .yi-hero-note>span{background:#6c919d}
.yframe-ink.dark-theme .yi-action-primary{background:#c0d3d0;border-color:#c0d3d0;color:#16303a}
.yframe-ink.dark-theme .yi-action-primary:hover{background:#d5e2dd;color:#10212c;box-shadow:0 8px 22px rgba(0,0,0,.17)}
.yframe-ink.dark-theme .yi-action-secondary{background:rgba(26,48,60,.65);color:#d6e3e5;border-color:#526f7b}
.yframe-ink.dark-theme .yi-action-secondary:hover{background:#293f4b;color:#edf2ec}
.yframe-ink .yi-action{position:relative;isolation:isolate;overflow:hidden}
.yframe-ink .yi-action::before{content:"";position:absolute;inset:-80%;border-radius:47% 53% 59% 41%;background:currentColor;opacity:0;z-index:-1;transform:translate(-32%,70%) rotate(-12deg);transition:transform .8s var(--yi-ease),opacity .6s ease;pointer-events:none}
.yframe-ink .yi-action:hover::before,.yframe-ink .yi-action:focus-visible::before{transform:translate(0,0) rotate(9deg);opacity:.065}
.yframe-ink .yi-action:active{transform:translateY(0)}
.yframe-ink .yi-section-title::before{transition:height .4s var(--yi-ease),background .45s ease}
.yframe-ink posts.posts-item.card .item-heading a{transition:color .25s ease}
.yframe-ink .yi-member{transition:background-color .5s ease,border-color .5s ease}
.yframe-ink .yi-price-main>strong,.yframe-ink .yi-member strong{transition:color .45s ease}
.yframe-ink .footer{background-image:linear-gradient(180deg,var(--yi-surface),var(--yi-paper))}
.yframe-ink .index-tab .list-inline>li.active>a,.yframe-ink .index-tab .nav>li.active>a,.yframe-ink .posts-navs a.active{color:var(--yi-surface)!important}
.yframe-ink .header-slider-container{margin-top:32px!important}
@media(max-width:991px){.yframe-ink .header-slider-container{margin-top:24px!important}}
@media(max-width:767px){
 .yframe-ink .header-slider-container{margin-top:18px!important}
 .yframe-ink .yi-hero::after{background:linear-gradient(180deg,rgba(247,245,238,.94),rgba(247,245,238,.67) 62%,rgba(247,245,238,.04))}
 .yframe-ink.dark-theme .yi-hero-art{opacity:.62}
 .yframe-ink.dark-theme .yi-hero-art img{opacity:.95}
 .yframe-ink.dark-theme .yi-hero::after{background:linear-gradient(180deg,rgba(16,33,44,.95),rgba(16,33,44,.80) 48%,rgba(16,33,44,.12))}
 .yframe-ink .yi-moon{width:40px;height:40px;top:17%;right:12%;box-shadow:0 0 30px 9px rgba(184,206,216,.08)}
}
@media(prefers-reduced-motion:reduce){.yframe-ink .yi-fluid{display:none!important}.yframe-ink .yi-action::before{display:none}.yframe-ink .yi-moon{transform:none}}

/* Whole-site ink system. Semantic controls and native layouts stay intact. */
body.yframe-ink{isolation:isolate;--yi-muted:#68736c;--yi-haze:67,94,82;--yi-glow:151,117,65;--yi-soft:#e9eee6;--key-color:var(--yi-ink);--muted-2-color:#738078;--muted-3-color:#7c887f;--muted-4-color:#9ca69b;--muted-bg-color:var(--yi-wash);--muted-bg-2-color:var(--yi-paper);--main-border-color:var(--yi-line);--muted-border-color:var(--yi-line);--focus-color:var(--yi-sage);--focus-color-opacity05:rgba(78,104,86,.05);--focus-color-opacity1:rgba(78,104,86,.10);--focus-color-opacity3:rgba(78,104,86,.23);--focus-color-opacity6:rgba(78,104,86,.48);--focus-shadow-color:rgba(78,104,86,.20);--float-btn-bg:var(--yi-surface);--blur-bg:rgba(255,254,250,.95);--main-radius:12px;--mini-radius:7px;background-image:radial-gradient(rgba(67,94,82,.025) .6px,transparent .7px);background-size:5px 5px}
body.yframe-ink.dark-theme{--yi-muted:#b0bfc5;--muted-2-color:#a9b9c1;--muted-3-color:#95a9b4;--muted-4-color:#708793;--yi-haze:112,154,166;--yi-glow:188,167,116;--yi-soft:#293d47;--focus-color-opacity05:rgba(168,199,202,.05);--focus-color-opacity1:rgba(168,199,202,.10);--focus-color-opacity3:rgba(168,199,202,.23);--focus-color-opacity6:rgba(168,199,202,.48);--focus-shadow-color:rgba(168,199,202,.20);--blur-bg:rgba(25,37,45,.95);background-image:radial-gradient(rgba(167,197,202,.045) .6px,transparent .7px)}
.yframe-ink :is(.c-blue,.c-blue-2,.c-cyan,.c-green,.c-green-2,.c-purple,.c-purple-2){--this-color:var(--yi-sage);--this-bg:var(--yi-wash)}
.yframe-ink :is(.c-red,.c-red-2){--this-color:var(--yi-red);--this-bg:color-mix(in srgb,var(--yi-red) 9%,var(--yi-surface))}
.yframe-ink :is(.c-yellow,.c-yellow-2){--this-color:#8a693e;--this-bg:#f1ecdf}
.yframe-ink.dark-theme :is(.c-yellow,.c-yellow-2){--this-color:#d5ba87;--this-bg:#343b39}
.yframe-ink .yi-atmosphere{position:fixed;inset:0;z-index:-1;overflow:hidden;pointer-events:none;contain:strict}
.yframe-ink .yi-air{position:absolute;width:min(580px,75vw);height:min(580px,75vw);border-radius:48% 52% 63% 37%;background:radial-gradient(ellipse at center,rgba(var(--yi-haze),.085),rgba(var(--yi-haze),.032) 36%,transparent 67%);opacity:.8;animation:yi-drift 27s ease-in-out infinite alternate}
.yframe-ink .yi-air-1{right:-140px;top:9%;transform-origin:60% 40%}
.yframe-ink .yi-air-2{left:-160px;bottom:-160px;background:radial-gradient(ellipse,rgba(var(--yi-glow),.065),transparent 64%);animation-duration:33s;animation-delay:-11s}
.yframe-ink .yi-land-hint{position:absolute;width:580px;height:230px;right:-160px;top:100px;background:url('assets/landscape-small.webp') center/cover no-repeat;opacity:.038;mix-blend-mode:multiply;mask-image:radial-gradient(ellipse,#000,transparent 68%)}
.yframe-ink.dark-theme .yi-land-hint{filter:grayscale(1) invert(1);opacity:.045;mix-blend-mode:screen}
@keyframes yi-drift{0%{transform:translate3d(-20px,-12px,0) rotate(-7deg) scale(.96)}100%{transform:translate3d(30px,26px,0) rotate(8deg) scale(1.08)}}
.yframe-ink.yi-hidden .yi-air,.yframe-ink.yi-motion-off .yi-air,.yframe-ink.yi-lite .yi-air{animation-play-state:paused}
.yframe-ink:is(.yi-hidden,.yi-motion-off,.yi-lite) .yi-ink-ridge,.yframe-ink.yi-hidden .yi-atmosphere::before,.yframe-ink.yi-hidden .yi-atmosphere::after,.yframe-ink.yi-motion-off .yi-atmosphere::before,.yframe-ink.yi-motion-off .yi-atmosphere::after,.yframe-ink.yi-lite .yi-atmosphere::before,.yframe-ink.yi-lite .yi-atmosphere::after{animation-play-state:paused}
.yframe-ink.yi-motion-off .yi-fluid,.yframe-ink.yi-lite .yi-fluid{display:none!important}
.yframe-ink .yi-reading-line{position:fixed;left:0;right:0;top:0;height:2px;z-index:1040;background:linear-gradient(90deg,var(--yi-sage),var(--yi-red));transform:scaleX(0);transform-origin:left;pointer-events:none;opacity:.72}
.yframe-ink :where(h1,h2,h3,h4,h5,h6){color:var(--yi-ink);text-wrap:pretty}
.yframe-ink :where(.title-theme,.title-h-left,.forum-title,.modal-title){font-family:var(--yi-serif);letter-spacing:.035em;line-height:1.65}
.yframe-ink .title-theme:before,.yframe-ink .title-h-left:before{background:var(--yi-red)!important;border-radius:2px}
.yframe-ink :where(.main-bg,.zib-widget,.article,.forum-posts.alone,.plate-item,.author-header,.modal-content){background-color:var(--yi-surface);color:var(--yi-ink);border-color:var(--yi-line);box-shadow:var(--yi-shadow)}
.yframe-ink :where(.zib-widget,.article,.forum-posts.alone,.author-header){border:1px solid var(--yi-line);border-radius:14px}
.yframe-ink :where(.zib-widget,.forum-posts.alone,.plate-item,.author-header,.modal-content,.muted-box){transition:background-color .55s ease,border-color .4s ease,box-shadow .35s var(--yi-ease)}
.yframe-ink :where(.muted-box,.muted-bg,.muted-bg-color){background:var(--yi-wash);border-radius:9px;color:var(--yi-ink)}
.yframe-ink :where(.muted-color,.muted-2-color,.muted-3-color){color:var(--yi-muted)}
.yframe-ink :where(.separator,.border,.border-top,.border-bottom){border-color:var(--yi-line)!important}
.yframe-ink hr{border-color:var(--yi-line);opacity:.9}
.yframe-ink :where(.breadcrumb,.article-meta,.item-meta){color:var(--yi-muted);font-family:inherit}
.yframe-ink .breadcrumb{padding:13px 4px;font-size:12px}
.yframe-ink .navbar-nav>li>a{background-image:linear-gradient(var(--yi-red),var(--yi-red));background-size:0 1px;background-position:center 80%;background-repeat:no-repeat;transition:background-size .32s var(--yi-ease),color .25s ease}
.yframe-ink .navbar-nav>li>a:hover{background-size:24px 1px}
.yframe-ink :where(.sub-menu,.dropdown-menu,.mobile-navbar,.select-drop-box,.tippy-box){color:var(--yi-ink);background:var(--yi-surface);border:1px solid var(--yi-line);border-radius:12px;box-shadow:0 14px 36px rgba(26,45,37,.12)}
.yframe-ink .sub-menu a,.yframe-ink .dropdown-menu a{color:var(--yi-ink);border-radius:6px}
.yframe-ink :where(.sub-menu a:hover,.dropdown-menu a:hover,.mobile-navbar a:hover){background:var(--yi-wash);color:var(--yi-red)}
.yframe-ink :where(.but,.btn){border-radius:7px;font-family:inherit;transition:color .25s ease,background-color .3s ease,border-color .3s ease,box-shadow .3s ease,transform .3s var(--yi-ease)}
.yframe-ink :where(.jb-red,.jb-blue,.jb-green,.jb-purple){background:linear-gradient(120deg,#415b4d,#29443a)!important;color:#fffefa!important;box-shadow:0 3px 8px rgba(34,59,43,.09)}
.yframe-ink.dark-theme :where(.jb-red,.jb-blue,.jb-green,.jb-purple){background:linear-gradient(120deg,#b2cdcd,#89b2b8)!important;color:#132a34!important}
.yframe-ink :where(.but.c-blue,.but.c-blue-2,.but.c-green,.but.c-purple,.but.c-yellow,.but.c-yellow-2){background:var(--yi-wash);color:var(--yi-sage);border-color:var(--yi-line)}
.yframe-ink :where(.cashier-link,.initiate-pay){font-weight:600;letter-spacing:.06em;min-height:38px;padding:9px 22px}
.yframe-ink :where(.cashier-link:hover,.initiate-pay:hover,.yi-action:hover){box-shadow:0 7px 20px rgba(var(--yi-haze),.20)}
.yframe-ink .but:active,.yframe-ink .btn:active{transform:translateY(1px)}
.yframe-ink .yi-interactive-static{position:relative}
.yframe-ink .yi-wave-mask{position:absolute;inset:0;border-radius:inherit;overflow:hidden;pointer-events:none;z-index:3;contain:paint}
.yframe-ink .yi-wave{position:absolute;left:var(--yi-touch-x,50%);top:var(--yi-touch-y,50%);width:160px;height:160px;margin:-80px;border-radius:43% 57% 56% 44%;background:radial-gradient(circle,rgba(var(--yi-haze),.25),rgba(var(--yi-haze),.12) 36%,transparent 69%);pointer-events:none}
.yframe-ink :where(.nav-pills>li.active>a,.list-inline>li.active>a,.tab-nav-theme>li.active>a,.pagination .active>a){background:var(--yi-sage)!important;color:var(--yi-surface)!important;border-color:transparent!important;border-radius:7px}
.yframe-ink :where(.list-inline>li>a,.tab-nav-theme>li>a){transition:background-color .3s ease,color .3s ease;border-radius:6px}
.yframe-ink :where(.list-inline>li>a:hover,.tab-nav-theme>li>a:hover){background:var(--yi-wash);color:var(--yi-red)}
.yframe-ink :where(.ajax-pag a,.pagination a,.page-numbers,.ajaxpager>.but){border-radius:7px;border-color:var(--yi-line);background:var(--yi-surface);color:var(--yi-sage)}
.yframe-ink :where(.ajax-pag a:hover,.pagination a:hover,.page-numbers:hover){background:var(--yi-wash);box-shadow:0 3px 12px rgba(var(--yi-haze),.08)}
.yframe-ink :where(.form-control,.line-form-input,input[type=search],input[type=text],input[type=email],input[type=password],input[type=number],textarea,select){background-color:var(--yi-paper);border:1px solid var(--yi-line);color:var(--yi-ink);border-radius:8px;box-shadow:none;transition:border-color .25s ease,box-shadow .25s ease,background-color .3s ease}
.yframe-ink :where(.form-control:focus,.line-form-input:focus,input:focus,textarea:focus,select:focus){border-color:var(--yi-sage);box-shadow:0 0 0 3px rgba(var(--yi-haze),.16);outline:none}
.yframe-ink ::placeholder{color:var(--yi-muted);opacity:.85}
.yframe-ink :where(input[type=checkbox],input[type=radio]){accent-color:var(--yi-sage)}
.yframe-ink :where([contenteditable=true],.quick-input-group,.commentform){border-color:var(--yi-line);color:var(--yi-ink)}
.yframe-ink .quick-input-group{background:var(--yi-paper);border-radius:10px}
.yframe-ink :where(button,a,select,input[type=checkbox],input[type=radio],input[type=button],input[type=submit]):focus-visible{outline:2px solid var(--yi-sage);outline-offset:3px}
.yframe-ink :where(button:disabled,input:disabled,.but.disabled){opacity:.5;cursor:not-allowed;box-shadow:none}
.yframe-ink .yi-motion-surface{--yi-pointer-x:50%;--yi-pointer-y:20%;transition:transform .38s var(--yi-ease),border-color .35s ease,box-shadow .38s ease,background-color .5s ease}
.yframe-ink .yi-sheen{position:absolute;inset:0;border-radius:inherit;pointer-events:none;opacity:0;background:radial-gradient(260px circle at var(--yi-pointer-x) var(--yi-pointer-y),rgba(var(--yi-glow),.075),transparent 68%);transition:opacity .4s ease;z-index:2}
.yframe-ink .yi-motion-surface:has(>.yi-sheen){position:relative}
.yframe-ink .yi-motion-surface .item-thumbnail img{transition:transform .75s var(--yi-ease)}
.yframe-ink posts.posts-item:not(.card){background:var(--yi-surface);border:1px solid var(--yi-line);border-radius:12px}
.yframe-ink .yi-motion-surface:has(:focus-visible){border-color:var(--yi-sage);box-shadow:0 0 0 3px rgba(var(--yi-haze),.14)}
@media(hover:hover) and (pointer:fine){.yframe-ink .yi-motion-surface:hover{transform:translateY(-4px);border-color:color-mix(in srgb,var(--yi-sage) 48%,var(--yi-line));box-shadow:0 14px 30px rgba(var(--yi-haze),.09),0 0 0 1px rgba(var(--yi-glow),.05)}.yframe-ink .yi-motion-surface:hover>.yi-sheen{opacity:1}.yframe-ink .yi-motion-surface:hover .item-thumbnail img{transform:scale(1.035)}.yframe-ink.dark-theme .yi-motion-surface:hover{box-shadow:0 16px 35px rgba(0,0,0,.18),0 0 20px rgba(var(--yi-haze),.10),inset 0 0 0 1px rgba(var(--yi-glow),.08)}.yframe-ink .but:hover{transform:translateY(-1px)}}
.yframe-ink .article{padding:30px}
.yframe-ink .article-title{font-size:26px;line-height:1.6;letter-spacing:.02em;text-wrap:pretty}
.yframe-ink .article-header{border-bottom:1px solid var(--yi-line);padding-bottom:22px;margin-bottom:22px}
.yframe-ink .wp-posts-content{font-size:15px;line-height:1.95;color:var(--yi-ink);overflow-wrap:anywhere}
.yframe-ink .wp-posts-content :where(h2,h3,h4){font-family:var(--yi-serif);line-height:1.6;letter-spacing:.035em;color:var(--yi-ink);margin-top:30px;margin-bottom:16px}
.yframe-ink .wp-posts-content h2{font-size:22px;border-bottom:1px solid var(--yi-line);padding-bottom:10px}
.yframe-ink .wp-posts-content :where(blockquote,.wp-block-quote){background:var(--yi-wash);border-left:2px solid var(--yi-sage);padding:18px 22px;border-radius:0 9px 9px 0;color:var(--yi-muted)}
.yframe-ink .wp-posts-content :where(code,pre){background:var(--yi-wash);color:var(--yi-ink);border-color:var(--yi-line);border-radius:7px}
.yframe-ink .wp-posts-content :where(td,th,table){border-color:var(--yi-line)}
.yframe-ink .wp-posts-content a:not(.but){text-decoration-color:color-mix(in srgb,var(--yi-sage) 35%,transparent);text-underline-offset:4px}
.yframe-ink .wp-posts-content img{border-radius:10px;max-width:100%}
.yframe-ink :where(.post-actions-wrap,.commentlist,.commentform){border-color:var(--yi-line)}
.yframe-ink .pay-box{background:var(--yi-paper);border:1px solid var(--yi-line);border-radius:12px;overflow:hidden}
.yframe-ink .pay-box .pay-title{white-space:normal;line-height:1.65;font-size:15px;font-weight:600}
.yframe-ink .pay-box .price-box .c-red,.yframe-ink .pay-widget .relative-h .c-red{color:var(--yi-red)}
.yframe-ink :where(.pay-mark,.pay-box .price-box){font-variant-numeric:tabular-nums}
.yframe-ink .pay-tag{background:#8b4a3e!important;color:#fffaf0!important;border-radius:3px 8px 8px 3px;box-shadow:none}
.yframe-ink .pay-widget>.relative-h{background:linear-gradient(125deg,#e6eadb,#cad8cb)!important;color:#344d3b;isolation:isolate}
.yframe-ink.dark-theme .pay-widget>.relative-h{background:linear-gradient(125deg,#29414b,#1f343e)!important;color:#c4d7d9}
.yframe-ink .pay-widget .vip-price-buts,.yframe-ink .pay-box .vip-price{border:1px solid var(--yi-line);background:var(--yi-wash);color:var(--yi-ink);border-radius:6px}
.yframe-ink .pay-box .vip-price{padding:6px 10px}
.yframe-ink .pay-widget .vip-price{color:inherit}
.yframe-ink .pay-widget .box-body{background:var(--yi-surface)}
.yframe-ink .modal-content{border:1px solid var(--yi-line);border-radius:16px;box-shadow:0 25px 90px rgba(12,28,23,.22)}
.yframe-ink .modal-header,.yframe-ink .modal-footer,.yframe-ink .modal-buts{border-color:var(--yi-line);background:var(--yi-surface)}
.yframe-ink .modal-colorful-header{background:radial-gradient(ellipse at 80% 20%,rgba(var(--yi-glow),.16),transparent 65%),linear-gradient(120deg,#d8e1d5,#bccdc0)!important;color:#304c3a!important;isolation:isolate;border-radius:14px 14px 0 0}
.yframe-ink.dark-theme .modal-colorful-header{background:radial-gradient(ellipse at 80% 20%,rgba(var(--yi-glow),.12),transparent 65%),linear-gradient(120deg,#2b4751,#1c333f)!important;color:#d2e2e1!important}
.yframe-ink .modal .c-red{color:var(--yi-red)!important}
.yframe-ink .modal-colorful-header .colorful-make{opacity:.18}
.yframe-ink .modal-colorful-header{--this-color:#304c3a;--this-bg:rgba(80,111,88,.17)}
.yframe-ink.dark-theme .modal-colorful-header{--this-color:#d2e2e1;--this-bg:rgba(176,203,207,.15)}
.yframe-ink .modal-colorful-header.colorful-bg>.colorful-make{animation:yi-drift 24s ease-in-out infinite alternate}
.yframe-ink.yi-motion-off .colorful-make,.yframe-ink.yi-hidden .colorful-make,.yframe-ink.yi-lite .colorful-make{animation-play-state:paused}
.yframe-ink .modal-colorful-header .close{color:inherit;opacity:.75}
.yframe-ink .modal-body{color:var(--yi-ink)}
.yframe-ink .modal-backdrop.in{opacity:.47}
.yframe-ink .payment-method-radio{border:1px solid var(--yi-line);border-radius:8px;background:var(--yi-surface);transition:background .25s ease,border-color .25s ease,box-shadow .25s ease}
.yframe-ink .payment-method-radio.active{border-color:var(--yi-sage);background:var(--yi-wash);box-shadow:0 0 0 2px rgba(var(--yi-haze),.08)}
.yframe-ink :where(.user-card,.user-content-myvip,.pay-vip-info,.author-header){overflow:hidden}
.yframe-ink .user-content-myvip,.yframe-ink .pay-vip-info{background:radial-gradient(ellipse at 100% 0%,rgba(var(--yi-glow),.08),transparent 65%),var(--yi-surface)}
.yframe-ink .user-icon-but-box .icon{transition:transform .35s var(--yi-ease),color .25s ease}
.yframe-ink .user-icon-but-box a:hover .icon{transform:translateY(-3px);color:var(--yi-red)}
.yframe-ink .forum-posts.alone{padding:24px;margin-bottom:20px}
.yframe-ink .forum-title{font-size:19px;line-height:1.7}
.yframe-ink .plate-item{border:1px solid var(--yi-line);border-radius:10px}
.yframe-ink .fixed-wrap-nav{border:1px solid var(--yi-line);background:var(--yi-surface)}
.yframe-ink :where(.float-btn,.float-btn a,.float-right .toggle-radius){border:1px solid var(--yi-line);background:var(--yi-surface);color:var(--yi-sage);box-shadow:0 4px 12px rgba(var(--yi-haze),.06);border-radius:9px}
.yframe-ink .yca-catalog-link{background:var(--yi-sage)!important;color:var(--yi-surface)!important;border:1px solid var(--yi-sage)!important;border-radius:7px!important;box-shadow:none!important}
.yframe-ink .footer{border-top:1px solid var(--yi-line);color:var(--yi-muted);padding-top:36px;margin-top:32px}
.yframe-ink .footer a{color:var(--yi-sage)}
.yframe-ink .footer img{border:1px solid var(--yi-line);padding:5px;background:#fff;border-radius:8px}
.yframe-ink .footer :where(p,li){line-height:1.85}
@media(max-width:767px){.yframe-ink .yi-air{width:300px;height:360px}.yframe-ink .yi-air-2{display:none}.yframe-ink .yi-land-hint{width:360px;height:200px;opacity:.025;right:-160px}.yframe-ink .article{padding:18px 15px}.yframe-ink .article-title{font-size:21px}.yframe-ink .article-header{padding-bottom:18px;margin-bottom:18px}.yframe-ink .wp-posts-content{font-size:14px;line-height:1.95}.yframe-ink .wp-posts-content h2{font-size:20px}.yframe-ink .forum-posts.alone{padding:16px 14px}.yframe-ink .forum-title{font-size:16px}.yframe-ink .modal-content{border-radius:13px}.yframe-ink .yi-motion-surface:hover{transform:none}.yframe-ink posts.posts-item.card .item-heading{font-size:13px}.yframe-ink posts.posts-item.card .item-tags .but:not(.meta-pay){font-size:9px}.yframe-ink .yi-member span{font-size:9px}.yframe-ink .yi-member strong{font-size:10px}}
@media(max-width:767px){.yframe-ink .float-right{bottom:18px!important}.yframe-ink .float-right .float-btn{width:34px;height:34px;line-height:32px;font-size:15px;margin-top:6px}.yframe-ink .page-article{padding:18px 12px}}
@media(prefers-reduced-motion:reduce){.yframe-ink .yi-air{animation:none}.yframe-ink .yi-sheen,.yframe-ink .yi-wave-mask{display:none}.yframe-ink .yi-motion-surface:hover,.yframe-ink .but:hover{transform:none!important}.yframe-ink .yi-motion-surface:hover .item-thumbnail img{transform:none!important}}
/* Static paper grain is rasterized once by the browser; no animated filters. */
body.yframe-ink{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='80'%3E%3Cfilter id='grain'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.72' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Cpath fill='%23000' opacity='.035' filter='url(%23grain)' d='M0 0h80v80H0z'/%3E%3C/svg%3E");background-size:80px 80px}
body.yframe-ink.dark-theme{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='80'%3E%3Cfilter id='grain'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.72' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Cpath fill='%23fff' opacity='.038' filter='url(%23grain)' d='M0 0h80v80H0z'/%3E%3C/svg%3E")}
.yframe-ink.dark-theme .yi-moon{animation:yi-moon-breath 9s ease-in-out infinite alternate}
@keyframes yi-moon-breath{from{opacity:.74}to{opacity:.91}}
.yframe-ink.yi-hidden .yi-moon,.yframe-ink .yi-hero:has(.yi-fluid[data-state=paused]) .yi-moon{animation-play-state:paused}
.yframe-ink.yi-motion-off .yi-moon,.yframe-ink.yi-lite .yi-moon{animation:none}
@media(prefers-reduced-motion:reduce){.yframe-ink.dark-theme .yi-moon{animation:none}}

/* Personal pages, checkout and entitled downloads share the same ink language. */
.yframe-ink .author-header .page-cover{position:relative;overflow:hidden}
.yframe-ink .author-header .page-cover .toggle-radius{background:var(--yi-surface);color:var(--yi-ink);border:1px solid var(--yi-line);box-shadow:0 3px 12px rgba(12,28,23,.12)}
.yframe-ink .author-header .page-cover .linear-mask{background:linear-gradient(180deg,rgba(18,32,28,.05) 45%,rgba(18,32,28,.5))}
.yframe-ink .author-header .header-content{background:radial-gradient(ellipse at 90% 10%,rgba(var(--yi-haze),.07),transparent 65%);padding-bottom:24px}
.yframe-ink .author-header .header-avatar .avatar{border:5px solid var(--yi-surface);border-radius:19px;box-shadow:0 6px 20px rgba(20,40,29,.14)}
.yframe-ink .author-header .display-name{font-family:var(--yi-serif);font-size:24px;letter-spacing:.04em;color:var(--yi-ink)}
.yframe-ink .author-header .user-identity .badg{border:1px solid var(--yi-line);border-radius:5px}
.yframe-ink .author-header .desc{line-height:1.8;max-width:65ch}
.yframe-ink .user-icon-but-box{gap:4px}
.yframe-ink .user-icon-but-box a{border-radius:9px;transition:background .3s ease,box-shadow .3s ease}
.yframe-ink .user-icon-but-box a:hover{background:var(--yi-wash);box-shadow:inset 0 0 0 1px var(--yi-line)}
.yframe-ink .user-statistics-item .em14{font-variant-numeric:tabular-nums;font-weight:600;letter-spacing:.025em}
.yframe-ink .user-order-item .order-content{border-top:1px solid var(--yi-line);padding-top:16px}
.yframe-ink .user-order-item .order-title{font-size:16px;line-height:1.75;letter-spacing:.015em}
.yframe-ink .user-order-item .order-title .text-ellipsis{white-space:normal;overflow:visible}
.yframe-ink .user-order-item .unit-price{font-size:22px;color:var(--yi-red);font-variant-numeric:tabular-nums;white-space:nowrap}
.yframe-ink .user-order-item .order-footer{border-top:1px solid var(--yi-line);padding-top:10px}
.yframe-ink .user-order-item .order-footer .but{padding:10px 24px;border:1px solid var(--yi-sage);color:var(--yi-sage);font-weight:600;min-height:42px}
.yframe-ink .pay-widget>.relative-h>.box-body{background:transparent}
.yframe-ink .pay-widget>.relative-h>.absolute{background:rgba(var(--yi-haze),.09)!important}
.yframe-ink .pay-widget .price-box .em3x{font-size:48px;letter-spacing:-.025em;font-variant-numeric:tabular-nums}
.yframe-ink .pay-widget .price-box .pay-mark{font-size:12px;letter-spacing:0;margin-right:5px}
.yframe-ink .pay-box .price-box>.c-red .em3x{font-size:44px;font-variant-numeric:tabular-nums}
.yframe-ink .pay-box .vip-price-text{font-weight:600;font-variant-numeric:tabular-nums}
.yframe-ink .pay-widget .cashier-link{min-height:46px;display:flex;align-items:center;justify-content:center;font-size:16px;border:1px solid rgba(var(--yi-haze),.14)}
.yframe-ink .paid-box .paid-info{line-height:1.9}
.yframe-ink .paid-box>.box-body{padding:22px}
.yframe-ink .paid-down-group{gap:10px;align-items:stretch}
.yframe-ink .paid-down-group .but{margin:0;min-height:46px;display:flex;align-items:center;justify-content:center;line-height:1.7;padding:12px 16px}
.yframe-ink .paid-down-group .jb-yellow{background:var(--yi-wash)!important;color:var(--yi-sage)!important;border:1px solid var(--yi-line)}
.yframe-ink .paid-down-group .jb-blue{font-weight:600;box-shadow:0 5px 14px rgba(var(--yi-haze),.15)}
.yframe-ink .modal:has(.initiate-pay) .modal-colorful-header{border-bottom:1px solid rgba(var(--yi-haze),.2)}
.yframe-ink .modal:has(.initiate-pay) .modal-body>.muted-box{padding:16px!important;border:1px solid var(--yi-line)}
.yframe-ink .modal:has(.initiate-pay) .modal-body>.muted-box>.flex{min-height:31px}
.yframe-ink .modal:has(.initiate-pay) .modal-body>.muted-box>.flex:last-child{padding-top:12px;margin-top:7px;border-top:1px solid var(--yi-line);align-items:center}
.yframe-ink .modal:has(.initiate-pay) .modal-body>.muted-box>.flex:last-child .em14{font-size:29px;line-height:1.25;font-variant-numeric:tabular-nums}
.yframe-ink .modal .initiate-pay{min-height:46px;font-size:15px;letter-spacing:.025em}
.yframe-ink .modal .initiate-pay .actual-price-number{font-size:20px;font-weight:700}
.yframe-ink.page-template-download main.container{max-width:1060px;margin-top:28px}
.yframe-ink.page-template-download .content-wrap{float:none;width:100%}
.yframe-ink.page-template-download .content-layout{margin:0}
.yframe-ink.page-template-download .sidebar:empty{display:none}
.yframe-ink.page-template-download .title-h-center{font-family:var(--yi-serif);font-size:27px;letter-spacing:.12em}
.yframe-ink.page-template-download .article>.pay-box{padding:28px;background:radial-gradient(ellipse at 100% 0%,rgba(var(--yi-haze),.08),transparent 65%),var(--yi-surface)}
.yframe-ink.page-template-download .article-header{padding-bottom:20px;margin-bottom:22px}
.yframe-ink.page-template-download .article-title{font-size:25px;margin-bottom:12px}
.yframe-ink.page-template-download .pay-box .pay-box{border-style:dashed;background:var(--yi-paper);padding:24px;margin-top:26px}
.yframe-ink.page-template-download .pay-box .pay-box>div{margin-bottom:0!important}
.yframe-ink.page-template-download .but-download{gap:12px}
.yframe-ink.page-template-download .but-download .but{min-width:180px;min-height:50px;padding:14px 26px;font-size:16px;font-weight:600;background:linear-gradient(115deg,#415b4d,#29443a)!important;color:#fffefa!important;border:1px solid transparent;box-shadow:0 7px 18px rgba(var(--yi-haze),.13);border-radius:9px;display:inline-flex;align-items:center;justify-content:center;gap:7px}
.yframe-ink.dark-theme.page-template-download .but-download .but{background:linear-gradient(115deg,#b2cdcd,#89b2b8)!important;color:#132a34!important}
@media(max-width:767px){
 .yframe-ink .author-header .header-content{padding-bottom:18px}
 .yframe-ink .author-header .display-name{font-size:21px}
 .yframe-ink .author-header .header-avatar .avatar{border-width:4px;border-radius:15px}
 .yframe-ink .user-order-item .order-title{font-size:14px}
 .yframe-ink .user-order-item .unit-price{font-size:20px}
 .yframe-ink .paid-box>.box-body{padding:16px}
 .yframe-ink .paid-box .paid-info{overflow-wrap:anywhere;font-size:10px}
 .yframe-ink .paid-down-group{flex-wrap:wrap;gap:8px}
 .yframe-ink .paid-down-group .but{width:100%;flex-basis:100%}
 .yframe-ink.page-template-download main.container{margin-top:18px}
 .yframe-ink.page-template-download .article>.pay-box{padding:18px 15px}
 .yframe-ink.page-template-download .article-title{font-size:21px}
 .yframe-ink.page-template-download .pay-box .pay-box{padding:18px 15px}
 .yframe-ink.page-template-download .but-download{width:100%}
 .yframe-ink.page-template-download .but-download .but{width:100%;min-width:0;margin-right:0}
}
.yframe-ink .yi-tools-toggle{display:none}
.yframe-ink main :is(.title-theme,.title-h-left){font-size:22px;font-weight:600;line-height:1.6}
.yframe-ink main .yi-section-title{font-size:26px}
.yframe-ink .comments .title-theme,.yframe-ink .commentlist .title-theme{font-size:18px}
.yframe-ink .title-theme:has(>.yca-catalog-link){font-size:26px;padding-right:180px;min-height:56px}
.yframe-ink .title-theme:has(>.yca-catalog-link)>small{display:block;font:12px/1.85 -apple-system,BlinkMacSystemFont,"Segoe UI","Microsoft YaHei",sans-serif;color:var(--yi-muted);letter-spacing:.025em;margin:5px 0 0!important}
.yframe-ink.modal-open .float-right{display:none}
@media(max-width:767px){
 .yframe-ink main :is(.title-theme,.title-h-left){font-size:20px}
 .yframe-ink main .yi-section-title{font-size:22px}
 .yframe-ink .title-theme:has(>.yca-catalog-link){font-size:21px;padding-right:0}
 .yframe-ink .float-right:not(.yi-tools-open)>.float-btn{display:none!important}
 .yframe-ink .float-right>.yi-tools-toggle{display:flex;align-items:center;justify-content:center;width:38px;height:38px;padding:0;margin-top:7px;background:var(--yi-surface);color:var(--yi-sage);font-size:24px;line-height:1;border:1px solid var(--yi-line);border-radius:12px;box-shadow:0 5px 18px rgba(var(--yi-haze),.12)}
 .yframe-ink .float-right.yi-tools-open>.yi-tools-toggle{background:var(--yi-sage);color:var(--yi-surface)}
}
/* Distinct accents for money, purchase and download; the ink backdrop stays quiet. */
body.yframe-ink{--yi-price:#b3442d;--yi-price-wash:#fdf0e9;--yi-buy-a:#955b1e;--yi-buy-b:#754211;--yi-buy-ink:#fffaf0;--yi-down-a:#167d85;--yi-down-b:#0e5865;--yi-down-ink:#fffefa;--yi-gold-bg:#fbefd9;--yi-gold-ink:#80531a;--yi-gold-line:#eed6a8;--yi-violet-bg:#f1eafb;--yi-violet-ink:#705087;--yi-violet-line:#d8c5e7}
body.yframe-ink.dark-theme{--yi-price:#ffb79b;--yi-price-wash:#362b2b;--yi-buy-a:#efd393;--yi-buy-b:#d6aa58;--yi-buy-ink:#30200b;--yi-down-a:#67c7d0;--yi-down-b:#51abb9;--yi-down-ink:#062e37;--yi-gold-bg:#392f21;--yi-gold-ink:#efd099;--yi-gold-line:#6f5832;--yi-violet-bg:#302a43;--yi-violet-ink:#d9b4f0;--yi-violet-line:#584370}
.yframe-ink .yi-price-main>strong{font-size:22px;font-weight:700;color:var(--yi-price)}
.yframe-ink .yi-member-1,.yframe-ink :is(.pay-box,.pay-widget) .vip-price[vip-level="1"]{background:var(--yi-gold-bg)!important;color:var(--yi-gold-ink)!important;border:1px solid var(--yi-gold-line)}
.yframe-ink .yi-member-2,.yframe-ink :is(.pay-box,.pay-widget) .vip-price[vip-level="2"]{background:var(--yi-violet-bg)!important;color:var(--yi-violet-ink)!important;border:1px solid var(--yi-violet-line)}
.yframe-ink .yi-member span{font-size:11px;color:inherit}
.yframe-ink .yi-member strong{font-size:13px;color:inherit!important}
.yframe-ink .vip-price-buts .vip-price-text,.yframe-ink .vip-price-buts .vip-price-text>*{color:inherit}
.yframe-ink .pay-widget>.relative-h{background:linear-gradient(125deg,#f9eedb,#ecd3a0)!important;color:#66441c}
.yframe-ink.dark-theme .pay-widget>.relative-h{background:linear-gradient(125deg,#3b3022,#241f1b)!important;color:#efd099}
.yframe-ink :is(.pay-box,.pay-widget) .price-box .em3x,.yframe-ink .pay-box .price-box .c-red,.yframe-ink .user-order-item .unit-price{color:var(--yi-price)!important}
.yframe-ink :is(.pay-box,.pay-widget) .cashier-link,.yframe-ink .modal .initiate-pay{background:linear-gradient(115deg,var(--yi-buy-a),var(--yi-buy-b))!important;color:var(--yi-buy-ink)!important;border:1px solid var(--yi-buy-a);box-shadow:0 6px 18px rgba(160,98,27,.18),inset 0 1px rgba(255,255,255,.16);font-weight:700}
.yframe-ink :is(.pay-box,.pay-widget) .cashier-link :is(.c-red,.c-yellow,.c-white),.yframe-ink .modal .initiate-pay :is(.c-red,.c-yellow,.c-white,.actual-price-number){color:var(--yi-buy-ink)!important}
.yframe-ink :is(.pay-box,.pay-widget) .cashier-link:focus-visible,.yframe-ink .modal .initiate-pay:focus-visible{outline-color:var(--yi-buy-a)}
.yframe-ink .modal:has(.initiate-pay) .modal-colorful-header{background:radial-gradient(ellipse at 80% 20%,rgba(239,211,147,.3),transparent 65%),linear-gradient(120deg,#f6eddb,#e0cba7)!important;color:#68401d!important;--this-color:#68401d;--this-bg:rgba(149,91,30,.13)}
.yframe-ink.dark-theme .modal:has(.initiate-pay) .modal-colorful-header{background:radial-gradient(ellipse at 80% 20%,rgba(239,211,147,.1),transparent 65%),linear-gradient(120deg,#483923,#2f291e)!important;color:#efd099!important;--this-color:#efd099;--this-bg:rgba(239,211,147,.14)}
.yframe-ink .modal:has(.initiate-pay) .modal-body>.muted-box{background:var(--yi-price-wash);border-color:color-mix(in srgb,var(--yi-price) 18%,var(--yi-line))}
.yframe-ink .modal:has(.initiate-pay) .modal-body>.muted-box .c-red{color:var(--yi-price)!important}
.yframe-ink .paid-down-group .jb-blue,.yframe-ink.page-template-download .but-download .but,.yframe-ink .user-order-item .order-footer a[href*="/download"]{background:linear-gradient(115deg,var(--yi-down-a),var(--yi-down-b))!important;color:var(--yi-down-ink)!important;border:1px solid var(--yi-down-a);box-shadow:0 6px 18px rgba(22,125,133,.18),inset 0 1px rgba(255,255,255,.15);font-weight:700}
.yframe-ink.dark-theme.page-template-download .but-download .but{background:linear-gradient(115deg,var(--yi-down-a),var(--yi-down-b))!important;color:var(--yi-down-ink)!important}
.yframe-ink .paid-down-group .jb-yellow{background:var(--yi-gold-bg)!important;color:var(--yi-gold-ink)!important;border-color:var(--yi-gold-line)}
.yframe-ink.page-template-download .pay-box .pay-box{border-color:color-mix(in srgb,var(--yi-down-a) 35%,var(--yi-line));background:color-mix(in srgb,var(--yi-down-a) 4%,var(--yi-paper))}
.yframe-ink .yi-download-heading{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin-bottom:18px;text-align:left;flex-wrap:wrap}
.yframe-ink .yi-download-heading h3{font:700 16px/1.6 -apple-system,BlinkMacSystemFont,"Segoe UI","Microsoft YaHei",sans-serif;margin:0;color:var(--yi-ink);display:flex;gap:9px;align-items:center;letter-spacing:.025em}
.yframe-ink .yi-download-heading h3::before{content:"";width:4px;height:16px;border-radius:3px;background:var(--yi-down-a)}
.yframe-ink .yi-download-heading p{font-size:11px;line-height:1.7;color:var(--yi-muted);margin:0}
@media(max-width:767px){.yframe-ink .yi-price-main>strong{font-size:20px}.yframe-ink .yi-member span{font-size:10px}.yframe-ink .yi-member strong{font-size:12px}.yframe-ink .yi-download-heading{gap:3px}.yframe-ink .yi-download-heading p{width:100%}}

/* A visible landscape throughout the site, with opaque paper for reading. */
body.yframe-ink{--yi-paper:#eeeade;--yi-surface:#fffdf5;--yi-line:#dddacc;--yi-ink:#24302c;--yi-shadow:0 14px 35px rgba(37,50,42,.075);background-size:80px 80px}
body.yframe-ink.dark-theme{--yi-paper:#101c24;--yi-surface:#1a2a33;--yi-line:#3b505b;--yi-ink:#ebf0ec;--yi-shadow:0 14px 38px rgba(0,0,0,.20)}
.yframe-ink .yi-atmosphere{background:radial-gradient(ellipse at 5% 25%,rgba(var(--yi-haze),.10),transparent 48%),radial-gradient(ellipse at 95% 80%,rgba(var(--yi-glow),.09),transparent 48%)}
.yframe-ink .yi-land-hint{inset:-8% -12%;width:auto;height:auto;background:url('assets/landscape.webp') 76% 62%/cover no-repeat;opacity:.25;mix-blend-mode:multiply;mask-image:linear-gradient(90deg,#000,rgba(0,0,0,.2) 28%,rgba(0,0,0,.35) 68%,#000);transition:opacity .8s ease}
.yframe-ink.dark-theme .yi-land-hint{filter:grayscale(1) invert(1);opacity:.23;mix-blend-mode:screen}
.yframe-ink .yi-ink-ridge{position:absolute;left:-20%;bottom:-12%;width:100%;height:78%;opacity:.32;mix-blend-mode:multiply;background:url('assets/landscape.webp') 92% 65%/cover no-repeat;mask-image:radial-gradient(ellipse at 60% 65%,#000 15%,rgba(0,0,0,.5) 45%,transparent 74%);transform:scaleX(-1) rotate(-6deg);pointer-events:none}
.yframe-ink.dark-theme .yi-ink-ridge{filter:grayscale(1) invert(1);opacity:.28;mix-blend-mode:screen}
.yframe-ink .yi-air{width:min(780px,95vw);height:min(780px,95vw);opacity:1;background:radial-gradient(ellipse at 40% 45%,rgba(var(--yi-haze),.20),rgba(var(--yi-haze),.07) 40%,transparent 69%);animation-duration:18s}
.yframe-ink .yi-air-1{right:-210px;top:3%}
.yframe-ink .yi-air-2{left:-200px;bottom:-160px;background:radial-gradient(ellipse,rgba(var(--yi-glow),.13),rgba(var(--yi-haze),.05) 43%,transparent 68%);animation-duration:24s}
.yframe-ink .yi-ambient-flow{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;opacity:0;transition:opacity 1s ease;mix-blend-mode:multiply}
.yframe-ink.dark-theme .yi-ambient-flow{mix-blend-mode:screen}
.yframe-ink .yi-ambient-flow[data-state=running],.yframe-ink .yi-ambient-flow[data-state=paused]{opacity:1}
.yframe-ink.yi-motion-off .yi-ambient-flow,.yframe-ink.yi-lite .yi-ambient-flow{display:none!important}
.yframe-ink .yi-hero{min-height:410px;border-radius:11px 30px 11px 30px;border-color:rgba(62,86,70,.27);box-shadow:0 20px 50px rgba(var(--yi-haze),.12),0 0 0 6px rgba(255,253,244,.35)}
.yframe-ink .yi-hero-copy{padding:55px 0 49px 60px;max-width:700px}
.yframe-ink .yi-hero h1{font-size:clamp(36px,3.45vw,52px);line-height:1.5;letter-spacing:.11em;font-weight:600;text-shadow:0 1px rgba(255,255,255,.5)}
.yframe-ink .yi-hero p{font-size:14px;letter-spacing:.075em;max-width:445px}
.yframe-ink .yi-eyebrow{letter-spacing:.22em;margin-bottom:23px}
.yframe-ink .yi-seal{width:30px;height:39px;border-radius:3px 6px 2px 4px;box-shadow:inset 0 0 0 2px rgba(255,247,229,.2);transform:rotate(-3deg)}
.yframe-ink .yi-poem{right:30px;top:40px;font-size:14px;line-height:2.2;opacity:.85}
.yframe-ink .yi-hero::before{content:"";position:absolute;left:5%;right:5%;bottom:10px;height:24px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 30'%3E%3Cpath d='M5 17Q226 3 439 15T820 14 1195 10' fill='none' stroke='%232c4940' stroke-width='3' stroke-linecap='round' opacity='.6'/%3E%3Cpath d='M90 23Q360 10 580 21T1100 20' fill='none' stroke='%232c4940' stroke-width='1' opacity='.4'/%3E%3C/svg%3E") center/100% 100% no-repeat;opacity:.38;z-index:2;pointer-events:none}
.yframe-ink.dark-theme .yi-hero{box-shadow:0 24px 65px rgba(0,0,0,.25),0 0 0 6px rgba(129,178,186,.04);border-color:#46606b}
.yframe-ink.dark-theme .yi-hero h1{text-shadow:0 2px 16px rgba(0,0,0,.35)}
.yframe-ink.dark-theme .yi-hero::before{filter:invert(1);opacity:.48}
.yframe-ink .header-slider-container{margin-bottom:33px!important}
.yframe-ink .header-slider-card .zib-widget{border-radius:8px 18px 8px 18px;padding:15px 20px!important;border-top:2px solid color-mix(in srgb,var(--yi-sage) 48%,var(--yi-line));box-shadow:var(--yi-shadow)}
.yframe-ink .yi-shortcut-foot{padding-top:13px}
.yframe-ink .yi-section-title{font-size:30px!important;letter-spacing:.1em;margin-bottom:18px!important;padding-left:24px;line-height:1.6}
.yframe-ink .yi-section-title::before{width:4px!important;height:30px!important;border-radius:30% 60% 20% 50%!important;transform:rotate(-5deg)}
.yframe-ink .yi-section-title::after{letter-spacing:.24em;font-size:10px}
.yframe-ink .yi-course-grid{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(min(100%,245px),1fr));gap:25px 22px;align-items:stretch;width:100%;margin:0!important}
.yframe-ink .yi-course-grid>posts.posts-item.card{display:flex!important;flex-direction:column;width:auto!important;max-width:none;margin:0!important;float:none;border-radius:10px 20px 10px 20px;box-shadow:0 9px 24px rgba(var(--yi-haze),.07);border-top:2px solid color-mix(in srgb,var(--yi-sage) 45%,var(--yi-line))}
.yframe-ink .yi-course-grid>posts.posts-item.card .item-thumbnail{flex:0 0 auto}
.yframe-ink .yi-course-grid>posts.posts-item.card .item-body{display:flex;flex-direction:column;flex:1;min-height:0!important;padding:18px 17px 17px!important}
.yframe-ink .yi-course-grid>posts.posts-item.card .item-heading{font-size:15px;line-height:1.65;font-weight:600;min-height:50px;margin-bottom:13px!important;letter-spacing:.01em}
.yframe-ink .yi-course-grid>posts.posts-item.card .item-tags{min-height:23px;flex-wrap:wrap;margin-bottom:13px}
.yframe-ink .yi-course-grid>posts.posts-item.card .item-meta{font-size:11px;margin-bottom:14px;padding-top:12px}
.yframe-ink .yi-course-grid>posts.posts-item.card .yi-prices{margin-top:auto;padding-top:13px}
.yframe-ink .yi-course-grid>posts.posts-item.card .yi-member{border-radius:5px 10px 5px 10px;padding:8px 9px}
.yframe-ink .yi-course-grid>posts.posts-item.card .yi-price-main>span{font-size:11px}
.yframe-ink .yi-course-grid>:not(posts){grid-column:1/-1}
.yframe-ink .article,.yframe-ink .author-header,.yframe-ink .forum-posts.alone{border-top:2px solid color-mix(in srgb,var(--yi-sage) 48%,var(--yi-line))}
.yframe-ink .wp-posts-content :where(h2,h3){padding-left:13px;border-left:3px solid var(--yi-sage);border-radius:2px;letter-spacing:.06em}
.yframe-ink .footer{background-color:var(--yi-surface);background-image:linear-gradient(0deg,rgba(var(--yi-haze),.09),transparent 85%);border-top:2px solid color-mix(in srgb,var(--yi-sage) 30%,var(--yi-line))}
@media(max-width:991px){.yframe-ink .yi-hero-copy{padding:44px 36px}.yframe-ink .yi-hero h1{font-size:36px}.yframe-ink .yi-poem{font-size:12px;right:22px}.yframe-ink .yi-course-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px 16px}}
@media(max-width:767px){
 .yframe-ink .yi-land-hint{inset:-3% -48%;opacity:.29;background-position:78% center;mask-image:linear-gradient(90deg,#000,rgba(0,0,0,.3) 50%,#000)}
 .yframe-ink .yi-ink-ridge{left:-23%;bottom:-2%;width:115%;height:54%;opacity:.21}
 .yframe-ink .yi-air{width:100vw;height:100vw}
 .yframe-ink .yi-hero{min-height:402px;border-radius:8px 23px 8px 23px;box-shadow:0 13px 32px rgba(var(--yi-haze),.12)}
 .yframe-ink .yi-hero-copy{padding:29px 24px 36px}
 .yframe-ink .yi-hero h1{font-size:32px;line-height:1.58;letter-spacing:.05em;max-width:300px}
 .yframe-ink .yi-hero p{font-size:12px;line-height:1.95;max-width:265px}
 .yframe-ink .yi-hero-art img{object-position:76% center;opacity:.84}
 .yframe-ink .yi-hero::after{background:linear-gradient(180deg,rgba(247,245,238,.95),rgba(247,245,238,.67) 49%,rgba(247,245,238,.02) 82%)}
 .yframe-ink.dark-theme .yi-hero::after{background:linear-gradient(180deg,rgba(16,33,44,.96),rgba(16,33,44,.79) 49%,rgba(16,33,44,.06) 86%)}
 .yframe-ink .yi-hero::before{left:8%;right:8%;bottom:7px;opacity:.5}
 .yframe-ink .yi-eyebrow{font-size:10px;margin-bottom:20px;letter-spacing:.14em}
 .yframe-ink .yi-seal{width:25px;height:32px}
 .yframe-ink .header-slider-container{margin-bottom:25px!important}
 .yframe-ink .header-slider-card .zib-widget{padding:10px 6px!important}
 .yframe-ink .yi-section-title{font-size:25px!important;letter-spacing:.08em;padding-left:18px;margin-bottom:16px!important}
 .yframe-ink .yi-section-title::before{height:26px!important;width:3px!important}
 .yframe-ink .yi-course-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 12px}
 .yframe-ink .yi-course-grid>posts.posts-item.card{border-radius:7px 14px 7px 14px}
 .yframe-ink .yi-course-grid>posts.posts-item.card .item-body{padding:12px 10px!important}
 .yframe-ink .yi-course-grid>posts.posts-item.card .item-heading{font-size:12px;min-height:42px;line-height:1.7;margin-bottom:9px!important}
 .yframe-ink .yi-course-grid>posts.posts-item.card .item-tags{gap:3px;min-height:18px;margin-bottom:9px}
 .yframe-ink .yi-course-grid>posts.posts-item.card .item-meta{font-size:9px;margin-bottom:10px;padding-top:9px}
 .yframe-ink .yi-course-grid>posts.posts-item.card .yi-prices{padding-top:10px}
 .yframe-ink .yi-course-grid>posts.posts-item.card .yi-member{padding:6px 5px}
 .yframe-ink .yi-course-grid>posts.posts-item.card .yi-price-main>span{font-size:9px}
}
@media(prefers-reduced-motion:reduce){.yframe-ink .yi-ambient-flow{display:none!important}}


/* 1.6.0: high-contrast ink atmosphere. The landscape remains the fallback; these layers are transform-only. */
.yframe-ink .yi-atmosphere{background:radial-gradient(ellipse at 3% 20%,rgba(var(--yi-haze),.22),transparent 52%),radial-gradient(ellipse at 97% 74%,rgba(var(--yi-glow),.17),transparent 54%),linear-gradient(115deg,rgba(var(--yi-haze),.06),transparent 42%,rgba(var(--yi-haze),.08));}
.yframe-ink .yi-atmosphere::before,.yframe-ink .yi-atmosphere::after{content:"";position:absolute;inset:-18%;pointer-events:none;will-change:transform;}
.yframe-ink .yi-atmosphere::before{opacity:.46;background:radial-gradient(ellipse at 20% 32%,rgba(var(--yi-haze),.45) 0,rgba(var(--yi-haze),.18) 19%,transparent 48%),radial-gradient(ellipse at 78% 61%,rgba(var(--yi-glow),.24) 0,rgba(var(--yi-glow),.08) 17%,transparent 48%);mask-image:radial-gradient(ellipse at center,#000 0,rgba(0,0,0,.88) 58%,transparent 82%);animation:yi-ink-cloud 19s ease-in-out infinite alternate;}
.yframe-ink .yi-atmosphere::after{opacity:.34;background:repeating-linear-gradient(163deg,transparent 0 105px,rgba(var(--yi-haze),.23) 118px,transparent 142px 230px),repeating-linear-gradient(17deg,transparent 0 165px,rgba(var(--yi-glow),.14) 184px,transparent 209px 350px);mask-image:linear-gradient(90deg,transparent 0,#000 18%,#000 80%,transparent 100%);transform:rotate(-3deg) translate3d(-3%,0,0);animation:yi-ink-stroke 26s cubic-bezier(.2,.7,.3,1) infinite alternate;}
.yframe-ink.dark-theme .yi-atmosphere::before{opacity:.55;filter:invert(.08) saturate(1.25);mix-blend-mode:screen}.yframe-ink.dark-theme .yi-atmosphere::after{opacity:.44;mix-blend-mode:screen}
.yframe-ink .yi-land-hint{opacity:.35;filter:saturate(1.08) contrast(1.06)}
.yframe-ink.dark-theme .yi-land-hint{opacity:.33;filter:grayscale(1) invert(1) saturate(1.12) contrast(1.12)}
.yframe-ink .yi-ink-ridge{opacity:.43;filter:saturate(1.12) contrast(1.08);animation:yi-ridge-breathe 22s ease-in-out infinite alternate}
.yframe-ink.dark-theme .yi-ink-ridge{opacity:.39;filter:grayscale(1) invert(1) saturate(1.2) contrast(1.1)}
.yframe-ink .yi-air{opacity:1;background:radial-gradient(ellipse at 40% 45%,rgba(var(--yi-haze),.30),rgba(var(--yi-haze),.10) 38%,transparent 70%);animation-duration:15s}
.yframe-ink .yi-air-2{background:radial-gradient(ellipse,rgba(var(--yi-glow),.22),rgba(var(--yi-haze),.09) 43%,transparent 69%);animation-duration:20s}
.yframe-ink .yi-ambient-flow[data-state=running],.yframe-ink .yi-ambient-flow[data-state=paused]{opacity:1}
.yframe-ink .yi-hero::after{background:linear-gradient(118deg,rgba(var(--yi-haze),.16),transparent 44%,rgba(var(--yi-glow),.11));mix-blend-mode:multiply}
.yframe-ink.dark-theme .yi-hero::after{mix-blend-mode:screen;opacity:.8}
@keyframes yi-ink-cloud{0%{transform:translate3d(-2%,-1%,0) scale(.94) rotate(-3deg)}100%{transform:translate3d(4%,3%,0) scale(1.12) rotate(4deg)}}
@keyframes yi-ink-stroke{0%{transform:rotate(-5deg) translate3d(-8%,-2%,0) scale(1)}100%{transform:rotate(3deg) translate3d(8%,4%,0) scale(1.08)}}
@keyframes yi-ridge-breathe{0%{transform:scaleX(-1) rotate(-6deg) translate3d(-1%,0,0)}100%{transform:scaleX(-1) rotate(-3deg) translate3d(3%,-1%,0)}}
@media(max-width:767px){.yframe-ink .yi-land-hint{opacity:.31}.yframe-ink .yi-ink-ridge{opacity:.28}.yframe-ink .yi-air{opacity:1.08}.yframe-ink .yi-atmosphere::before{opacity:.38}.yframe-ink .yi-atmosphere::after{opacity:.26}}
@media(prefers-reduced-motion:reduce){.yframe-ink .yi-atmosphere::before,.yframe-ink .yi-atmosphere::after,.yframe-ink .yi-ink-ridge{animation:none}}

/* 1.7.0: refinement and smoothness pass. Business colors unchanged; additions are scoped and static. */
body.yframe-ink{--yi-serif:"Songti SC","Source Han Serif SC","Noto Serif SC","Noto Serif CJK SC",STSong,SimSun,serif;--yi-price-reserve:117px}
body.yframe-ink.dark-theme{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.yframe-ink .yi-wave{opacity:0}
.yframe-ink .modal .c-red{color:var(--yi-price)!important}
.yframe-ink .paid-down-group .jb-blue:focus-visible,.yframe-ink.page-template-download .but-download .but:focus-visible{outline:2px solid var(--yi-down-a);outline-offset:3px}
.yframe-ink :is(.pay-box,.pay-widget) .cashier-link:focus-visible,.yframe-ink .modal .initiate-pay:focus-visible{outline:2px solid var(--yi-buy-a);outline-offset:3px}
.yframe-ink .yi-course-grid>posts.posts-item.card:has(.meta-pay):not(.yi-has-price):not(.yi-price-none) .item-body::after{content:"";display:block;flex:0 0 auto;margin-top:auto;height:var(--yi-price-reserve);border-top:1px solid var(--yi-line);background:linear-gradient(var(--yi-wash),var(--yi-wash)) 0 16px/34% 10px no-repeat,linear-gradient(var(--yi-wash),var(--yi-wash)) 100% 14px/26% 16px no-repeat,linear-gradient(var(--yi-wash),var(--yi-wash)) 0 59px/calc(50% - 4px) 56px no-repeat,linear-gradient(var(--yi-wash),var(--yi-wash)) 100% 59px/calc(50% - 4px) 56px no-repeat;border-radius:0 0 4px 4px;opacity:.75}
@media(prefers-reduced-motion:no-preference){.yframe-ink:not(.yi-motion-off):not(.yi-lite) :is(.yi-action,.but,.btn){-webkit-tap-highlight-color:transparent}}
@media(max-width:767px){
 body.yframe-ink{--yi-price-reserve:103px}
 .yframe-ink .yi-course-grid>posts.posts-item.card:has(.meta-pay):not(.yi-has-price):not(.yi-price-none) .item-body::after{background-position:0 13px,100% 11px,0 52px,100% 52px;background-size:34% 9px,26% 14px,calc(50% - 3px) 49px,calc(50% - 3px) 49px}
 .yframe-ink .yi-hero::after{background:linear-gradient(180deg,rgba(247,245,238,.9),rgba(247,245,238,.6) 50%,rgba(247,245,238,0) 84%),linear-gradient(118deg,rgba(var(--yi-haze),.12),transparent 50%);mix-blend-mode:normal;opacity:1}
 .yframe-ink.dark-theme .yi-hero::after{background:linear-gradient(180deg,rgba(16,33,44,.92),rgba(16,33,44,.72) 50%,rgba(16,33,44,.04) 86%);mix-blend-mode:normal;opacity:1}
 .yframe-ink posts.posts-item.card .item-meta,.yframe-ink .yi-course-grid>posts.posts-item.card .item-meta{font-size:10px}
 .yframe-ink .yi-price-main>span,.yframe-ink .yi-price-main small,.yframe-ink .yi-course-grid>posts.posts-item.card .yi-price-main>span{font-size:10px}
 .yframe-ink .yi-hero-note,.yframe-ink .yi-shortcut-foot,.yframe-ink .header-slider-card .icon-cover-desc .muted-color{font-size:10px}
 .yframe-ink .yi-section-title::after{font-size:9px}
 .yframe-ink .paid-box .paid-info{font-size:11px}
 .yframe-ink .yi-atmosphere::after,.yframe-ink .yi-ink-ridge{animation-play-state:paused}
}
/* 1.7.0 audit pass: visible-but-quiet hover, background ink drop, readable meta, calmer headers. */
body.yframe-ink{--yi-muted:#5c675f;--muted-2-color:#5c675f;--muted-3-color:#626d66;--muted-4-color:#78837a}
body.yframe-ink.dark-theme{--yi-muted:#bccad0;--muted-2-color:#bccad0;--muted-3-color:#adbec5;--muted-4-color:#93a6b0}
.yframe-ink posts.posts-item.card .item-meta .meta-right{opacity:1}
.yframe-ink ::placeholder,.yframe-ink [contenteditable][placeholder]:empty::before,.yframe-ink [data-placeholder]:empty::before{color:var(--muted-3-color);opacity:1}
.yframe-ink .yi-hero-note{color:#55644f}
.yframe-ink.dark-theme .yi-hero-note{color:#c3d4d9}
.yframe-ink posts.posts-item.card .item-tags .but:not(.meta-pay){color:color-mix(in srgb,var(--yi-sage) 82%,var(--yi-ink))!important}
/* Hover: everything below lives inside the plugin's own .yi-sheen span; only opacity and transform change. */
.yframe-ink .yi-sheen{background:radial-gradient(300px circle at var(--yi-pointer-x) var(--yi-pointer-y),rgba(var(--yi-glow),.15),rgba(var(--yi-haze),.05) 45%,transparent 70%)}
.yframe-ink.dark-theme .yi-sheen{background:radial-gradient(300px circle at var(--yi-pointer-x) var(--yi-pointer-y),rgba(var(--yi-glow),.17),rgba(var(--yi-haze),.07) 45%,transparent 70%)}
.yframe-ink .yi-sheen::before{content:"";position:absolute;left:0;right:0;top:0;height:2px;background:linear-gradient(90deg,transparent,var(--yi-price) 18%,rgba(var(--yi-glow),.95) 55%,transparent);transform:scaleX(.15);transform-origin:var(--yi-pointer-x,50%) 0;opacity:.85;transition:transform .55s var(--yi-ease)}
.yframe-ink .yi-sheen::after{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 0 0 1px rgba(var(--yi-glow),.38),inset 0 -26px 40px -30px rgba(var(--yi-haze),.35)}
.yframe-ink.dark-theme .yi-sheen::after{box-shadow:inset 0 0 0 1px rgba(var(--yi-glow),.45),inset 0 -26px 40px -30px rgba(var(--yi-haze),.45)}
.yframe-ink .yi-motion-surface:has(:focus-visible)>.yi-sheen{opacity:1}
@media(hover:hover) and (pointer:fine){
 .yframe-ink .yi-motion-surface:hover>.yi-sheen::before,.yframe-ink .yi-motion-surface:has(:focus-visible)>.yi-sheen::before{transform:scaleX(1)}
 .yframe-ink posts.posts-item.card:hover{transform:translateY(-6px)}
 .yframe-ink posts.posts-item.card:hover .item-heading a{color:var(--yi-red)}
}
.yframe-ink posts.posts-item.card:active{transform:translateY(-2px);transition-duration:.12s}
/* Ink drop on empty background: fixed, outside page content, transform/opacity only. */
.yframe-ink .yi-ink-drop{position:fixed;left:0;top:0;width:180px;height:180px;margin:-90px 0 0 -90px;pointer-events:none;z-index:1030;contain:strict}
.yframe-ink .yi-ink-drop>i{position:absolute;inset:0;border-radius:47% 53% 44% 56%;opacity:0}
.yframe-ink .yi-ink-drop>i:first-child{background:radial-gradient(circle,rgba(var(--yi-haze),.30),rgba(var(--yi-haze),.14) 38%,transparent 66%)}
.yframe-ink .yi-ink-drop>i:last-child{border:1.5px solid rgba(var(--yi-haze),.42);border-radius:50%}
.yframe-ink.dark-theme .yi-ink-drop>i:first-child{background:radial-gradient(circle,rgba(var(--yi-haze),.34),rgba(var(--yi-glow),.12) 40%,transparent 66%)}
.yframe-ink.dark-theme .yi-ink-drop>i:last-child{border-color:rgba(var(--yi-haze),.55)}
/* Calmer ground behind the quick-link strip and section titles (static gradients, no blur). */
.yframe-ink .yi-atmosphere::after{opacity:.24}
.yframe-ink.dark-theme .yi-atmosphere::after{opacity:.30}
.yframe-ink :is(.yi-section-title,.yi-shortcut-foot,.title-theme){text-shadow:0 0 14px var(--yi-paper),0 0 5px var(--yi-paper),0 0 2px color-mix(in srgb,var(--yi-paper) 70%,transparent)}
.yframe-ink .yi-section-title::after{text-shadow:0 0 8px var(--yi-paper),0 0 3px var(--yi-paper)}
.yframe-ink .header-slider-card .zib-widget{background:color-mix(in srgb,var(--yi-surface) 97%,var(--yi-paper))!important}
@media(prefers-reduced-motion:reduce){.yframe-ink .yi-ink-drop{display:none}.yframe-ink posts.posts-item.card:hover,.yframe-ink posts.posts-item.card:active{transform:none!important}}
.yframe-ink:is(.yi-motion-off,.yi-lite) .yi-ink-drop{display:none}

/* ==== 1.8.0 · 雅集 refinement: one grid, quieter cards, seal motif, avatar frames, reading type. ====
   Static styling only, plus transform/opacity transitions. No web fonts, no backdrop-filter, no animated filters. */
body.yframe-ink{--yi-seal:#a63a2c;--yi-seal-ink:#fbf2e2;--yi-ink-ring:#4c6356;--yi-gold-ring:#c39242;--yi-violet-ring:#8a62b8;--yi-card-r:14px;--yi-hair:color-mix(in srgb,var(--yi-line) 75%,transparent);--yi-lift:0 1px 2px rgba(25,35,30,.04),0 12px 30px -16px rgba(var(--yi-haze),.32);--yi-lift-hover:0 2px 4px rgba(25,35,30,.05),0 26px 48px -22px rgba(var(--yi-haze),.45);--yi-price-reserve:91px;--yi-brush:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 12' preserveAspectRatio='none'%3E%3Cpath d='M3 8C40 3 110 1 197 5c-30 4-120 7-194 3z'/%3E%3C/svg%3E")}
body.yframe-ink.dark-theme{--yi-seal:#c4553f;--yi-seal-ink:#fff4e6;--yi-ink-ring:#a4c3c6;--yi-gold-ring:#e2bd76;--yi-violet-ring:#bc93e6;--yi-lift:0 1px 2px rgba(0,0,0,.18),0 14px 34px -18px rgba(0,0,0,.55);--yi-lift-hover:0 2px 6px rgba(0,0,0,.22),0 28px 52px -22px rgba(0,0,0,.6)}

/* Image arrival: Zibll animates filter:blur on every lazy image; a short fade is cheaper and calmer. */
.yframe-ink .lazyloaded,.yframe-ink .lazyloaded.img-icon{--lazy-animation:yi-img-in}
@keyframes yi-img-in{from{opacity:0}to{opacity:1}}

/* One column: home widgets align with the hero and the header (1320px content). */
.yframe-ink.yi-home .zib-widget-wrap>.widget-container{max-width:1350px}
.yframe-ink .yi-hero{border-radius:20px;box-shadow:0 0 0 1px var(--yi-hair),0 0 0 7px color-mix(in srgb,var(--yi-surface) 55%,transparent),0 0 0 8px var(--yi-hair),0 34px 70px -36px rgba(var(--yi-haze),.55)}
.yframe-ink.dark-theme .yi-hero{box-shadow:0 0 0 1px #3e5662,0 0 0 7px rgba(26,42,51,.55),0 0 0 8px rgba(80,110,122,.35),0 34px 70px -34px rgba(0,0,0,.6)}
.yframe-ink .yi-hero h1{letter-spacing:.12em;font-weight:600}
.yframe-ink .yi-hero p{letter-spacing:.09em;line-height:2}
.yframe-ink .yi-action{border-radius:999px;padding:12px 24px;letter-spacing:.08em}
.yframe-ink .yi-action::after,.yframe-ink :is(.pay-box,.pay-widget) .cashier-link::after,.yframe-ink .modal .initiate-pay::after,.yframe-ink .payvip-icon::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(105deg,transparent 36%,rgba(255,255,255,.30) 50%,transparent 64%);transform:translateX(-130%);transition:transform .9s var(--yi-ease)}
.yframe-ink :is(.pay-box,.pay-widget) .cashier-link,.yframe-ink .modal .initiate-pay{position:relative;overflow:hidden;isolation:isolate}
@media(hover:hover) and (pointer:fine){.yframe-ink :is(.yi-action,.cashier-link,.initiate-pay,.payvip-icon):hover::after{transform:translateX(130%)}}

/* Header: brush underline on hover/current item (transform only), gold for the membership button. */
.yframe-ink .navbar-nav>li>a{background-image:none!important;position:relative}
.yframe-ink .navbar-nav>li>a::after,.yframe-ink .list-inline.scroll-x>li>a::after{content:"";position:absolute;left:14%;right:14%;bottom:5px;height:4px;background:var(--yi-seal);-webkit-mask:var(--yi-brush) center/100% 100% no-repeat;mask:var(--yi-brush) center/100% 100% no-repeat;transform:scaleX(0);transform-origin:left center;opacity:.85;transition:transform .45s var(--yi-ease);pointer-events:none}
.yframe-ink .navbar-nav>li:is(:hover,.current-menu-item,.current-menu-ancestor,.current_page_item)>a::after,.yframe-ink .navbar-nav>li>a:focus-visible::after{transform:scaleX(1)}
.yframe-ink .header{box-shadow:0 1px 0 var(--yi-hair),0 10px 30px -26px rgba(var(--yi-haze),.6)!important}
.yframe-ink .payvip-icon{background:linear-gradient(115deg,var(--yi-buy-a),var(--yi-buy-b))!important;color:var(--yi-buy-ink)!important;--this-color:var(--yi-buy-ink);border-radius:999px!important;font-weight:600;letter-spacing:.04em}
.yframe-ink .navbar .navbar-but .but:not(.payvip-icon){border-radius:999px}

/* Tabs as ink-underlined words instead of pills. */
.yframe-ink .list-inline.scroll-x>li>a{position:relative;background:transparent!important;color:var(--yi-muted)!important;font-weight:500;letter-spacing:.06em;padding:6px 14px 10px!important;box-shadow:none!important}
.yframe-ink .list-inline.scroll-x>li.active>a,.yframe-ink .index-tab .list-inline>li.active>a{background:transparent!important;color:var(--yi-ink)!important;font-weight:650}
.yframe-ink .list-inline.scroll-x>li.active>a::after{transform:scaleX(1)}
.yframe-ink .list-inline.scroll-x>li>a:hover{color:var(--yi-ink)!important}
.yframe-ink .list-inline.scroll-x>li>a::after{bottom:1px}

/* Section titles: a seal (印章) for the course collection, a small vermilion lozenge elsewhere. */
.yframe-ink .yi-section-title{padding-left:60px!important;min-height:54px;font-size:30px!important;letter-spacing:.14em;text-shadow:0 0 14px var(--yi-paper),0 0 5px var(--yi-paper)}
.yframe-ink .yi-section-title::before{content:"课";top:50%!important;bottom:auto!important;left:0!important;width:42px!important;height:42px!important;transform:translateY(-50%) rotate(-4deg)!important;background:var(--yi-seal)!important;color:var(--yi-seal-ink);font:600 21px/42px var(--yi-serif);text-align:center;letter-spacing:0;border-radius:5px 7px 4px 6px!important;box-shadow:inset 0 0 0 2px var(--yi-seal),inset 0 0 0 3.5px rgba(255,244,228,.55)!important;text-shadow:none}
.yframe-ink .title-theme:not(.yi-section-title)::before{width:9px!important;height:9px!important;top:50%!important;bottom:auto!important;left:2px!important;transform:translateY(-50%) rotate(45deg);border-radius:2px!important;background:var(--yi-seal)!important;box-shadow:none!important}
.yframe-ink .yi-section-title::after{letter-spacing:.32em;margin-top:2px}

/* Quick-link strip: hairline dividers, ink-circle icons. */
.yframe-ink .header-slider-card .zib-widget{border-radius:16px!important;border-top-width:1px!important;box-shadow:var(--yi-lift)}
@media(min-width:768px){.yframe-ink .header-slider-card .flex-row>.relative-h+.relative-h{border-left:1px solid var(--yi-hair)}}
.yframe-ink .header-slider-card .icon-cover-icon{box-shadow:inset 0 0 0 1px var(--yi-hair);transition:transform .45s var(--yi-ease)}
@media(hover:hover) and (pointer:fine){.yframe-ink .header-slider-card .icon-cover-card:hover .icon-cover-icon{transform:translateY(-2px) rotate(-6deg)}}

/* Course cards: one radius, layered soft shadow, one quiet meta line, clear price hierarchy. */
.yframe-ink .yi-course-grid{gap:28px 24px}
.yframe-ink .yi-course-grid>posts.posts-item.card{border-radius:var(--yi-card-r)!important;border:1px solid var(--yi-hair)!important;box-shadow:var(--yi-lift)!important}
.yframe-ink .yi-course-grid>posts.posts-item.card .item-thumbnail{position:relative}
.yframe-ink .yi-course-grid>posts.posts-item.card .item-thumbnail::after{content:"";position:absolute;inset:auto 0 0;height:38%;background:linear-gradient(180deg,transparent,rgba(12,20,16,.16));pointer-events:none}
.yframe-ink .yi-course-grid>posts.posts-item.card .item-body{padding:16px 18px 18px!important}
.yframe-ink .yi-course-grid>posts.posts-item.card .item-heading{font-size:15px;line-height:1.6;max-height:none;min-height:3.2em;margin-bottom:10px!important;letter-spacing:.01em;font-weight:620}
.yframe-ink .yi-course-grid>posts.posts-item.card .item-tags{flex-wrap:nowrap!important;overflow:hidden;min-height:20px;gap:0;margin-bottom:12px;white-space:nowrap}
.yframe-ink posts.posts-item.card .item-tags .but:not(.meta-pay){background:none!important;border:0!important;box-shadow:none!important;padding:0!important;margin:0!important;font-size:12px!important;line-height:20px;color:var(--yi-muted)!important;border-radius:0}
.yframe-ink posts.posts-item.card .item-tags .but:not(.meta-pay) .fa{display:none}
.yframe-ink posts.posts-item.card .item-tags .but:not(.meta-pay)+.but:not(.meta-pay)::before{content:"·";margin:0 .55em;color:var(--muted-4-color)}
.yframe-ink posts.posts-item.card .item-tags :is(.meta-pay+.but,.but:first-child:not(.meta-pay)){color:var(--yi-sage)!important;font-weight:650!important;letter-spacing:.03em}
.yframe-ink posts.posts-item.card .item-tags a[href$="/category/uncategorized"]{display:none!important}
.yframe-ink posts.posts-item.card .item-tags a[href*="%e5%b7%b2%e4%ba%a4%e4%bb%98" i]::after{content:"";display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--yi-sage);margin-left:5px;vertical-align:2px;opacity:.8}
.yframe-ink .yi-course-grid>posts.posts-item.card .item-meta{font-size:12px;padding-top:11px;margin-bottom:0;border-top:1px solid var(--yi-hair);white-space:nowrap}
.yframe-ink .yi-course-grid>posts.posts-item.card .yi-prices{margin-top:auto;padding-top:12px;border-top:1px dashed var(--yi-line)}
.yframe-ink .yi-course-grid>posts.posts-item.card .item-meta{margin-bottom:14px}
.yframe-ink .yi-course-grid .yi-price-main{height:32px;margin-bottom:10px;align-items:center}
.yframe-ink .yi-course-grid .yi-price-main>span{font-size:12px!important;letter-spacing:.14em;color:var(--yi-muted)}
.yframe-ink .yi-course-grid .yi-price-main>strong{font-size:25px;line-height:32px;letter-spacing:-.01em}
.yframe-ink .yi-course-grid .yi-price-main small{font-size:12px;margin-left:2px;font-weight:600;opacity:.85}
.yframe-ink .yi-course-grid>posts.posts-item.card .yi-member{height:36px;display:flex;align-items:center;justify-content:space-between;gap:6px;padding:0 10px!important;border-radius:9px!important;line-height:1}
.yframe-ink .yi-course-grid .yi-member span{font-size:12px;opacity:.9;white-space:nowrap}
.yframe-ink .yi-course-grid .yi-member strong{font-size:13.5px;font-weight:700}
.yframe-ink .yi-course-grid>posts.posts-item.card:has(.meta-pay):not(.yi-has-price):not(.yi-price-none) .item-body::after{background-position:0 23px,100% 18px,0 55px,100% 55px;background-size:30% 9px,24% 18px,calc(50% - 4px) 36px,calc(50% - 4px) 36px;border-top-style:dashed}
@media(hover:hover) and (pointer:fine){.yframe-ink .yi-course-grid>posts.posts-item.card:hover{box-shadow:var(--yi-lift-hover)!important;border-color:color-mix(in srgb,var(--yi-gold-ring) 40%,var(--yi-line))!important}}

/* Avatar frames: an ink-brush ring for everyone, gold for 黄金会员, violet for 至尊会员 (from Zibll's own badge). */
.yframe-ink :is(.avatar-img,.avatar-mini)>img.avatar{box-shadow:0 0 0 1.5px var(--yi-surface),0 0 0 2.5px color-mix(in srgb,var(--yi-ink-ring) 45%,transparent)}
.yframe-ink :is(.avatar-img,.avatar-mini):has(>.avatar-badge:is([data-src*="vip-1"],[src*="vip-1"],[title="黄金会员"]))>img.avatar{box-shadow:0 0 0 1.5px var(--yi-surface),0 0 0 3px var(--yi-gold-ring),0 0 10px rgba(201,150,66,.35)}
.yframe-ink :is(.avatar-img,.avatar-mini):has(>.avatar-badge:is([data-src*="vip-2"],[src*="vip-2"],[title="至尊会员"]))>img.avatar{box-shadow:0 0 0 1.5px var(--yi-surface),0 0 0 3px var(--yi-violet-ring),0 0 12px rgba(138,98,184,.4)}
.yframe-ink .avatar-img:not(.avatar-lg):not(.author-header .avatar-img)::before{content:"";position:absolute;inset:-5px;border-radius:50%;pointer-events:none;background:conic-gradient(from 200deg,var(--yi-ink-ring) 0 17%,transparent 23% 29%,var(--yi-ink-ring) 35% 63%,transparent 69% 76%,var(--yi-ink-ring) 83% 100%);-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 2px),#000 calc(100% - 1.5px));mask:radial-gradient(farthest-side,transparent calc(100% - 2px),#000 calc(100% - 1.5px));opacity:.5;transition:transform .9s var(--yi-ease),opacity .4s ease}
.yframe-ink .avatar-img:not(.author-header .avatar-img):has(>.avatar-badge:is([data-src*="vip-1"],[src*="vip-1"],[title="黄金会员"]))::before{--yi-ink-ring:var(--yi-gold-ring);opacity:.9}
.yframe-ink .avatar-img:not(.author-header .avatar-img):has(>.avatar-badge:is([data-src*="vip-2"],[src*="vip-2"],[title="至尊会员"]))::before{--yi-ink-ring:var(--yi-violet-ring);opacity:.9}
@media(hover:hover) and (pointer:fine){.yframe-ink a:hover>.avatar-img::before,.yframe-ink .avatar-img:hover::before{transform:rotate(120deg);opacity:1}}
.yframe-ink .author-header .header-avatar .avatar-img .avatar{border-radius:24px!important;box-shadow:0 0 0 1px var(--yi-hair),0 10px 26px -10px rgba(20,40,29,.35)}
.yframe-ink .author-header:has(.display-name img[title="至尊会员"]) .header-avatar .avatar-img .avatar{box-shadow:0 0 0 2px var(--yi-violet-ring),0 0 22px rgba(138,98,184,.35),0 10px 26px -10px rgba(20,40,29,.35)}
.yframe-ink .author-header:has(.display-name img[title="黄金会员"]) .header-avatar .avatar-img .avatar{box-shadow:0 0 0 2px var(--yi-gold-ring),0 0 22px rgba(201,150,66,.32),0 10px 26px -10px rgba(20,40,29,.35)}

/* Article reading: calmer measure, generous rhythm, ink markers. */
.yframe-ink .article-title{font-family:var(--yi-serif);font-size:29px;line-height:1.5;letter-spacing:.03em;font-weight:600}
.yframe-ink .wp-posts-content{font-size:16px;line-height:2;letter-spacing:.02em}
.yframe-ink .wp-posts-content p{margin:0 0 1.1em}
.yframe-ink .wp-posts-content :is(ul,ol){padding-left:1.5em}
.yframe-ink .wp-posts-content li{margin:.35em 0}
.yframe-ink .wp-posts-content li::marker{color:var(--yi-seal)}
.yframe-ink .wp-posts-content h2{font-size:23px;border-left-color:var(--yi-seal)!important;border-bottom:0;padding:2px 0 2px 14px}
.yframe-ink .wp-posts-content h3{font-size:19px}
.yframe-ink .wp-posts-content img{box-shadow:0 18px 40px -26px rgba(15,25,20,.45)}
.yframe-ink .wp-posts-content :where(blockquote,.wp-block-quote){position:relative;padding:20px 24px 20px 54px}
.yframe-ink .wp-posts-content :where(blockquote,.wp-block-quote)::before{content:"“";position:absolute;left:16px;top:6px;font:700 44px/1 var(--yi-serif);color:var(--yi-seal);opacity:.55}
.yframe-ink .wp-posts-content hr{border:0;height:12px;background:var(--yi-line);-webkit-mask:var(--yi-brush) center/60% 4px no-repeat;mask:var(--yi-brush) center/60% 4px no-repeat;opacity:1}
.yframe-ink .article{border-radius:18px;box-shadow:var(--yi-lift)}

/* Purchase surfaces: a mounted (装裱) frame; colors stay with the 1.6 semantics. */
.yframe-ink .pay-box{box-shadow:inset 0 0 0 1px rgba(var(--yi-glow),.16),var(--yi-lift)}
.yframe-ink .pay-widget{border-radius:16px;overflow:hidden;box-shadow:var(--yi-lift)}
.yframe-ink .modal-content{border-radius:18px;box-shadow:0 0 0 1px var(--yi-hair),0 0 0 6px color-mix(in srgb,var(--yi-surface) 40%,transparent),0 40px 90px -30px rgba(10,24,20,.5)}
.yframe-ink .modal .close{transition:transform .35s var(--yi-ease),opacity .2s}
@media(hover:hover) and (pointer:fine){.yframe-ink .modal .close:hover{transform:rotate(90deg);opacity:1}}

/* Forum and author pages. */
.yframe-ink .forum-posts.alone{border-radius:16px;box-shadow:var(--yi-lift)}
.yframe-ink .forum-title{font-family:var(--yi-serif);letter-spacing:.03em}
.yframe-ink .author-header{border-radius:18px;box-shadow:var(--yi-lift)}
.yframe-ink .author-header .page-cover .linear-mask{background:linear-gradient(180deg,transparent 50%,rgba(14,24,20,.45))}

/* Footer: a mountain ridge rises from the top edge (static mask), links get a calm hover. */
.yframe-ink .footer{position:relative;border-top:0!important;margin-top:64px}
.yframe-ink .footer::before{content:"";position:absolute;left:0;right:0;bottom:100%;height:34px;background:var(--yi-surface);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 600 34' preserveAspectRatio='none'%3E%3Cpath d='M0 34V26l38-7 28 5 48-15 40 9 34-5 44-12 50 16 40-5 44 7 50-18 44 13 40-4 40 9 40-5 62 12v9z'/%3E%3C/svg%3E") bottom/1200px 34px repeat-x;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 600 34' preserveAspectRatio='none'%3E%3Cpath d='M0 34V26l38-7 28 5 48-15 40 9 34-5 44-12 50 16 40-5 44 7 50-18 44 13 40-4 40 9 40-5 62 12v9z'/%3E%3C/svg%3E") bottom/1200px 34px repeat-x;pointer-events:none}
.yframe-ink .footer .fcode-links a{margin-right:14px;color:var(--yi-muted)}
.yframe-ink .footer .fcode-links a:hover{color:var(--yi-seal)}
.yframe-ink .footer-muted{line-height:1.95;letter-spacing:.03em}

/* Click splash pieces (spawned by ink.js on empty background). */
.yframe-ink .yi-ink-drop>b{position:absolute;left:50%;top:50%;width:8px;height:8px;margin:-4px;border-radius:50%;background:rgba(var(--yi-haze),.55);opacity:0}
.yframe-ink.dark-theme .yi-ink-drop>b{background:rgba(var(--yi-haze),.7)}

@media(max-width:767px){
 .yframe-ink .yi-hero{border-radius:16px;box-shadow:0 0 0 1px var(--yi-hair),0 18px 40px -26px rgba(var(--yi-haze),.55)}
 .yframe-ink .yi-section-title{padding-left:50px!important;font-size:25px!important;min-height:46px}
 .yframe-ink .yi-section-title::before{width:36px!important;height:36px!important;font-size:18px;line-height:36px}
 .yframe-ink .yi-course-grid{gap:14px 12px}
 .yframe-ink .yi-course-grid>posts.posts-item.card{border-radius:12px!important}
 .yframe-ink .yi-course-grid>posts.posts-item.card .item-body{padding:11px 10px 12px!important}
 .yframe-ink .yi-course-grid>posts.posts-item.card .item-heading{font-size:13px;min-height:3.2em}
 .yframe-ink posts.posts-item.card .item-tags .but:not(.meta-pay){font-size:10.5px!important}
 .yframe-ink .yi-course-grid>posts.posts-item.card .item-tags{margin-bottom:8px}
 .yframe-ink .yi-course-grid>posts.posts-item.card .item-meta{font-size:10px;padding-top:8px}
 body.yframe-ink{--yi-price-reserve:87px}
 .yframe-ink .yi-course-grid .yi-price-main{height:28px;margin-bottom:8px}
 .yframe-ink .yi-course-grid .yi-price-main>strong{font-size:21px;line-height:28px}
 .yframe-ink .yi-course-grid .yi-price-main>span{font-size:10px!important;letter-spacing:.06em}
 .yframe-ink .yi-course-grid>posts.posts-item.card .yi-member{height:auto;min-height:38px;flex-direction:column;align-items:flex-start;justify-content:center;gap:2px;padding:5px 7px!important}
 .yframe-ink .yi-course-grid .yi-member span{font-size:10px}
 .yframe-ink .yi-course-grid .yi-member strong{font-size:12px}
 .yframe-ink .yi-course-grid>posts.posts-item.card:has(.meta-pay):not(.yi-has-price):not(.yi-price-none) .item-body::after{background-position:0 22px,100% 18px,0 49px,100% 49px;background-size:30% 8px,24% 16px,calc(50% - 3px) 38px,calc(50% - 3px) 38px}
 .yframe-ink .article-title{font-size:22px}
 .yframe-ink .wp-posts-content{font-size:15px;line-height:1.95}
 .yframe-ink .footer{margin-top:48px}
 .yframe-ink .list-inline.scroll-x>li>a{padding:6px 10px 10px!important}
}
@media(prefers-reduced-motion:reduce){.yframe-ink :is(.yi-action,.cashier-link,.initiate-pay,.payvip-icon)::after{display:none}.yframe-ink .avatar-img::before{transition:none}}
/* 1.8.0 grid rhythm: 4 roomy columns on the 1320px column, 3 on laptops (2 on phones stays from 1.6). */
@media(min-width:1200px){.yframe-ink .yi-course-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(min-width:992px) and (max-width:1199px){.yframe-ink .yi-course-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
.yframe-ink .yi-course-grid .yi-member{min-width:0;overflow:hidden}
.yframe-ink .list-inline.scroll-x>li.active,.yframe-ink .list-inline.scroll-x>li{background:transparent!important;box-shadow:none!important}
.yframe-ink .list-inline.scroll-x>li>a::after{height:5px;bottom:2px}
.yframe-ink .index-tab .list-inline.scroll-x>li>a{font-family:var(--yi-serif);font-size:15px;letter-spacing:.12em}
/* Ink splash strength: readable on the busy ground, still soft. */
.yframe-ink .yi-ink-drop>i:first-child{background:radial-gradient(circle,rgba(var(--yi-haze),.62),rgba(var(--yi-haze),.30) 34%,rgba(var(--yi-haze),.08) 55%,transparent 68%)}
.yframe-ink .yi-ink-drop>i:last-child{border:2px solid rgba(var(--yi-haze),.6)}
.yframe-ink.dark-theme .yi-ink-drop>i:first-child{background:radial-gradient(circle,rgba(var(--yi-haze),.7),rgba(var(--yi-glow),.28) 36%,rgba(var(--yi-haze),.08) 56%,transparent 68%)}
.yframe-ink.dark-theme .yi-ink-drop>i:last-child{border-color:rgba(var(--yi-haze),.75)}
.yframe-ink .yi-ink-drop>b{background:rgba(var(--yi-haze),.8)}
.yframe-ink:not(.dark-theme) .yi-ink-drop>i:first-child{background:radial-gradient(circle,rgba(28,38,33,.58),rgba(28,38,33,.24) 34%,rgba(28,38,33,.07) 55%,transparent 68%)}
.yframe-ink:not(.dark-theme) .yi-ink-drop>i:last-child{border-color:rgba(28,40,34,.55)}
.yframe-ink:not(.dark-theme) .yi-ink-drop>b{background:rgba(28,38,33,.75)}

/* 1.8.0: darken section subtitle in day mode over landscape */
body:not(.dark-theme).yframe-ink .yi-section-title::after,body:not(.dark-theme) .yframe-ink .yi-section-title::after{color:#4a4f4c;text-shadow:0 0 6px rgba(248,244,234,.95),0 0 2px rgba(248,244,234,.9)}

/* ==== 1.9.0 · 山海长卷 home showcase ====
   Home reads like an unrolled handscroll: 卷壹 精选轮播 + 本周新上, 卷贰 门类导览, 卷叁 热门榜, then one shelf per platform/subject.
   Only transform/opacity animate. No masks or filters on scrolling containers. Colours reuse the 1.7/1.8 tokens. */
.yframe-ink .yi-sx{--yi-sx-gap:22px;--yi-r-lg:20px;--yi-on-ink:#fbf7ee;--yi-on-ink-2:rgba(244,239,228,.78);width:100%;max-width:1320px;margin:46px auto 10px;padding:0 15px;position:relative;z-index:1}
.yframe-ink .yi-sx :is(h2,h3){margin:0;padding:0;border:0;background:none}
.yframe-ink .yi-sx :is(h2,h3)::before,.yframe-ink .yi-sx :is(h2,h3)::after{content:none}
.yframe-ink .yi-vh{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}
.yframe-ink .yi-sx-sec{margin-top:58px}
.yframe-ink .yi-sx-sec:first-child{margin-top:0}
/* Section head: vertical seal, serif title, a brush rule that runs to the right edge */
.yframe-ink .yi-sx-head{display:flex;align-items:center;gap:16px;margin:0 0 22px;min-height:52px}
.yframe-ink .yi-sx-no{flex:none;writing-mode:vertical-rl;font-family:var(--yi-serif);font-size:13px;line-height:1;letter-spacing:.14em;padding:7px 5px 5px;background:var(--yi-seal);color:var(--yi-seal-ink);border-radius:3px;box-shadow:inset 0 0 0 1.5px color-mix(in srgb,var(--yi-seal-ink) 32%,transparent);transform:rotate(-2deg);align-self:center}
.yframe-ink .yi-sx-ht{flex:none;min-width:0}
.yframe-ink .yi-sx-ht h2{font-family:var(--yi-serif);font-size:27px;line-height:1.25;font-weight:600;letter-spacing:.07em;color:var(--yi-ink)}
.yframe-ink .yi-sx-ht p{margin:6px 0 0;font-size:11px;letter-spacing:.2em;color:var(--yi-muted);text-transform:uppercase;white-space:nowrap}
.yframe-ink .yi-sx-rule{flex:1;height:10px;margin-top:4px;background:color-mix(in srgb,var(--yi-ink) 18%,transparent);-webkit-mask:var(--yi-brush) center/100% 100% no-repeat;mask:var(--yi-brush) center/100% 100% no-repeat;opacity:.55;min-width:24px}
.yframe-ink .yi-sx-more{flex:none;display:inline-flex;align-items:center;gap:6px;font-size:13px;color:var(--yi-sage);padding:7px 14px;border:1px solid var(--yi-line);border-radius:999px;background:var(--yi-surface);transition:transform .3s var(--yi-ease),border-color .25s ease,color .2s ease}
.yframe-ink .yi-sx-more span{display:inline-block;transition:transform .3s var(--yi-ease)}
.yframe-ink .yi-sx-more:hover{color:var(--yi-red);border-color:color-mix(in srgb,var(--yi-red) 40%,var(--yi-line))}
.yframe-ink .yi-sx-more:hover span{transform:translateX(3px)}
.yframe-ink .yi-shelf-nav{flex:none;display:flex;gap:8px;margin-bottom:2px}
.yframe-ink :is(.yi-nav-btn,.yi-car-btn){display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;padding:0;border-radius:50%;border:1px solid var(--yi-line);background:var(--yi-surface);color:var(--yi-ink);cursor:pointer;transition:transform .3s var(--yi-ease),opacity .25s ease,border-color .25s ease,background-color .25s ease}
.yframe-ink :is(.yi-nav-btn,.yi-car-btn) svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.yframe-ink .yi-nav-btn:disabled{opacity:.35;cursor:default}
@media(hover:hover) and (pointer:fine){.yframe-ink .yi-nav-btn:not(:disabled):hover{border-color:var(--yi-sage);transform:translateY(-2px)}}
@media(hover:none),(pointer:coarse){.yframe-ink .yi-shelf-nav{display:none}}

/* Day mode: section text sits on the landscape ground, so give it the same paper halo the 1.8 title uses. */
body.yframe-ink:not(.dark-theme) .yi-sx-ht h2{text-shadow:0 0 10px rgba(248,244,234,.9),0 0 2px rgba(248,244,234,.9)}
body.yframe-ink:not(.dark-theme) .yi-sx-ht p{color:#2c322e;font-weight:600;text-shadow:0 0 8px rgba(248,244,234,1),0 0 3px rgba(248,244,234,1),0 0 1px rgba(248,244,234,1)}
body.yframe-ink.dark-theme .yi-sx-ht p{color:#b4c3c9}

/* 卷壹 · split: carousel + 本周新上 */
.yframe-ink .yi-split{display:grid;grid-template-columns:minmax(0,1fr) 404px;gap:var(--yi-sx-gap);align-items:stretch}
.yframe-ink .yi-car{position:relative;display:flex;flex-direction:column;border-radius:var(--yi-r-lg);overflow:hidden;background:#0f1714;box-shadow:var(--yi-lift);isolation:isolate;min-width:0}
.yframe-ink .yi-car-track{flex:1;display:flex;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:none;aspect-ratio:16/9;outline-offset:-3px}
.yframe-ink .yi-split:has(.yi-new) .yi-car-track{aspect-ratio:auto;min-height:470px}
.yframe-ink .yi-car-track::-webkit-scrollbar{display:none}
.yframe-ink .yi-slide{position:relative;flex:0 0 100%;scroll-snap-align:start;scroll-snap-stop:always;overflow:hidden;contain:paint}
.yframe-ink .yi-slide-art{position:absolute;inset:0;display:block}
.yframe-ink .yi-slide-art img{width:100%;height:100%;object-fit:cover;display:block;transform:scale(1.001);transform-origin:62% 40%}
.yframe-ink .yi-slide::before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(0deg,rgba(9,14,12,.94) 0%,rgba(9,14,12,.78) 26%,rgba(9,14,12,.28) 54%,rgba(9,14,12,0) 72%),linear-gradient(90deg,rgba(9,14,12,.55),rgba(9,14,12,0) 55%)}
.yframe-ink .yi-slide-copy{position:absolute;left:0;right:0;bottom:0;z-index:2;padding:0 40px 84px;max-width:760px;color:var(--yi-on-ink);pointer-events:none}
.yframe-ink .yi-slide-copy :is(a,.yi-p){pointer-events:auto}
.yframe-ink .yi-slide-eye{display:flex;align-items:center;gap:12px;margin:0 0 12px;font-size:12px;letter-spacing:.12em;color:var(--yi-on-ink-2)}
.yframe-ink .yi-chip{display:inline-flex;align-items:center;padding:3px 11px;border-radius:999px;background:rgba(244,239,228,.13);border:1px solid rgba(244,239,228,.26);color:var(--yi-on-ink);letter-spacing:.06em;font-weight:600}
.yframe-ink .yi-slide-copy h3{font-family:var(--yi-serif);font-size:31px;line-height:1.38;font-weight:600;letter-spacing:.04em;text-wrap:balance;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.yframe-ink .yi-slide-copy h3 a{color:var(--yi-on-ink)!important;text-shadow:0 2px 18px rgba(0,0,0,.35)}
.yframe-ink .yi-slide-ex{margin:12px 0 0;font-size:14px;line-height:1.8;color:var(--yi-on-ink-2);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;max-width:640px}
.yframe-ink .yi-slide-foot{display:flex;align-items:center;flex-wrap:wrap;gap:14px 26px;margin-top:20px}
.yframe-ink .yi-slide-acts{display:flex;gap:10px}
.yframe-ink :is(.yi-buy,.yi-ghost){position:relative;overflow:hidden;display:inline-flex;align-items:center;gap:6px;padding:10px 22px;border-radius:999px;font-size:13.5px;font-weight:650;letter-spacing:.06em;transition:transform .32s var(--yi-ease),box-shadow .32s ease,background-color .25s ease}
.yframe-ink .yi-buy{background:linear-gradient(135deg,#f3dc9f,#d6aa58 55%,#b9873a);color:#2e1f0a!important;box-shadow:0 10px 26px -12px rgba(214,170,88,.75),inset 0 1px 0 rgba(255,255,255,.45)}
.yframe-ink .yi-ghost{color:var(--yi-on-ink)!important;border:1px solid rgba(244,239,228,.38);background:rgba(244,239,228,.06)}
@media(hover:hover) and (pointer:fine){.yframe-ink .yi-buy:hover{transform:translateY(-2px);box-shadow:0 16px 30px -12px rgba(214,170,88,.85),inset 0 1px 0 rgba(255,255,255,.5)}.yframe-ink .yi-ghost:hover{background:rgba(244,239,228,.14);transform:translateY(-2px)}}
.yframe-ink .yi-slide-idx{position:absolute;top:18px;right:30px;z-index:2;font-family:var(--yi-serif);font-size:70px;line-height:1;font-weight:600;color:transparent;-webkit-text-stroke:1px rgba(244,239,228,.55);letter-spacing:.02em;pointer-events:none;opacity:.8}
.yframe-ink .yi-car .yi-p{border:0;margin:0;padding:0;gap:14px}
.yframe-ink .yi-car .yi-p-main b{color:#ffbfa4;font-size:30px}
.yframe-ink .yi-car .yi-p-main small{color:var(--yi-on-ink-2)}
.yframe-ink .yi-car .yi-p-v1{background:rgba(239,208,153,.14)!important;color:#f1d59f!important;border-color:rgba(239,208,153,.42)!important}
.yframe-ink .yi-car .yi-p-v2{background:rgba(217,180,240,.14)!important;color:#dfc0f4!important;border-color:rgba(217,180,240,.42)!important}
.yframe-ink .yi-car .yi-p-wait{color:var(--yi-on-ink-2)}
/* Carousel controls and the autoplay bar (the bar's animationend is the only autoplay clock) */
.yframe-ink .yi-car-ui{position:absolute;left:40px;right:24px;bottom:26px;z-index:3;display:flex;align-items:center;gap:10px}
.yframe-ink .yi-car .yi-car-btn{width:34px;height:34px;background:rgba(244,239,228,.1);border-color:rgba(244,239,228,.3);color:var(--yi-on-ink)}
.yframe-ink .yi-car .yi-car-btn:hover{background:rgba(244,239,228,.2)}
.yframe-ink .yi-car-btn[data-dir="-1"]{order:2}.yframe-ink .yi-car-btn[data-dir="1"]{order:3}.yframe-ink .yi-car-play{order:4}
.yframe-ink .yi-car-dots{order:1;flex:1;display:flex;gap:8px;align-items:center;min-width:0}
.yframe-ink .yi-car-dot{position:relative;flex:0 1 54px;height:22px;padding:0;border:0;background:none;cursor:pointer}
.yframe-ink .yi-car-dot::before{content:"";position:absolute;left:0;right:0;top:10px;height:2px;border-radius:2px;background:rgba(244,239,228,.3)}
.yframe-ink .yi-car-bar{position:absolute;left:0;right:0;top:10px;height:2px;border-radius:2px;background:linear-gradient(90deg,#f3dc9f,#e7b56c);transform:scaleX(0);transform-origin:0 50%}
.yframe-ink .yi-car-dot[aria-current=true] .yi-car-bar{transform:scaleX(1)}
.yframe-ink .yi-car-auto .yi-car-dot[aria-current=true] .yi-car-bar{animation:yi-car-progress var(--yi-car-ms,6500ms) linear both}
.yframe-ink .yi-car-auto:is(:hover,.yi-car-off,:has(:focus-visible)) .yi-car-bar,.yframe-ink.yi-hidden .yi-car-bar{animation-play-state:paused!important}
@keyframes yi-car-progress{from{transform:scaleX(0)}to{transform:scaleX(1)}}
.yframe-ink .yi-car-play svg path{fill:currentColor;stroke:none}.yframe-ink .yi-car-play .yi-i-pause{fill:none;stroke:currentColor;stroke-width:2.2}
.yframe-ink .yi-car-play .yi-i-play,.yframe-ink .yi-car-play[aria-pressed=true] .yi-i-pause{display:none}
.yframe-ink .yi-car-play[aria-pressed=true] .yi-i-play{display:inline}
.yframe-ink .yi-car-play[hidden]{display:none}
/* Active slide: slow ink-settle on the cover and a rising copy. Compositor only. */
.yframe-ink .yi-slide.is-active .yi-slide-art img{animation:yi-slide-settle 9s cubic-bezier(.2,.7,.2,1) both}
.yframe-ink .yi-slide.is-active .yi-slide-copy>*{animation:yi-slide-rise .8s var(--yi-ease) both}
.yframe-ink .yi-slide.is-active .yi-slide-copy>:nth-child(2){animation-delay:.07s}.yframe-ink .yi-slide.is-active .yi-slide-copy>:nth-child(3){animation-delay:.14s}.yframe-ink .yi-slide.is-active .yi-slide-copy>:nth-child(4){animation-delay:.21s}
@keyframes yi-slide-settle{from{transform:scale(1.075)}to{transform:scale(1.001)}}
@keyframes yi-slide-rise{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
.yframe-ink.yi-hidden .yi-slide *,.yframe-ink .yi-car-off .yi-slide *{animation-play-state:paused!important}

/* 本周新上: numbered index, like the contents page of a scroll */
.yframe-ink .yi-new{display:flex;flex-direction:column;min-width:0;background:var(--yi-surface);border:1px solid var(--yi-line);border-radius:var(--yi-r-lg);padding:20px 20px 10px;box-shadow:var(--yi-lift)}
.yframe-ink .yi-new-head{display:flex;align-items:center;gap:12px;padding:0 4px 14px;border-bottom:1px solid var(--yi-line)}
.yframe-ink .yi-new-seal{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:4px;background:var(--yi-seal);color:var(--yi-seal-ink);font-family:var(--yi-serif);font-size:17px;transform:rotate(-3deg);box-shadow:inset 0 0 0 1.5px color-mix(in srgb,var(--yi-seal-ink) 30%,transparent)}
.yframe-ink .yi-new-head h3{font-family:var(--yi-serif);font-size:19px;letter-spacing:.1em;color:var(--yi-ink);font-weight:600;line-height:1.3}
.yframe-ink .yi-new-head p{margin:3px 0 0;font-size:10.5px;letter-spacing:.18em;color:var(--yi-muted)}
.yframe-ink .yi-new-list{list-style:none;margin:0;padding:0;flex:1;display:flex;flex-direction:column;justify-content:space-between}
.yframe-ink .yi-new-list li{position:relative;list-style:none;margin:0;padding:0}
.yframe-ink .yi-new-list li+li{border-top:1px dashed color-mix(in srgb,var(--yi-line) 85%,transparent)}
.yframe-ink .yi-new-row{display:grid;grid-template-columns:26px 104px minmax(0,1fr);align-items:center;gap:12px;padding:11px 6px;border-radius:10px;color:var(--yi-ink)!important;transition:background-color .25s ease,transform .35s var(--yi-ease)}
.yframe-ink .yi-new-no{font-family:var(--yi-serif);font-size:17px;color:color-mix(in srgb,var(--yi-ink) 42%,transparent);font-variant-numeric:tabular-nums;text-align:center}
.yframe-ink .yi-new-list li:first-child .yi-new-no{color:var(--yi-seal)}
.yframe-ink .yi-new-thumb{display:block;aspect-ratio:16/9;border-radius:8px;overflow:hidden;background:var(--yi-wash)}
.yframe-ink .yi-new-thumb img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s var(--yi-ease)}
.yframe-ink .yi-new-txt{min-width:0;display:flex;flex-direction:column;gap:4px;padding-bottom:14px}
.yframe-ink .yi-new-txt b{font-size:13.5px;line-height:1.5;font-weight:600;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.yframe-ink .yi-new-txt em{font-style:normal;font-size:11px;color:var(--yi-muted);letter-spacing:.04em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-right:64px}
.yframe-ink .yi-new .yi-p{position:absolute;right:10px;bottom:10px;margin:0;padding:0;border:0;pointer-events:none}
.yframe-ink .yi-new .yi-p-vips{display:none}
.yframe-ink .yi-new .yi-p-main b{font-size:15px}
.yframe-ink .yi-new .yi-p-main small{font-size:10.5px}
.yframe-ink .yi-new .yi-p-wait{display:none}
@media(hover:hover) and (pointer:fine){.yframe-ink .yi-new-row:hover{background:var(--yi-wash);transform:translateX(3px)}.yframe-ink .yi-new-row:hover .yi-new-thumb img{transform:scale(1.06)}.yframe-ink .yi-new-row:hover b{color:var(--yi-red)}}

/* Prices: 朱红 course price, 金 黄金会员, 紫 至尊会员 (same tokens as the 1.7/1.8 cards and pay box) */
.yframe-ink .yi-p{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:auto;padding-top:12px;border-top:1px dashed var(--yi-line);min-height:44px}
.yframe-ink .yi-p-main{display:inline-flex;align-items:baseline;gap:3px;white-space:nowrap}
.yframe-ink .yi-p-main b{font-size:22px;line-height:1.1;font-weight:700;color:var(--yi-price);font-variant-numeric:tabular-nums;letter-spacing:-.01em}
.yframe-ink .yi-p-main small{font-size:11.5px;font-weight:600;color:var(--yi-price);opacity:.85}
.yframe-ink .yi-p-vips{display:flex;gap:5px;min-width:0;flex-wrap:nowrap}
.yframe-ink .yi-p-v{display:inline-flex;align-items:baseline;gap:3px;padding:3px 8px;border-radius:999px;font-size:12.5px;font-weight:700;line-height:1.35;white-space:nowrap;font-variant-numeric:tabular-nums;border:1px solid transparent}
.yframe-ink .yi-p-v i{font-style:normal;font-size:10.5px;font-weight:500;opacity:.88}
.yframe-ink .yi-p-v1{background:var(--yi-gold-bg);color:var(--yi-gold-ink);border-color:var(--yi-gold-line)}
.yframe-ink .yi-p-v2{background:var(--yi-violet-bg);color:var(--yi-violet-ink);border-color:var(--yi-violet-line)}
.yframe-ink .yi-p-wait{font-size:12px;color:var(--yi-muted);letter-spacing:.06em}

/* 卷贰 · bento of categories */
.yframe-ink .yi-bento{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:172px;gap:16px}
.yframe-ink .yi-tile{position:relative;isolation:isolate;display:block;overflow:hidden;border-radius:18px;background:#16201c;color:var(--yi-on-ink)!important;grid-column:span var(--yi-span,1);box-shadow:var(--yi-lift);border:1px solid var(--yi-line)}
.yframe-ink .yi-tile-xl{grid-column:span 2;grid-row:span 2}
.yframe-ink .yi-tile-wide{grid-column:span 2}
.yframe-ink .yi-tile>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;transition:transform .9s var(--yi-ease)}
.yframe-ink .yi-tile::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,rgba(9,14,12,.9),rgba(9,14,12,.45) 48%,rgba(9,14,12,.08) 80%)}
.yframe-ink .yi-tile-seal{position:absolute;left:16px;top:16px;display:inline-flex;align-items:center;justify-content:center;min-width:28px;height:28px;padding:0 6px;border-radius:4px;background:var(--yi-seal);color:var(--yi-seal-ink);font-family:var(--yi-serif);font-size:14px;font-weight:600;transform:rotate(-3deg)}
.yframe-ink .yi-tile-txt{position:absolute;left:18px;right:56px;bottom:16px;display:flex;flex-direction:column;gap:4px}
.yframe-ink .yi-tile-txt b{font-family:var(--yi-serif);font-size:21px;line-height:1.25;font-weight:600;letter-spacing:.05em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.yframe-ink .yi-tile-xl .yi-tile-txt{left:26px;bottom:24px}
.yframe-ink .yi-tile-xl .yi-tile-txt b{font-size:36px;letter-spacing:.06em}
.yframe-ink .yi-tile-txt em{font-style:normal;font-size:12px;letter-spacing:.14em;color:var(--yi-on-ink-2)}
.yframe-ink .yi-tile-go{position:absolute;right:16px;bottom:16px;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:15px;border:1px solid rgba(244,239,228,.35);background:rgba(244,239,228,.08);transition:transform .4s var(--yi-ease),background-color .3s ease}
.yframe-ink .yi-tile-plain{background:var(--yi-surface);color:var(--yi-ink)!important}
.yframe-ink .yi-tile-plain::before{background:radial-gradient(120% 90% at 100% 0%,color-mix(in srgb,var(--yi-sage) 16%,transparent),transparent 60%),radial-gradient(90% 80% at 0% 100%,color-mix(in srgb,var(--yi-red) 9%,transparent),transparent 65%)}
.yframe-ink .yi-tile-plain .yi-tile-txt em{color:var(--yi-muted)}
.yframe-ink .yi-tile-plain .yi-tile-go{border-color:var(--yi-line);background:var(--yi-wash);color:var(--yi-sage)}
@media(hover:hover) and (pointer:fine){.yframe-ink .yi-tile:hover>img{transform:scale(1.06)}.yframe-ink .yi-tile:hover .yi-tile-go{transform:rotate(45deg);background:rgba(244,239,228,.2)}}

/* Shelves: native scroll-snap rows, 4⅓ cards visible so the next one always peeks in */
.yframe-ink .yi-shelf{content-visibility:auto;contain-intrinsic-size:auto 470px}
.yframe-ink .yi-shelf-row{--yi-cols:4.3;display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - (var(--yi-cols) - .3) * 20px) / var(--yi-cols));gap:20px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-padding-inline:4px;overscroll-behavior-x:contain;scrollbar-width:none;padding:10px 4px 26px;margin:-10px -4px -14px;outline-offset:-2px}
.yframe-ink .yi-shelf-row::-webkit-scrollbar{display:none}
.yframe-ink .yi-cell{scroll-snap-align:start;min-width:0;display:flex}
.yframe-ink .yi-c{position:relative;flex:1;min-width:0;display:flex;flex-direction:column;background:var(--yi-surface);border:1px solid var(--yi-line);border-radius:var(--yi-card-r,14px);overflow:hidden;box-shadow:var(--yi-lift)}
.yframe-ink .yi-c-art{position:relative;display:block;aspect-ratio:16/9;overflow:hidden;background:var(--yi-wash)}
.yframe-ink .yi-c-art img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .7s var(--yi-ease)}
.yframe-ink .yi-c-tag{position:absolute;left:10px;top:10px;max-width:calc(100% - 56px);padding:3px 10px;border-radius:999px;background:rgba(12,18,16,.66);color:#f5efe0;font-size:11px;font-weight:600;letter-spacing:.05em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.yframe-ink .yi-c-new{position:absolute;right:10px;top:10px;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:3px;background:var(--yi-seal);color:var(--yi-seal-ink);font-family:var(--yi-serif);font-size:12px;transform:rotate(-4deg)}
.yframe-ink .yi-c-body{flex:1;display:flex;flex-direction:column;padding:14px 16px 15px}
.yframe-ink .yi-c-t{font-size:14.5px;line-height:1.6;font-weight:600;min-height:3.2em;letter-spacing:.01em}
.yframe-ink .yi-c-t a{color:var(--yi-ink);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.yframe-ink .yi-c-t a:hover{color:var(--yi-red)}
.yframe-ink .yi-c-meta{display:flex;gap:10px;margin:6px 0 12px;font-size:11.5px;color:var(--yi-muted);letter-spacing:.03em}
.yframe-ink .yi-c-meta{overflow:hidden;white-space:nowrap}.yframe-ink .yi-c-meta span{flex:none}.yframe-ink .yi-c-meta span+span::before{content:"·";margin-right:10px;opacity:.7}
.yframe-ink .yi-c-meta .yi-c-subj{flex:0 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;color:var(--yi-sage);font-weight:600}
@media(hover:hover) and (pointer:fine){.yframe-ink .yi-c:hover .yi-c-art img{transform:scale(1.05)}}
/* Ranked shelf: large stroked numerals, the top three in gold */
.yframe-ink .yi-c-rank{position:absolute;left:12px;top:4px;z-index:3;font-family:var(--yi-serif);font-size:64px;line-height:1;font-weight:700;color:rgba(255,255,255,.08);-webkit-text-stroke:1.5px rgba(255,255,255,.9);text-shadow:0 6px 20px rgba(0,0,0,.4);pointer-events:none;font-variant-numeric:tabular-nums}
.yframe-ink .yi-cell:nth-child(-n+3) .yi-c-rank{color:#f0d18f;-webkit-text-stroke:1px #8a5b1c}
.yframe-ink .yi-c-ranked .yi-c-art::after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(9,14,12,.55),rgba(9,14,12,0) 45%)}
.yframe-ink .yi-c-ranked .yi-c-tag{left:auto;right:10px;top:auto;bottom:10px}
.yframe-ink .yi-c-ranked .yi-c-new{display:none}
.yframe-ink .yi-c-more{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;border:1px dashed color-mix(in srgb,var(--yi-sage) 45%,var(--yi-line));border-radius:var(--yi-card-r,14px);color:var(--yi-sage)!important;background:color-mix(in srgb,var(--yi-wash) 60%,transparent);text-align:center;padding:20px;transition:background-color .3s ease}
.yframe-ink .yi-c-more b{font-family:var(--yi-serif);font-size:20px;letter-spacing:.06em;color:var(--yi-ink)}
.yframe-ink .yi-c-more span{font-size:13px}
.yframe-ink .yi-c-more:hover{background:var(--yi-wash)}
/* Zibll's own list continues below as 全部课程 (or is hidden by the admin option) */
.yframe-ink.yi-home-sx .fluid-widget-wrap .zib-widget-wrap:has(.index-tab){margin-top:58px}
.yframe-ink.yi-home-solo .fluid-widget-wrap .zib-widget-wrap:has(.index-tab){display:none}
.yframe-ink .yi-section-title#yi-all{scroll-margin-top:90px}

@media(max-width:1199px){.yframe-ink .yi-split{grid-template-columns:minmax(0,1fr) 340px}.yframe-ink .yi-new-row{grid-template-columns:22px 84px minmax(0,1fr);gap:10px}.yframe-ink .yi-slide-copy h3{font-size:26px}.yframe-ink .yi-shelf-row{--yi-cols:3.3}}
@media(max-width:991px){
 .yframe-ink .yi-split{grid-template-columns:1fr}
 .yframe-ink .yi-split:has(.yi-new) .yi-car-track{aspect-ratio:16/9;min-height:0}
 .yframe-ink .yi-new-list{display:grid;grid-template-columns:1fr 1fr;column-gap:16px}
 .yframe-ink .yi-new-list li+li{border-top:0}.yframe-ink .yi-new-list li{border-bottom:1px dashed var(--yi-line)}
 .yframe-ink .yi-bento{grid-template-columns:repeat(3,minmax(0,1fr))}
 .yframe-ink .yi-tile{grid-column:span 1}.yframe-ink .yi-tile-xl,.yframe-ink .yi-tile-wide{grid-column:span 2}
 .yframe-ink .yi-shelf-row{--yi-cols:2.4}
}
@media(max-width:767px){
 .yframe-ink .yi-sx{margin-top:28px;padding:0 12px}
 .yframe-ink .yi-sx-sec{margin-top:40px}
 .yframe-ink .yi-sx-head{gap:11px;margin-bottom:16px;min-height:0}
 .yframe-ink .yi-sx-no{font-size:11px;padding:6px 4px 4px}
 .yframe-ink .yi-sx-ht h2{font-size:21px}
 .yframe-ink .yi-sx-ht p{font-size:9.5px;letter-spacing:.14em}
 .yframe-ink .yi-sx-rule{display:none}
 .yframe-ink .yi-sx-head .yi-sx-more{margin-left:auto;padding:5px 11px;font-size:12px}
 /* Carousel stacks: cover, then copy on paper, so 16:9 covers are never cropped into a phone-tall frame */
 .yframe-ink .yi-car{background:var(--yi-surface);border:1px solid var(--yi-line);border-radius:16px}
 .yframe-ink .yi-car-track,.yframe-ink .yi-split:has(.yi-new) .yi-car-track{aspect-ratio:auto;min-height:0;align-items:stretch}
 .yframe-ink .yi-slide{display:flex;flex-direction:column;background:var(--yi-surface)}
 .yframe-ink .yi-slide::before{display:none}
 .yframe-ink .yi-slide-art{position:relative;inset:auto;aspect-ratio:16/9;flex:none}
 .yframe-ink .yi-slide-copy{position:static;padding:16px 16px 6px;color:var(--yi-ink);flex:1;display:flex;flex-direction:column}
 .yframe-ink .yi-slide-eye{color:var(--yi-muted);margin-bottom:8px;font-size:11px}
 .yframe-ink .yi-chip{background:var(--yi-wash);border-color:var(--yi-line);color:var(--yi-sage)}
 .yframe-ink .yi-slide-copy h3{font-size:19px;line-height:1.45}
 .yframe-ink .yi-slide-copy h3 a{color:var(--yi-ink)!important;text-shadow:none}
 .yframe-ink .yi-slide-ex{font-size:13px;color:var(--yi-muted);margin-top:8px}
 .yframe-ink .yi-slide-foot{margin-top:auto;padding-top:14px;gap:12px}
 .yframe-ink .yi-slide-acts{width:100%}.yframe-ink .yi-slide-acts a{flex:1;justify-content:center;padding:10px 12px}
 .yframe-ink .yi-ghost{color:var(--yi-ink)!important;border-color:var(--yi-line);background:var(--yi-wash)}
 .yframe-ink .yi-slide-idx{top:10px;right:14px;font-size:40px}
 .yframe-ink .yi-car .yi-p{width:100%;justify-content:space-between}
 .yframe-ink .yi-car .yi-p-main b{color:var(--yi-price);font-size:24px}
 .yframe-ink .yi-car .yi-p-main small{color:var(--yi-price)}
 .yframe-ink .yi-car .yi-p-v1{background:var(--yi-gold-bg)!important;color:var(--yi-gold-ink)!important;border-color:var(--yi-gold-line)!important}
 .yframe-ink .yi-car .yi-p-v2{background:var(--yi-violet-bg)!important;color:var(--yi-violet-ink)!important;border-color:var(--yi-violet-line)!important}
 .yframe-ink .yi-car .yi-p-wait{color:var(--yi-muted)}
 .yframe-ink .yi-car-ui{position:static;padding:8px 16px 14px;gap:8px}
 .yframe-ink .yi-car .yi-car-btn{width:32px;height:32px;background:var(--yi-wash);border-color:var(--yi-line);color:var(--yi-ink)}
 .yframe-ink .yi-car-dot::before{background:color-mix(in srgb,var(--yi-ink) 18%,transparent)}
 .yframe-ink .yi-car-bar{background:linear-gradient(90deg,var(--yi-gold-ring),var(--yi-seal))}
 .yframe-ink .yi-new{padding:14px 12px 6px;border-radius:16px}
 .yframe-ink .yi-new-list{display:flex}
 .yframe-ink .yi-new-list li{border-bottom:0}.yframe-ink .yi-new-list li+li{border-top:1px dashed var(--yi-line)}
 .yframe-ink .yi-new-row{grid-template-columns:20px 92px minmax(0,1fr);gap:10px;padding:10px 2px}
 /* Bento: 2 columns; the first tile spans the row, an odd tail closes the grid */
 .yframe-ink .yi-bento{grid-template-columns:1fr 1fr;grid-auto-rows:108px;gap:10px}
 .yframe-ink .yi-tile,.yframe-ink .yi-tile-wide{grid-column:span 1;grid-row:span 1;border-radius:14px}
 .yframe-ink .yi-tile-xl{grid-column:span 2;grid-row:span 2}
 .yframe-ink .yi-tile:last-child:nth-child(even){grid-column:span 2}
 .yframe-ink .yi-tile-xl .yi-tile-txt b{font-size:26px}.yframe-ink .yi-tile-txt b{font-size:16px}
 .yframe-ink .yi-tile-txt{left:12px;bottom:11px;right:44px}.yframe-ink .yi-tile-seal{left:11px;top:11px;height:24px;min-width:24px;font-size:12px}
 .yframe-ink .yi-tile-go{width:26px;height:26px;right:11px;bottom:11px;font-size:12px}
 .yframe-ink .yi-tile-txt em{font-size:10.5px;letter-spacing:.08em}
 /* Shelves: edge-to-edge swipe with the next card peeking */
 .yframe-ink .yi-shelf-row{grid-auto-columns:74%;gap:12px;margin:-10px -12px -14px;padding:10px 12px 22px;scroll-padding-inline:12px}
 .yframe-ink .yi-c-body{padding:12px 13px 13px}
 .yframe-ink .yi-c-t{font-size:14px}
 .yframe-ink .yi-c-rank{font-size:50px}
 .yframe-ink.yi-home-sx .fluid-widget-wrap .zib-widget-wrap:has(.index-tab){margin-top:40px}
}
@media(prefers-reduced-motion:reduce){
 .yframe-ink .yi-car-bar,.yframe-ink .yi-slide *,.yframe-ink .yi-slide-art img{animation:none!important}
 .yframe-ink :is(.yi-tile>img,.yi-c-art img,.yi-new-thumb img){transition:none!important;transform:none!important}
 .yframe-ink :is(.yi-car-track,.yi-shelf-row){scroll-behavior:auto}
}
.yframe-ink:is(.yi-motion-off,.yi-lite) :is(.yi-slide *,.yi-slide-art img){animation:none!important}

/* ===== 1.9.2 · Overflow guard (Chinese and machine-translated English / other languages) ===== */
body.yframe-ink{overflow-x:clip}
.yframe-ink .yi-sx-head{min-width:0}
.yframe-ink .yi-sx-ht{flex:0 1 auto;min-width:0}
.yframe-ink .yi-sx-ht h2{overflow-wrap:anywhere;text-wrap:balance}
.yframe-ink .yi-sx-ht p{white-space:normal;overflow-wrap:anywhere;text-wrap:balance;line-height:1.55}
.yframe-ink .yi-sx-rule{flex:1 1 24px}
.yframe-ink :is(.yi-sx-more,.yi-shelf-nav){flex:none;white-space:nowrap}
.yframe-ink .yi-hero-copy{min-width:0;max-width:min(700px,100%)}
.yframe-ink :is(.yi-hero h1,.yi-hero p,.yi-hero-note){overflow-wrap:break-word;hyphens:auto}
.yframe-ink .yi-hero-actions{flex-wrap:wrap}
.yframe-ink .yi-action{white-space:nowrap;max-width:100%}
.yframe-ink .yi-eyebrow{min-width:0}.yframe-ink .yi-eyebrow>span:last-child{min-width:0;overflow-wrap:anywhere}
.yframe-ink :is(.yi-seal,.yi-sx-no,.yi-new-seal,.yi-tile-seal,.yi-c-new){overflow:hidden;white-space:nowrap;flex-shrink:0}
.yframe-ink .yi-sx-no{max-height:5.2em}
.yframe-ink .yi-tile-seal{max-width:3.4em}
.yframe-ink .yi-poem{max-height:calc(100% - 60px);overflow:hidden}
.yframe-ink :is(.yi-tile-txt,.yi-new-txt,.yi-c-body,.yi-slide-copy,.yi-new-head>div){min-width:0}
.yframe-ink :is(.yi-c-t,.yi-new-txt b,.yi-slide-copy h3,.yi-new-head h3){overflow-wrap:anywhere}
.yframe-ink .yi-member{min-width:0}
.yframe-ink .yi-member :is(span,strong){max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.yframe-ink .yi-course-grid .yi-member span{flex:0 1 auto;min-width:0}
.yframe-ink .yi-course-grid .yi-member strong{flex:0 0 auto}
.yframe-ink :is(.yi-p-vips,.yi-p-main){min-width:0}
.yframe-ink .yi-p-v{min-width:0;overflow:hidden;text-overflow:ellipsis}
/* Long URLs / unbroken words in user content (forum excerpts, titles, comments, articles) */
.yframe-ink :is(.forum-title,.forum-posts .excerpt,.content>.excerpt,.item-heading,.item-excerpt,.article-title,.wp-posts-content,.comment-content,.title-theme,.page-title,.yi-section-title){overflow-wrap:anywhere}
/* Header buttons: one line, never clipped mid-glyph */
.yframe-ink .navbar .navbar-but .but{white-space:nowrap;max-width:12em;overflow:hidden;text-overflow:ellipsis}
.yframe-ink .navbar .navbar-text{white-space:nowrap}
.yframe-ink .payvip-icon{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-right:34px!important}
.yframe-ink .mobile-navbar a.signin-loader.but{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
/* Mobile drawer: long menu names wrap on two lines instead of being cut */
.yframe-ink .mobile-menus li a{white-space:normal;text-overflow:clip;overflow-wrap:anywhere;line-height:1.4}
.yframe-ink .mobile-menus .sub-menu{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin:4px 0 8px}
.yframe-ink .mobile-menus .sub-menu li{width:auto;display:block}
.yframe-ink .mobile-menus .sub-menu li>a{display:flex;align-items:center;justify-content:center;gap:4px;min-height:40px;height:100%;margin:0;padding:6px 8px;border-radius:9px;background:var(--yi-wash);border:1px solid var(--yi-hair);font-size:12.5px;line-height:1.3;text-align:center}
.yframe-ink .mobile-menus .sub-menu li>a .menu-item-title{min-width:0}
.yframe-ink .mobile-menus .sub-menu li>a :is(svg,img,.icon,.fa){flex:none}
/* Tabs in forum / user center: equal-width chips must not clip translated labels */
.yframe-ink .list-inline.scroll-x>li>a{white-space:nowrap}
/* Set by ink.js while the site translator shows a non-Chinese language */
.yframe-ink.yi-latin :is(.yi-hero h1,.yi-sx-ht h2,.yi-tile-txt b,.yi-new-head h3,.title-theme,.yi-section-title){letter-spacing:.01em}
.yframe-ink.yi-latin :is(.yi-eyebrow,.yi-sx-ht p,.yi-hero-note,.yi-tile-txt em,.yi-new-head p){letter-spacing:.06em}
.yframe-ink.yi-latin .yi-hero h1{font-size:clamp(28px,3vw,46px);line-height:1.28;max-width:15em}
.yframe-ink.yi-latin .yi-action{letter-spacing:.02em}
.yframe-ink.yi-latin .navbar-nav>li>a{letter-spacing:0}
.yframe-ink.yi-latin .navbar .navbar-but .but{max-width:9.5em}
@media(min-width:768px) and (max-width:1439px){.yframe-ink.yi-latin .navbar-form.navbar-left.hover-show,.yframe-ink.yi-latin .navbar-form.navbar-left.hover-show>*{width:136px!important;max-width:136px}.yframe-ink.yi-latin .navbar-form.navbar-left.hover-show input{min-width:0;width:100%;padding-right:34px;text-overflow:ellipsis}}
.yframe-ink.yi-latin .yi-tile-txt b{font-size:.88em}
.yframe-ink.yi-latin .yi-course-grid>posts.posts-item.card .yi-member{height:auto;min-height:38px;flex-direction:column;align-items:flex-start;justify-content:center;gap:2px;padding:5px 9px!important}
.yframe-ink.yi-latin .yi-course-grid .yi-member span{font-size:10.5px;max-width:100%}
@media(max-width:767px){
 .yframe-ink .yi-sx-head{gap:10px}
 .yframe-ink .yi-sx-ht{flex:1 1 auto}
 .yframe-ink .yi-sx-ht p{letter-spacing:.1em}
 .yframe-ink .yi-hero-actions{gap:10px}
 .yframe-ink .yi-action{padding:11px 18px;gap:14px}
 .yframe-ink.yi-latin .yi-hero h1{font-size:clamp(24px,7.4vw,30px);max-width:none}
 .yframe-ink.yi-latin .yi-sx-ht h2{font-size:19px}
 .yframe-ink.yi-latin .yi-sx-ht p{letter-spacing:.04em;font-size:9.5px}
 .yframe-ink.yi-latin .yi-action{padding:10px 15px;gap:10px;font-size:12.5px}
}
@media(max-width:380px){
 .yframe-ink .yi-sx-ht h2{font-size:19px}
 .yframe-ink .yi-sx-head .yi-sx-more{padding:5px 9px;font-size:11.5px}
 .yframe-ink .yi-action{padding:10px 15px;gap:10px}
}

/* ===== 1.9.2 · Sign in / sign up / reset (page and #u_sign modal) ===== */
.yframe-ink .sign{--focus-color:var(--yi-sage);--focus-shadow-color:rgba(var(--yi-haze),.18)}
.yframe-ink .sign.zib-widget{isolation:isolate;overflow:hidden;border-radius:22px;border:1px solid var(--yi-hair);background:color-mix(in srgb,var(--yi-surface) 94%,transparent);-webkit-backdrop-filter:blur(16px) saturate(1.08);backdrop-filter:blur(16px) saturate(1.08);box-shadow:0 0 0 1px color-mix(in srgb,var(--yi-surface) 50%,transparent),0 0 0 7px color-mix(in srgb,var(--yi-surface) 32%,transparent),0 40px 90px -34px rgba(10,24,20,.55);padding:6px 26px 24px}
.yframe-ink .sign.zib-widget::before{content:"";position:absolute;inset:0 0 auto;height:150px;z-index:-1;pointer-events:none;background:url('assets/landscape-small.webp') 70% 40%/cover no-repeat;opacity:.2;mix-blend-mode:multiply;-webkit-mask:linear-gradient(#000,transparent);mask:linear-gradient(#000,transparent)}
.yframe-ink.dark-theme .sign.zib-widget::before{mix-blend-mode:screen;opacity:.12}
.yframe-ink .sign.zib-widget::after{content:"山海";position:absolute;left:18px;top:18px;writing-mode:vertical-rl;padding:6px 4px;border-radius:3px 5px 2px 4px;background:var(--yi-seal);color:var(--yi-seal-ink);font:600 11px/1 var(--yi-serif);letter-spacing:.12em;transform:rotate(-4deg);box-shadow:inset 0 0 0 1.5px color-mix(in srgb,var(--yi-seal-ink) 30%,transparent);opacity:.92;pointer-events:none}
.yframe-ink .sign .sign-logo{padding:18px 0 4px}
.yframe-ink .sign .sign-logo img{max-height:48px;width:auto}
.yframe-ink .sign .tab-pane>.box-body:first-child{padding:10px 0 14px}
.yframe-ink .sign .title-h-left{font-family:var(--yi-serif);font-size:25px;font-weight:600;letter-spacing:.14em;color:var(--yi-ink);margin-bottom:6px}
.yframe-ink.yi-latin .sign .title-h-left{letter-spacing:.02em}
.yframe-ink .sign .tab-pane>.box-body:first-child>a{color:var(--yi-muted);font-size:12.5px;transition:color .2s ease}
.yframe-ink .sign .tab-pane>.box-body:first-child>a:hover{color:var(--yi-red)}
.yframe-ink .sign .line-form{margin-bottom:14px!important}
.yframe-ink .sign .line-form-input{height:52px;margin:0;padding:21px 46px 6px 15px;border:1px solid var(--yi-line)!important;border-radius:13px;background:color-mix(in srgb,var(--yi-paper) 72%,var(--yi-surface))!important;color:var(--yi-ink);opacity:1;font-size:15px;line-height:1.4;box-shadow:inset 0 1px 2px rgba(25,35,30,.035);transition:border-color .25s ease,box-shadow .3s var(--yi-ease),background-color .3s ease}
.yframe-ink .sign .line-form-input:hover{border-color:color-mix(in srgb,var(--yi-sage) 38%,var(--yi-line))!important}
.yframe-ink .sign .line-form-input:focus{border-color:var(--yi-sage)!important;background:var(--yi-surface)!important;box-shadow:0 0 0 4px rgba(var(--yi-haze),.13)}
.yframe-ink .sign .line-form-line{display:none}
.yframe-ink .sign .scale-placeholder{left:16px;right:46px;top:26px;bottom:auto;padding:0;opacity:1;color:var(--yi-muted);font-size:14px;line-height:1;letter-spacing:.04em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transform:translateY(-50%);transform-origin:left center;transition:transform .28s var(--yi-ease),color .2s ease}
.yframe-ink .sign :is(.line-form-input:focus~.scale-placeholder,.scale-placeholder.is-focus,input:-webkit-autofill~.scale-placeholder,input:autofill~.scale-placeholder){transform:translateY(-152%) scale(.76);font-size:14px;opacity:1}
.yframe-ink .sign .line-form-input:focus~.scale-placeholder{color:var(--yi-sage)}
.yframe-ink .sign input:-webkit-autofill{-webkit-box-shadow:0 0 0 40px var(--yi-surface) inset;-webkit-text-fill-color:var(--yi-ink)}
.yframe-ink .sign .line-form .abs-right{margin-top:0!important;right:12px}
.yframe-ink .sign .line-form .passw{cursor:pointer;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background-color .2s ease,color .2s ease}
.yframe-ink .sign .line-form .passw:hover{background:var(--yi-wash);color:var(--yi-sage)}
.yframe-ink .sign .line-form:has(.captchsubmit) .line-form-input{padding-right:122px}
.yframe-ink .sign .line-form:has(.captchsubmit) .scale-placeholder{right:122px}
.yframe-ink .sign .yztx.abs-right{right:7px}
.yframe-ink .sign .captchsubmit{margin:0!important;padding:7px 14px!important;border-radius:999px!important;font-size:12.5px;font-weight:600;letter-spacing:.04em;white-space:nowrap;background:color-mix(in srgb,var(--yi-sage) 11%,var(--yi-surface))!important;color:var(--yi-sage)!important;border:1px solid color-mix(in srgb,var(--yi-sage) 28%,transparent)!important;box-shadow:none;transition:background-color .2s ease,transform .2s var(--yi-ease)}
.yframe-ink .sign .captchsubmit:hover{background:color-mix(in srgb,var(--yi-sage) 18%,var(--yi-surface))!important}
.yframe-ink .sign .captchsubmit:active{transform:scale(.96)}
.yframe-ink .sign .line-form .imagecaptcha.abs-right{margin:0!important;right:7px}
.yframe-ink .sign .imagecaptcha>img{border-radius:9px;height:38px}
.yframe-ink .sign .line-form .match-ok{right:14px;color:var(--yi-sage)}
.yframe-ink .sign .line-form.em09{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:4px 0 6px!important;padding:0 2px}
.yframe-ink .sign .line-form.em09 .pull-right{float:none!important}
.yframe-ink .sign .line-form.em09 a{color:var(--yi-muted)}.yframe-ink .sign .line-form.em09 a:hover{color:var(--yi-red)}
.yframe-ink .sign :is(input[type=checkbox]){accent-color:var(--yi-sage)}
.yframe-ink .sign form>.box-body:last-of-type,.yframe-ink .sign form .box-body:has(.signsubmit-loader){padding:8px 0 0}
.yframe-ink .sign .signsubmit-loader{position:relative;overflow:hidden;isolation:isolate;height:50px;border:0!important;border-radius:999px!important;font-size:15px;font-weight:600;letter-spacing:.2em;color:#fbf7ee!important;background:linear-gradient(115deg,#43614d,#263d2d)!important;box-shadow:0 14px 26px -14px rgba(31,55,41,.75),inset 0 1px rgba(255,255,255,.14);transition:transform .3s var(--yi-ease),box-shadow .3s ease,filter .2s ease}
.yframe-ink .sign .signsubmit-loader.jb-green{background:linear-gradient(115deg,#b0503f,#7e2d22)!important;box-shadow:0 14px 26px -14px rgba(126,45,34,.7),inset 0 1px rgba(255,255,255,.14)}
.yframe-ink.dark-theme .sign .signsubmit-loader{color:#13241b!important;background:linear-gradient(115deg,#d3e2d6,#a8c2b2)!important;box-shadow:0 14px 28px -14px rgba(0,0,0,.7),inset 0 1px rgba(255,255,255,.4)}
.yframe-ink.dark-theme .sign .signsubmit-loader.jb-green{color:#2e130d!important;background:linear-gradient(115deg,#f0b4a2,#d7826b)!important}
.yframe-ink.yi-latin .sign .signsubmit-loader{letter-spacing:.06em}
.yframe-ink .sign .signsubmit-loader::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(105deg,transparent 36%,rgba(255,255,255,.28) 50%,transparent 64%);transform:translateX(-130%);transition:transform .9s var(--yi-ease)}
@media(hover:hover) and (pointer:fine){.yframe-ink .sign .signsubmit-loader:hover{transform:translateY(-2px);box-shadow:0 20px 34px -16px rgba(31,55,41,.8),inset 0 1px rgba(255,255,255,.16)}.yframe-ink .sign .signsubmit-loader:hover::after{transform:translateX(130%)}}
.yframe-ink .sign .signsubmit-loader:active{transform:translateY(0) scale(.985);filter:brightness(.96)}
.yframe-ink .sign .signsubmit-loader .fa,.yframe-ink .sign .signsubmit-loader svg{opacity:.85}
.yframe-ink .sign .form-checkbox.text-center{opacity:1;color:var(--yi-muted);margin-top:14px}
.yframe-ink .sign .form-checkbox a.focus-color{color:var(--yi-red)!important}
.yframe-ink .sign .icon-spot{opacity:.5}
.yframe-ink .sign .social-separator{display:flex;align-items:center;gap:12px;color:var(--yi-muted);font-size:12px;letter-spacing:.12em}
.yframe-ink .sign .social-separator::before,.yframe-ink .sign .social-separator::after{content:"";flex:1;height:1px;background:linear-gradient(90deg,transparent,var(--yi-line),transparent)}
.yframe-ink .social_loginbar .social-login-item{box-shadow:0 0 0 3px var(--yi-surface),0 0 0 4px var(--yi-line);transition:transform .3s var(--yi-ease),box-shadow .3s ease}
@media(hover:hover) and (pointer:fine){.yframe-ink .social_loginbar .social-login-item:hover{transform:translateY(-2px);box-shadow:0 0 0 3px var(--yi-surface),0 0 0 4px var(--yi-sage),0 10px 18px -8px rgba(0,0,0,.3)}}
.yframe-ink .sign .close{position:absolute;right:14px;top:14px;z-index:3;width:34px;height:34px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:color-mix(in srgb,var(--yi-wash) 80%,transparent);opacity:.8}
.yframe-ink .sign .tab-pane.fade{transition:opacity .35s ease,transform .45s var(--yi-ease);transform:translateY(6px)}
.yframe-ink .sign .tab-pane.fade.in{transform:none}
.yframe-ink .sign-page .sign{width:min(400px,calc(100vw - 28px))!important;max-width:none}
.yframe-ink #u_sign .sign-img{border-radius:22px;overflow:hidden;background:linear-gradient(90deg,color-mix(in srgb,var(--yi-surface) 20%,transparent),color-mix(in srgb,var(--yi-surface) 70%,transparent) 55%,var(--yi-surface) 80%),url('assets/landscape.webp') 18% 62%/cover no-repeat,var(--yi-surface);box-shadow:0 0 0 1px var(--yi-hair),0 40px 90px -34px rgba(10,24,20,.55)}
.yframe-ink.dark-theme #u_sign .sign-img{background:linear-gradient(90deg,rgba(17,27,34,.55),rgba(17,27,34,.85) 55%,var(--yi-surface) 80%),url('assets/landscape.webp') 18% 62%/cover no-repeat,var(--yi-surface)}
.yframe-ink #u_sign .sign-img img{object-fit:contain!important;padding:64px 64px 64px 52px;border-radius:0!important;background:none!important;mix-blend-mode:multiply;opacity:.9}
.yframe-ink.dark-theme #u_sign .sign-img img{filter:invert(1);mix-blend-mode:screen;opacity:.85}
.yframe-ink #u_sign .modal-dialog .sign{margin-top:0}
/* Slider captcha shown before sign-in */
.yframe-ink :is(.sliderContainer){border-radius:12px;background:var(--yi-wash);border:1px solid var(--yi-line);color:var(--yi-muted)}
.yframe-ink :is(.sliderMask){border-radius:12px}
.yframe-ink .captcha-slider{border-radius:10px;background:var(--yi-surface);box-shadow:0 2px 8px rgba(20,35,25,.18)}
.yframe-ink .captcha-body-bg{border-radius:10px;border-color:var(--yi-line)}
@media(max-width:767px){
 .yframe-ink .sign.zib-widget{padding:4px 18px 20px;border-radius:20px}
 .yframe-ink .sign .line-form-input{height:50px;font-size:16px}
}

/* ===== 1.9.2 · Recharge / points / VIP purchase modals and wallet ===== */
.yframe-ink .modal-body>.touch:has(>.modal-title){padding-bottom:12px;margin-bottom:16px!important;border-bottom:1px dashed var(--yi-line)}
.yframe-ink .modal-body>.touch>.modal-title{font-family:var(--yi-serif);font-size:18px;font-weight:600;letter-spacing:.08em}
.yframe-ink :is(.balance-charge-form,.payvip-modal,.modal-body form) .charge-box{display:flex;flex-wrap:wrap;gap:10px;margin-left:0!important;margin-right:0!important}
.yframe-ink .charge-box>:not(.vip-product):not(label){flex:1 0 100%}
.yframe-ink .charge-box>.muted-color{font-size:13px;letter-spacing:.04em;margin:2px 0 -2px!important}
.yframe-ink .charge-box>.muted-color.mt20{margin-top:12px!important}
.yframe-ink .charge-box>.vip-product{flex:1 1 calc(50% - 5px);margin:0;min-width:0}
.yframe-ink .charge-box>label{flex:1 1 150px;margin:0;min-width:0;font-weight:400}
.yframe-ink .charge-box>label>.vip-product{display:flex;width:100%;margin:0}
.yframe-ink .vip-product{min-height:84px;padding:14px 8px 12px;gap:6px;border:1px solid var(--yi-line)!important;border-radius:15px!important;background:var(--yi-surface)!important;box-shadow:0 1px 2px rgba(25,35,30,.04)!important;color:var(--yi-ink);transition:transform .3s var(--yi-ease),border-color .2s ease,box-shadow .3s ease,background-color .3s ease;cursor:pointer;text-align:center}
@media(hover:hover) and (pointer:fine){.yframe-ink .vip-product:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--yi-price) 35%,var(--yi-line))!important;box-shadow:var(--yi-lift)!important}}
.yframe-ink .vip-product:active{transform:scale(.98)}
.yframe-ink :is(.vip-product.active,.vip-product-input:checked~.vip-product){border-color:var(--yi-price)!important;background:linear-gradient(160deg,var(--yi-price-wash),var(--yi-surface) 85%)!important;box-shadow:0 0 0 1px var(--yi-price) inset,0 14px 26px -16px color-mix(in srgb,var(--yi-price) 70%,transparent)!important}
.yframe-ink :is(.vip-product.active,.vip-product-input:checked~.vip-product)::before{color:var(--yi-price)!important;left:7px;top:7px;font-size:15px}
.yframe-ink .vip-product>.em14{font-size:21px;font-weight:700;line-height:1.15;font-variant-numeric:tabular-nums;color:var(--yi-ink);white-space:nowrap}
.yframe-ink .vip-product>.em14 .px12{font-size:12px;font-weight:600;margin-right:1px;opacity:.7}
.yframe-ink .vip-product>.c-red{font-size:13px;color:var(--yi-price)!important;font-variant-numeric:tabular-nums;white-space:nowrap}
.yframe-ink .vip-product .product-price{font-size:27px;color:var(--yi-price)!important;font-variant-numeric:tabular-nums;letter-spacing:-.01em}
.yframe-ink .vip-product .original-price{color:var(--yi-muted);text-decoration:line-through;text-decoration-thickness:1px}
.yframe-ink .vip-product .c-yellow.smail{font-size:11px;padding:1px 5px;border-radius:999px;background:var(--yi-gold-bg);color:var(--yi-gold-ink)!important}
.yframe-ink .vip-product .badg.radius{border-radius:999px;background:var(--yi-wash)!important;color:var(--yi-sage)!important;padding:2px 10px}
.yframe-ink .vip-product .vip-tag{top:-9px!important;right:-5px!important;left:auto!important;transform:rotate(3deg)!important;padding:2px 8px!important;border-radius:4px 9px 3px 8px!important;background:var(--yi-seal)!important;color:var(--yi-seal-ink)!important;font-size:11px!important;font-weight:600;letter-spacing:.06em;box-shadow:0 4px 10px -4px rgba(120,40,30,.5)}
.yframe-ink .charge-box [data-value=custom]>.relative{align-items:center!important;padding:6px 14px;border:1px solid var(--yi-line);border-radius:13px;background:color-mix(in srgb,var(--yi-paper) 72%,var(--yi-surface));transition:border-color .25s ease,box-shadow .3s var(--yi-ease)}
.yframe-ink .charge-box [data-value=custom]>.relative:focus-within{border-color:var(--yi-price);box-shadow:0 0 0 4px color-mix(in srgb,var(--yi-price) 13%,transparent)}
.yframe-ink .charge-box [data-value=custom] .line-form-input{border:0!important;background:transparent!important;box-shadow:none!important;height:38px;font-size:20px;font-weight:700;font-variant-numeric:tabular-nums}
.yframe-ink .charge-box [data-value=custom] .line-form-line{display:none}
.yframe-ink .charge-box [data-value=custom]>.relative>span{font-size:16px;font-weight:600}
.yframe-ink .dependency-box>.muted-2-color.em09{font-size:13px;letter-spacing:.04em;color:var(--yi-muted)}
.yframe-ink .payment-method-radio{position:relative;gap:8px;align-items:center;padding:11px 8px!important;margin:0!important;border:1px solid var(--yi-line)!important;border-radius:13px!important;background:var(--yi-surface);font-size:14px;font-weight:600;color:var(--yi-ink);transition:border-color .2s ease,background-color .25s ease,box-shadow .3s ease,transform .25s var(--yi-ease)}
.yframe-ink .flex:has(>.payment-method-radio){gap:10px}
.yframe-ink .payment-method-radio img{height:26px!important;width:auto}
@media(hover:hover) and (pointer:fine){.yframe-ink .payment-method-radio:hover{border-color:color-mix(in srgb,var(--yi-sage) 45%,var(--yi-line))!important;transform:translateY(-1px)}}
.yframe-ink .payment-method-radio:active{transform:scale(.98)}
.yframe-ink .payment-method-radio.active{border-color:var(--yi-sage)!important;background:color-mix(in srgb,var(--yi-sage) 8%,var(--yi-surface))!important;box-shadow:0 0 0 1px var(--yi-sage) inset}
.yframe-ink .payment-method-radio.active::after{content:"";position:absolute;right:-1px;top:-1px;width:18px;height:18px;border-radius:0 12px 0 8px;background:var(--yi-sage) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4 8.5l2.5 2.5L12 5.5' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/12px no-repeat}
.yframe-ink.dark-theme .payment-method-radio.active::after{background-color:#7fa58c}
.yframe-ink .dependency-box>.muted-box,.yframe-ink .dependency-box [data-controller=payment_method].muted-box{border-radius:13px;border:1px solid var(--yi-line);background:var(--yi-wash)}
.yframe-ink .dependency-box .coupon-input{height:44px;border-radius:12px;padding-right:110px}
.yframe-ink .dependency-box .coupon-submit{border-radius:999px!important;padding:5px 12px!important;font-size:12px;margin-right:4px}
.yframe-ink .modal .initiate-pay{border-radius:999px!important;height:50px;margin-top:12px!important}
.yframe-ink .modal .initiate-pay .pay-price-text{font-variant-numeric:tabular-nums}
.yframe-ink .balance-charge-form>.muted-box,.yframe-ink .modal .charge-box~.muted-box{border-radius:12px;border:1px dashed var(--yi-line);background:var(--yi-wash)}
.yframe-ink .payvip-modal .user-box .avatar-img{box-shadow:0 0 0 2px var(--yi-surface),0 0 0 3px var(--yi-gold-ring);border-radius:50%}
.yframe-ink .payvip-modal .user-box b{font-family:var(--yi-serif);letter-spacing:.06em}
.yframe-ink .payvip-modal .vip-card{border-radius:14px}
/* QR code pay dialog: frame only; the code itself stays black-on-white for scanners */
.yframe-ink #zibpay_modal .pay-qrcon,.yframe-ink .modal-pay-body .pay-qrcon{border-radius:20px;background:var(--yi-surface);color:var(--yi-ink)}
.yframe-ink .modal-pay-body .pay-qrcode img{background:#fff;padding:8px;border-radius:12px;box-shadow:0 0 0 1px var(--yi-line),0 12px 26px -16px rgba(0,0,0,.4)}
.yframe-ink .modal-pay-body .pay-price{font-size:30px;font-weight:700;color:var(--yi-price);font-variant-numeric:tabular-nums}
.yframe-ink .modal-pay-body .pay-settle-mark{color:var(--yi-price);font-weight:600}
.yframe-ink .modal-pay-body .pay-title{letter-spacing:.06em}
.yframe-ink .modal-pay-body .pay-notice .notice{border-radius:999px}
/* User center wallet cards */
.yframe-ink .zib-widget:has(>.withdraw-amount-box){position:relative;overflow:hidden;isolation:isolate;border-radius:18px}
.yframe-ink .zib-widget:has(>.withdraw-amount-box)::before{content:"";position:absolute;right:-30px;bottom:-40px;width:240px;height:150px;z-index:-1;pointer-events:none;background:url('assets/landscape-small.webp') 80% 60%/cover no-repeat;opacity:.12;mix-blend-mode:multiply;-webkit-mask:radial-gradient(ellipse at 70% 70%,#000 20%,transparent 70%);mask:radial-gradient(ellipse at 70% 70%,#000 20%,transparent 70%)}
.yframe-ink.dark-theme .zib-widget:has(>.withdraw-amount-box)::before{mix-blend-mode:screen;opacity:.1}
.yframe-ink .withdraw-amount-box .font-bold{font-variant-numeric:tabular-nums;letter-spacing:-.01em}
.yframe-ink .withdraw-amount-box .but{border-radius:999px!important;padding:6px 16px;font-weight:600;transition:transform .25s var(--yi-ease)}
.yframe-ink .withdraw-amount-box .but:active{transform:scale(.97)}
.yframe-ink .withdraw-amount-box .balance-charge-link{background:linear-gradient(115deg,var(--yi-buy-a),var(--yi-buy-b))!important;color:var(--yi-buy-ink)!important;border:0}
@media(max-width:767px){
 .yframe-ink .vip-product{min-height:76px;padding:12px 6px 10px}
 .yframe-ink .vip-product>.em14{font-size:19px}
}
.yframe-ink .fixed-wrap-nav .tab-nav-theme>li>a{white-space:normal;overflow-wrap:anywhere;line-height:1.35}
.yframe-ink .yi-p-main{max-width:100%}