.lili-magazine{--lm-accent:var(--wd-primary-color,#8c268f);--lm-ink:#382d3c;--lm-muted:#756c79;width:100%;min-width:0;padding:32px 0 40px;font-family:inherit;color:var(--lm-ink)}
.lili-magazine *{box-sizing:border-box}
.lili-magazine-header{display:flex;justify-content:space-between;align-items:center;gap:16px;margin:0 0 24px;padding:0 4px}
.lili-magazine-header h2{font-family:inherit;font-size:clamp(23px,2.4vw,32px);font-weight:800;line-height:1.5;margin:0 0 5px;color:var(--lm-ink)}
.lili-magazine-header p{font-size:14px;line-height:1.8;margin:0;color:var(--lm-muted)}
.lili-magazine-controls{display:flex;gap:8px;flex-shrink:0}
.lili-magazine-controls button{display:flex;align-items:center;justify-content:center;width:44px;height:44px;min-height:44px;padding:0;border-radius:50%;border:1px solid #dfcde1;background:#fff;color:var(--lm-accent);font-family:Arial,sans-serif;font-size:30px;line-height:1;cursor:pointer;box-shadow:none}
.lili-magazine-controls button:hover{color:#fff;background:var(--lm-accent);border-color:var(--lm-accent)}
.lili-magazine-controls button:disabled{opacity:.35;cursor:default;background:#fff;color:var(--lm-accent)}
.lili-magazine-track{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 48px)/3);gap:24px;overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;padding:4px 2px 14px;margin:0;direction:rtl}
.lili-magazine-track::-webkit-scrollbar{display:none}
.lili-magazine-card{min-width:0;scroll-snap-align:start;overflow:hidden;display:flex;flex-direction:column;background:#fff;border:1px solid #e8e1e9;border-radius:18px;box-shadow:0 4px 16px #39213c05}
.lili-magazine-cover{position:relative;display:block;aspect-ratio:16/10;overflow:hidden;background:#eeeeef;color:#613769;isolation:isolate}
.lili-magazine-cover img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .35s ease}
.lili-magazine-card:hover .lili-magazine-cover img{transform:scale(1.035)}
.lili-magazine-category{position:absolute;bottom:14px;right:16px;z-index:2;max-width:calc(100% - 32px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:5px 11px;background:#ffffffeb;color:#63396c;border:1px solid #ffffffbd;border-radius:20px;font-size:11px;font-weight:600;line-height:1.7}
.lili-magazine-body{padding:22px;display:flex;flex:1;flex-direction:column;align-items:flex-start}
.lili-magazine-body time{font-size:12px;color:var(--lm-muted);line-height:1.8}
.lili-magazine-body h3{font-family:inherit;font-size:17px;font-weight:700;line-height:1.9;margin:10px 0;color:var(--lm-ink);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;min-height:5.7em}
.lili-magazine-body h3 a{color:inherit;text-decoration:none}
.lili-magazine-body h3 a:hover{color:var(--lm-accent)}
.lili-magazine-body>p{font-size:13px;line-height:1.95;color:var(--lm-muted);margin:0 0 22px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.lili-magazine-read{display:flex;align-items:center;justify-content:space-between;gap:20px;width:100%;border-top:1px solid #eee7ef;padding-top:15px;margin-top:auto;color:var(--lm-accent);font-size:13px;font-weight:700;text-decoration:none}
.lili-magazine-read span{font-size:22px;font-weight:400}
.lili-magazine a:focus-visible,.lili-magazine button:focus-visible,.lili-magazine-track:focus-visible{outline:2px solid var(--lm-accent);outline-offset:3px}
.lili-magazine-progress{width:100px;height:3px;margin:12px auto 0;background:#e6dbe8;overflow:hidden;border-radius:3px;direction:rtl}
.lili-magazine-progress span{display:block;height:100%;width:33%;background:var(--lm-accent);border-radius:3px;transition:transform .2s ease}
.lili-cover-1{background:#e0eae6;color:#376052}.lili-cover-2{background:#efe2da;color:#86533b}.lili-cover-3{background:#e0e6f0;color:#455a7b}
.lili-cover-art{position:absolute;width:180px;height:180px;left:-8px;top:-22px;border:1px solid currentColor;border-radius:50%;opacity:.3;transform:rotate(-30deg)}
.lili-cover-art:before,.lili-cover-art:after{content:"";position:absolute;border:1px solid currentColor;border-radius:50%;inset:17px}.lili-cover-art:after{inset:37px;border-width:18px;opacity:.4}
.lili-cover-art i{position:absolute;display:block;border-radius:50%;background:currentColor;width:19px;height:19px;top:28px;left:21px}.lili-cover-art i:nth-child(2){width:30px;height:30px;top:119px;left:109px}.lili-cover-art i:nth-child(3){width:11px;height:11px;top:67px;left:161px}
.lili-cover-name{position:absolute;right:22px;top:47%;max-width:85%;font-size:clamp(19px,2vw,30px);font-family:inherit;font-weight:800;letter-spacing:.03em;line-height:1.3}
.lili-cover-sign{position:absolute;top:17px;right:22px;font-size:12px;font-weight:600;opacity:.8}
@media(max-width:1024px){.lili-magazine-track{grid-auto-columns:calc((100% - 20px)/2);gap:20px}.lili-magazine-body{padding:18px}}
@media(max-width:600px){.lili-magazine{padding:24px 0 28px}.lili-magazine-header{align-items:flex-end;gap:10px;margin-bottom:18px}.lili-magazine-header h2{font-size:24px}.lili-magazine-header p{font-size:12px;max-width:210px}.lili-magazine-controls{gap:5px}.lili-magazine-controls button{width:40px;height:44px}.lili-magazine-track{grid-auto-columns:86%;gap:14px}.lili-magazine-body h3{font-size:16px}.lili-cover-name{font-size:26px}}
@media(prefers-reduced-motion:reduce){.lili-magazine-track{scroll-behavior:auto}.lili-magazine *{transition:none!important}}
.lili-magazine .lili-solar{display:block;width:24px;height:24px;flex-shrink:0;pointer-events:none}.lili-magazine .lili-solar-right{transform:rotate(180deg)}
.lili-magazine-track{cursor:grab;touch-action:pan-x pan-y pinch-zoom}.lili-magazine-track.is-dragging{cursor:grabbing;scroll-snap-type:none;scroll-behavior:auto;user-select:none}.lili-magazine-track.is-dragging *{cursor:grabbing;user-select:none}.lili-magazine-cover img{-webkit-user-drag:none;user-select:none}