/* ==========================================================================
   Lika · 基础层（丽卡签册）
   --------------------------------------------------------------------------
   暖纸底 + 梅子紫主色 + 香槟金/青瓷绿点缀；衬线标题、方角纸卡、发丝描边。
   组件以「卡片 / 签条 / 册页」为语言，悬停只做描边与发丝揭示，不位移不缩放。
   ========================================================================== */

:root{
    --lk-bg:#f5efe5;
    --lk-bg-deep:#26161f;
    --lk-surface-1:#fffdf8;
    --lk-surface-2:#f3ebde;
    --lk-surface-3:#e9decb;
    --lk-line:#dccfbd;
    --lk-line-soft:#ebe2d4;
    --lk-text:#241a23;
    --lk-text-soft:#4d4150;
    --lk-text-muted:#877a82;
    --lk-accent:#6d2b52;
    --lk-accent-strong:#8b3a68;
    --lk-accent-ink:#fffaf4;
    --lk-gold:#b9883f;
    --lk-green:#2f6b60;
    --lk-danger:#a83b3b;
    --lk-shell:1360px;
    --lk-gutter:clamp(16px,2.4vw,34px);
    --lk-radius-sm:2px;
    --lk-radius-md:4px;
    --lk-radius-lg:8px;
    --lk-radius-xl:14px;
    --lk-shadow-lg:0 28px 56px -44px rgba(58,32,45,.55);
    --lk-display:"Songti SC","Noto Serif SC","Source Han Serif SC","STSong",serif;
    --lk-body:"PingFang SC","Hiragino Sans GB","Microsoft YaHei","Segoe UI",sans-serif;
    --lk-mono:ui-monospace,SFMono-Regular,Menlo,Consolas,"Liberation Mono",monospace;
    --lk-ease:cubic-bezier(.2,.65,.35,1);
    --lk-gap-block:clamp(32px,4vw,58px);
}
@media (max-width:767.98px){
    :root{
        --lk-gutter:12px;
        --lk-gap-block:28px;
    }
}

html{scroll-behavior:smooth}
body{
    margin:0;
    background:
        radial-gradient(circle at 12% 0,rgba(185,136,63,.10),transparent 34%),
        radial-gradient(circle at 88% 6%,rgba(109,43,82,.06),transparent 30%),
        var(--lk-bg);
    color:var(--lk-text);
    font-family:var(--lk-body);
    font-size:15px;
    line-height:1.75;
    -webkit-font-smoothing:antialiased;
    text-rendering:optimizeLegibility;
}
body.is-locked{overflow:hidden}
[id]{scroll-margin-top:88px}
h1,h2,h3,h4{font-family:var(--lk-display);font-weight:700;line-height:1.28;letter-spacing:-.01em}
h1{font-size:clamp(29px,3vw,42px)}
h2{font-size:clamp(23px,2.4vw,32px)}
h3{font-size:18px}
p{line-height:1.9}
a{color:inherit;text-decoration:none;transition:color .18s var(--lk-ease),border-color .18s var(--lk-ease),background-color .18s var(--lk-ease),opacity .18s var(--lk-ease)}
a:hover{color:var(--lk-accent)}
img{background:transparent}
::selection{background:var(--lk-accent);color:var(--lk-accent-ink)}
:focus-visible{outline:2px solid var(--lk-accent);outline-offset:3px}

.lk-shell{width:min(calc(100% - (var(--lk-gutter) * 2)),var(--lk-shell));margin-inline:auto}
.lk-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.lk-skip{position:fixed;left:14px;top:-70px;z-index:240;display:inline-flex;align-items:center;height:40px;padding:0 16px;background:var(--lk-accent);color:var(--lk-accent-ink);font-size:13px;transition:top .2s var(--lk-ease)}
.lk-skip:focus{top:12px;color:var(--lk-accent-ink)}
.lk-blank{display:block;width:100%;height:100%;background:repeating-linear-gradient(135deg,var(--lk-surface-2) 0 7px,var(--lk-line-soft) 7px 8px)}
.lk-note{color:var(--lk-text-muted);font-size:12.5px}
.lk-msg{display:none;margin:0;padding:10px 13px;border:1px solid rgba(209,120,109,.45);background:rgba(209,120,109,.08);color:#e6aaa2;font-size:13px}
.lk-msg[data-show="1"]{display:block}
.lk-page{padding:clamp(18px,2.4vw,30px) 0 66px}

/* ---------- 页头 ---------- */
.lk-head{position:relative;position:sticky;top:0;z-index:90;background:rgba(245,239,229,.95);border-bottom:1px solid var(--lk-line);backdrop-filter:blur(10px)}
.lk-head::before{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:linear-gradient(90deg,var(--lk-accent),var(--lk-gold) 46%,var(--lk-green))}
.lk-head__in{display:flex;align-items:center;gap:clamp(18px,2.4vw,34px);height:66px}
.lk-brand{display:flex;align-items:center;justify-content:flex-start;min-width:0;flex:0 0 auto}
.lk-brand__logo{width:auto;height:36px;max-width:190px;object-fit:contain}
.lk-brand__name{font-family:var(--lk-display);font-size:22px;font-weight:700;line-height:1;color:var(--lk-text);letter-spacing:.06em;white-space:nowrap}
.lk-brand__name::before{content:"";display:inline-block;width:8px;height:8px;margin-right:9px;background:var(--lk-accent);transform:rotate(45deg) translateY(-2px)}
.lk-nav{display:flex;align-items:center;justify-content:flex-end;gap:0;flex:1 1 auto;min-width:0;overflow:hidden}
.lk-nav__link{position:relative;display:inline-flex;align-items:center;justify-content:center;height:66px;padding:0 clamp(9px,1.2vw,17px);font-size:13px;color:var(--lk-text-soft);white-space:nowrap;letter-spacing:.02em}
.lk-nav__link::after{content:"";position:absolute;left:50%;right:50%;bottom:0;height:2px;background:var(--lk-accent);transition:left .22s var(--lk-ease),right .22s var(--lk-ease)}
.lk-nav__link:hover{color:var(--lk-text)}
.lk-nav__link:hover::after,.lk-nav__link.is-on::after{left:12px;right:12px}
.lk-nav__link.is-on{color:var(--lk-accent);font-weight:600}
.lk-tools{display:flex;align-items:center;gap:12px;flex:0 0 auto;margin-left:4px}
.lk-mobile-search{display:none;width:38px;height:38px;place-items:center;color:var(--lk-text-soft)}
.lk-mobile-search svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round}
.lk-mobile-search:hover{color:var(--lk-accent)}
.lk-find{display:flex;align-items:center;height:36px;min-width:188px;padding:0 8px;border:1px solid var(--lk-line);background:var(--lk-surface-1);border-radius:var(--lk-radius-sm)}
.lk-find__input{flex:1;min-width:0;height:32px;border:0;background:transparent;font-size:12px;color:var(--lk-text);outline:none}
.lk-find__input::placeholder{color:var(--lk-text-muted)}
.lk-find__btn{width:30px;height:30px;display:grid;place-items:center;color:var(--lk-text-muted)}
.lk-find__btn:hover{color:var(--lk-accent)}
.lk-find__btn svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round}
.lk-account{display:inline-flex;align-items:center;gap:6px;min-height:34px;font-size:11.5px;color:var(--lk-text-soft);white-space:nowrap}
.lk-account svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round}
.lk-account:hover{color:var(--lk-accent)}
.lk-burger{display:none;width:44px;height:44px;padding:11px 10px;flex-direction:column;justify-content:center;gap:5px;border:1px solid var(--lk-line);background:var(--lk-surface-1);border-radius:var(--lk-radius-sm)}
.lk-burger span{display:block;height:1.5px;background:var(--lk-text);transition:transform .2s var(--lk-ease),opacity .2s var(--lk-ease)}
.lk-burger[aria-expanded="true"] span:nth-child(1){transform:translateY(6.5px) rotate(45deg)}
.lk-burger[aria-expanded="true"] span:nth-child(2){opacity:0}
.lk-burger[aria-expanded="true"] span:nth-child(3){transform:translateY(-6.5px) rotate(-45deg)}

.lk-mask{position:fixed;inset:0;z-index:100;background:rgba(38,22,31,.55);opacity:0;visibility:hidden;transition:opacity .24s var(--lk-ease),visibility .24s var(--lk-ease)}
.lk-mask[data-open="1"]{opacity:1;visibility:visible}
.lk-drawer-wrap{position:fixed;inset:0;z-index:120;overflow:hidden;pointer-events:none}
.lk-drawer{position:absolute;top:0;right:0;display:flex;flex-direction:column;width:min(88vw,360px);height:100vh;height:100dvh;background:var(--lk-surface-1);border-left:1px solid var(--lk-line);transform:translateX(100%);visibility:hidden;pointer-events:none;transition:transform .26s var(--lk-ease),visibility .26s var(--lk-ease);overscroll-behavior:contain;overflow:auto}
.lk-drawer[data-open="1"]{transform:translateX(0);visibility:visible;pointer-events:auto}
.lk-drawer__head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px 20px;border-bottom:1px solid var(--lk-line)}
.lk-drawer__head .lk-brand{justify-content:flex-start}
.lk-drawer__head .lk-brand__name{font-size:21px}
.lk-drawer__close{width:36px;height:36px;border:1px solid var(--lk-line);color:var(--lk-text-muted);font-size:20px;line-height:1;border-radius:var(--lk-radius-sm)}
.lk-drawer__find{display:flex;align-items:center;margin:16px 20px 0;border:1px solid var(--lk-line);background:var(--lk-surface-2);padding:0 8px;border-radius:var(--lk-radius-sm)}
.lk-drawer__find input{flex:1;min-width:0;height:40px;border:0;background:transparent;padding:0 4px;font-size:13px;color:var(--lk-text);outline:none}
.lk-drawer__find button{width:40px;height:40px;display:grid;place-items:center;color:var(--lk-text-muted)}
.lk-drawer__find svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round}
.lk-drawer__nav{display:grid;grid-template-columns:1fr 1fr;gap:0 12px;padding:16px 20px}
.lk-drawer__link{display:flex;align-items:center;min-height:42px;border-bottom:1px solid var(--lk-line-soft);font-size:14px;color:var(--lk-text-soft)}
.lk-drawer__link.is-on{color:var(--lk-accent);font-weight:600}
.lk-drawer__foot{margin-top:auto;padding:16px 20px;border-top:1px solid var(--lk-line);font-size:11.5px;color:var(--lk-text-muted)}

/* ---------- 页脚（暗底 + 三张纸质索引卡） ---------- */
.lk-foot{margin-top:var(--lk-gap-block);background:var(--lk-bg-deep);border-top:3px solid var(--lk-accent);color:#e7dcd6}
.lk-foot__in{padding:clamp(32px,4vw,52px) 0 0}
.lk-foot__deck{display:grid;grid-template-columns:1.45fr 1fr 1fr;gap:18px;align-items:stretch}
.lk-foot__card{position:relative;min-width:0;background:#fbf6ec;color:var(--lk-text);border:1px solid rgba(109,43,82,.18);border-top:4px solid var(--lk-accent);border-radius:var(--lk-radius-lg);padding:25px 20px 18px;box-shadow:0 20px 40px -34px #000}
.lk-foot__card:nth-child(2){border-top-color:var(--lk-gold)}
.lk-foot__card:nth-child(3){border-top-color:var(--lk-green)}
.lk-foot__tab{position:absolute;top:-14px;left:16px;display:inline-flex;align-items:center;min-height:20px;padding:0 8px;background:var(--lk-accent);color:#fff;font-size:9.5px;letter-spacing:.18em;border-radius:2px}
.lk-foot__card:nth-child(2) .lk-foot__tab{background:var(--lk-gold);color:#2b1a10}
.lk-foot__card:nth-child(3) .lk-foot__tab{background:var(--lk-green);color:#fff}
.lk-foot__hole{position:absolute;top:14px;right:14px;width:9px;height:9px;border-radius:50%;background:var(--lk-bg-deep);box-shadow:inset 0 1px 2px rgba(0,0,0,.6)}
.lk-foot__brand{font-family:var(--lk-display);font-size:clamp(22px,2.2vw,28px);font-weight:700;line-height:1.2;color:var(--lk-text);letter-spacing:.03em;padding-right:16px}
.lk-foot__desc{margin:10px 0 0;font-size:12px;line-height:1.8;color:var(--lk-text-muted);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.lk-foot__stamp{margin:12px 0 0;font-family:var(--lk-mono);font-size:10px;letter-spacing:.08em;color:var(--lk-gold)}
.lk-foot__title{font-family:var(--lk-display);font-size:14px;color:var(--lk-text);margin-bottom:10px;padding-bottom:7px;border-bottom:1px solid var(--lk-line)}
.lk-foot__title + .lk-foot__links + .lk-foot__title{margin-top:16px}
.lk-foot__links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 12px;font-size:12px}
.lk-foot__links--single{grid-template-columns:1fr}
.lk-foot__links a{display:inline-flex;align-items:center;min-width:0;min-height:26px;color:var(--lk-text-soft);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.lk-foot__links a::before{content:"";flex:0 0 auto;width:4px;height:4px;margin-right:7px;border-radius:50%;background:var(--lk-line)}
.lk-foot__links a:hover{color:var(--lk-accent)}
.lk-foot__links a:hover::before{background:var(--lk-accent)}
.lk-foot__base{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:22px;padding:14px 0 18px;border-top:1px solid rgba(255,255,255,.14);font-size:11px;color:rgba(255,255,255,.55);letter-spacing:.04em}
.lk-foot__base a{color:rgba(255,255,255,.72)}
.lk-foot__base a:hover{color:#fff}

.lk-top-btn{position:fixed;right:max(22px,env(safe-area-inset-right));bottom:max(26px,env(safe-area-inset-bottom));z-index:70;width:44px;height:44px;display:grid;place-items:center;background:var(--lk-accent);color:var(--lk-accent-ink);border:1px solid var(--lk-accent);border-radius:var(--lk-radius-sm);box-shadow:0 14px 26px -18px rgba(38,22,31,.7);opacity:0;visibility:hidden;transition:opacity .2s var(--lk-ease),visibility .2s var(--lk-ease),background-color .18s var(--lk-ease)}
.lk-top-btn[data-show="1"]{opacity:1;visibility:visible}
.lk-top-btn:hover{background:var(--lk-accent-strong);border-color:var(--lk-accent-strong);color:var(--lk-accent-ink)}
.lk-top-btn svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}

/* ---------- 通用组件 ---------- */
.lk-btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:40px;padding:0 18px;border:1px solid var(--lk-line);background:var(--lk-surface-1);color:var(--lk-text-soft);font-size:13px;line-height:1;white-space:nowrap;cursor:pointer;border-radius:var(--lk-radius-sm);transition:background-color .18s var(--lk-ease),color .18s var(--lk-ease),border-color .18s var(--lk-ease)}
.lk-btn svg{width:14px;height:14px;fill:currentColor}
.lk-btn:hover{border-color:var(--lk-accent);color:var(--lk-accent);background:var(--lk-surface-2)}
.lk-btn--solid{background:var(--lk-accent);border-color:var(--lk-accent);color:var(--lk-accent-ink);font-weight:600}
.lk-btn--solid:hover{background:var(--lk-accent-strong);border-color:var(--lk-accent-strong);color:var(--lk-accent-ink)}
.lk-btn--accent{background:var(--lk-accent);border-color:var(--lk-accent);color:var(--lk-accent-ink)}
.lk-btn--accent:hover{background:var(--lk-accent-strong);border-color:var(--lk-accent-strong);color:var(--lk-accent-ink)}
.lk-btn--sm{min-height:32px;padding:0 12px;font-size:12px}
.lk-btn--block{width:100%}
.lk-btn[aria-disabled="true"],.lk-btn:disabled{opacity:.38;cursor:not-allowed}
.lk-btn[aria-disabled="true"]:hover{border-color:var(--lk-line);color:var(--lk-text-soft)}

.lk-chip{display:inline-flex;align-items:center;min-height:30px;padding:0 10px;border:1px solid var(--lk-line);background:var(--lk-surface-1);font-size:12px;color:var(--lk-text-soft);line-height:1;white-space:nowrap;border-radius:var(--lk-radius-sm)}
.lk-chip:hover{border-color:var(--lk-accent);color:var(--lk-accent);background:var(--lk-surface-2)}
.lk-chip.is-on{background:var(--lk-accent);border-color:var(--lk-accent);color:var(--lk-accent-ink);font-weight:600}
.lk-badge{display:inline-flex;align-items:center;min-height:20px;padding:0 7px;font-style:normal;font-size:10px;line-height:1;letter-spacing:.03em;background:var(--lk-text);color:var(--lk-accent-ink);white-space:nowrap;border-radius:1px}
.lk-badge--complete{background:var(--lk-accent);color:var(--lk-accent-ink)}
.lk-badge--updating{background:var(--lk-gold);color:#2b1a10}
.lk-badge--movie{background:var(--lk-text);color:var(--lk-accent-ink)}
.lk-badge--unknown{background:var(--lk-text-muted);color:var(--lk-accent-ink)}

.lk-crumbs{display:flex;align-items:center;flex-wrap:wrap;gap:6px;margin:0 0 12px;font-size:11.5px;color:var(--lk-text-muted)}
.lk-crumbs a:hover{color:var(--lk-accent)}
.lk-crumbs span[aria-hidden="true"]{color:var(--lk-line)}
.lk-crumbs span[aria-current="page"]{color:var(--lk-text-soft)}
.lk-pager{display:flex;align-items:center;flex-wrap:wrap;gap:6px;margin:28px 0 0}
.lk-pager a,.lk-pager span{min-width:36px;min-height:36px;padding:0 9px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--lk-line);background:var(--lk-surface-1);font-size:12.5px;color:var(--lk-text-soft)}
.lk-pager a:hover{border-color:var(--lk-accent);color:var(--lk-accent)}
.lk-pager span.is-cur{background:var(--lk-accent);border-color:var(--lk-accent);color:var(--lk-accent-ink)}
.lk-pager a[aria-disabled="true"]{opacity:.32;pointer-events:none}
.lk-pager__stat{width:100%;border:0;background:transparent;justify-content:flex-start;padding:0;margin-top:4px;color:var(--lk-text-muted);font-size:11px;min-height:auto}
.lk-empty{border:1px dashed var(--lk-line);background:var(--lk-surface-1);padding:48px 22px;text-align:center}
.lk-empty__title{font-size:20px;color:var(--lk-text-soft)}
.lk-empty__acts{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:10px;margin-top:18px}

.lk-panel,.lk-panelbox,.lk-sblock,.lk-member__panel{border:1px solid var(--lk-line);background:var(--lk-surface-1);margin-bottom:18px}
.lk-panel__head,.lk-panelbox__head,.lk-sblock__head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;border-bottom:1px solid var(--lk-line)}
.lk-panel__head h2,.lk-panel__head h3,.lk-panelbox__head h2,.lk-sblock__head h2,.lk-sblock__head h3{font-size:16px;line-height:1.2}
.lk-panel__head a,.lk-panelbox__head a,.lk-sblock__head a{font-size:11px;color:var(--lk-text-muted);white-space:nowrap}
.lk-panel__head a:hover,.lk-panelbox__head a:hover,.lk-sblock__head a:hover{color:var(--lk-accent)}
.lk-panel__body,.lk-panelbox__body{padding:16px}
.lk-panel__note{font-size:10.5px;color:var(--lk-text-muted);white-space:nowrap}
.lk-panel__more{font-size:11px;color:var(--lk-text-muted)}
.lk-aside,.lk-columns__side,.lk-artside{position:sticky;top:18px;align-self:start;min-width:0}

.lk-textlist{padding:3px 16px 10px}
.lk-textrow,.lk-textlist__row{display:grid;grid-template-columns:24px minmax(0,1fr) auto;gap:8px;align-items:center;padding:9px 0;border-bottom:1px dotted var(--lk-line-soft);font-size:12.5px}
.lk-textrow:last-child,.lk-textlist__row:last-child{border-bottom:0}
.lk-textrow b,.lk-textlist__row b{font-family:var(--lk-mono);font-size:10px;font-weight:500;color:var(--lk-accent)}
.lk-textrow span,.lk-textlist__row span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--lk-text-soft)}
.lk-textrow i,.lk-textlist__row i{font-style:normal;font-size:10px;color:var(--lk-text-muted)}
.lk-textrow:hover span,.lk-textlist__row:hover span{color:var(--lk-accent)}
.lk-minilist{padding:4px 16px 10px}
.lk-mini{display:grid;grid-template-columns:46px minmax(0,1fr);gap:10px;align-items:center;padding:8px 0;border-bottom:1px dotted var(--lk-line-soft)}
.lk-mini:last-child{border-bottom:0}
.lk-mini__pic{display:block;width:46px;aspect-ratio:3/4;overflow:hidden;background:var(--lk-surface-2);border:1px solid var(--lk-line-soft)}
.lk-mini__pic img{width:100%;height:100%;object-fit:cover}
.lk-mini__body{min-width:0;display:flex;flex-direction:column;gap:2px}
.lk-mini__name{font-size:12.5px;line-height:1.45;color:var(--lk-text);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.lk-mini__meta{font-size:10px;color:var(--lk-text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.lk-mini:hover .lk-mini__name{color:var(--lk-accent)}
.lk-chiplist{display:flex;flex-wrap:wrap;gap:7px;padding:13px 16px 17px}
.lk-chiplist--inline{padding:0}
.lk-chiplist a{display:inline-flex;align-items:center;min-height:27px;padding:0 9px;border:1px solid var(--lk-line);background:var(--lk-surface-2);font-size:11.5px;color:var(--lk-text-soft)}
.lk-chiplist a:hover{border-color:var(--lk-accent);color:var(--lk-accent)}

.lk-newslist{display:flex;flex-direction:column}
.lk-newsitem{display:grid;grid-template-columns:96px minmax(0,1fr);gap:12px;align-items:start;padding:12px 0;border-bottom:1px solid var(--lk-line-soft)}
.lk-newsitem:last-child{border-bottom:0}
.lk-newsitem__pic{display:block;width:100%;aspect-ratio:3/2;overflow:hidden;background:var(--lk-surface-2);border:1px solid var(--lk-line-soft)}
.lk-newsitem__pic img{width:100%;height:100%;object-fit:cover}
.lk-newsitem__body{min-width:0;display:flex;flex-direction:column;gap:4px}
.lk-newsitem__title{font-size:13px;line-height:1.55;color:var(--lk-text);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.lk-newsitem__blurb{font-size:11.5px;line-height:1.65;color:var(--lk-text-muted);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.lk-newsitem__meta{font-size:10.5px;color:var(--lk-text-muted)}
.lk-newsitem:hover .lk-newsitem__title{color:var(--lk-accent)}
.lk-newslist--side{padding:4px 16px 10px}
.lk-newslist--side .lk-newsitem{grid-template-columns:68px minmax(0,1fr);padding:9px 0}
.lk-newslist--side .lk-newsitem__blurb{display:none}

.lk-poster-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:22px 16px}
.lk-card{position:relative;display:block;min-width:0;padding:7px 7px 0;background:var(--lk-surface-1);border:1px solid var(--lk-line-soft);border-radius:var(--lk-radius-md);box-shadow:inset 0 1px 0 rgba(255,255,255,.8);transition:border-color .2s var(--lk-ease),box-shadow .2s var(--lk-ease),background-color .2s var(--lk-ease)}
.lk-card::after{content:"";position:absolute;top:-1px;right:-1px;width:18px;height:18px;background:linear-gradient(225deg,var(--lk-bg) 49%,var(--lk-line-soft) 50%,var(--lk-surface-2) 100%);border-bottom-left-radius:2px;pointer-events:none}
.lk-card__pic{position:relative;display:block;width:100%;aspect-ratio:3/4.2;overflow:hidden;background:var(--lk-surface-2);border:1px solid var(--lk-line-soft);border-radius:1px}
.lk-card__pic img{width:100%;height:100%;object-fit:cover;transition:filter .35s var(--lk-ease)}
.lk-card__state{position:absolute;left:0;bottom:0;z-index:2;background:rgba(36,26,35,.82);color:#fff;border-radius:0 2px 0 0}
.lk-card__shade{position:absolute;inset:0;background:linear-gradient(180deg,transparent 52%,rgba(36,26,35,.72) 100%)}
.lk-card__overlay{position:absolute;left:9px;right:9px;bottom:8px;z-index:2;display:flex;flex-direction:column;gap:2px}
.lk-card__body{position:relative;display:block;padding:9px 2px 10px}
.lk-card__body::before{content:"";position:absolute;left:0;top:0;width:16px;height:2px;background:var(--lk-line);transition:width .24s var(--lk-ease),background-color .24s var(--lk-ease)}
.lk-card__name{display:block;font-size:13px;font-weight:600;line-height:1.45;color:var(--lk-text);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.lk-card__meta{display:block;margin-top:3px;font-size:10.5px;color:var(--lk-text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.lk-card:hover{border-color:var(--lk-accent);box-shadow:0 16px 28px -26px rgba(58,32,45,.55)}
.lk-card:hover .lk-card__body::before{width:100%;background:var(--lk-accent)}
.lk-card:hover .lk-card__name{color:var(--lk-accent)}
@media (hover:hover){.lk-card:hover .lk-card__pic img{filter:saturate(1.06) contrast(1.02)}}

.lk-prose{font-size:15px;line-height:1.95;color:var(--lk-text-soft);word-break:break-word}
.lk-prose p{margin:0 0 16px}
.lk-prose p:last-child{margin-bottom:0}
.lk-prose h2,.lk-prose h3,.lk-prose h4{margin:26px 0 12px;color:var(--lk-text)}
.lk-prose h2{font-size:23px}
.lk-prose h3{font-size:19px}
.lk-prose img{max-width:100%;height:auto;margin:14px auto;border:1px solid var(--lk-line-soft)}
.lk-prose a{color:var(--lk-accent);text-decoration:underline;text-underline-offset:3px}
.lk-prose ul,.lk-prose ol{margin:0 0 16px;padding-left:1.4em}
.lk-prose ul{list-style:disc}
.lk-prose ol{list-style:decimal}
.lk-prose li{margin:4px 0}
.lk-prose blockquote{margin:18px 0;padding:13px 18px;border-left:2px solid var(--lk-accent);background:var(--lk-surface-2);color:var(--lk-text-soft)}
.lk-prose table{width:100%;margin:16px 0;font-size:13px}
.lk-prose th,.lk-prose td{border:1px solid var(--lk-line);padding:8px 10px;text-align:left}
.lk-prose th{background:var(--lk-surface-2)}

.lk-spec{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 28px}
.lk-spec__row{display:grid;grid-template-columns:64px minmax(0,1fr);gap:10px;padding:10px 0;border-bottom:1px dotted var(--lk-line-soft);font-size:13px}
.lk-spec__row dt{color:var(--lk-text-muted)}
.lk-spec__row dd{color:var(--lk-text-soft);min-width:0;word-break:break-word}
.lk-spec__row dd a{color:var(--lk-accent)}
.lk-spec--side{grid-template-columns:1fr;gap:0}
.lk-spec--side .lk-spec__row{grid-template-columns:56px minmax(0,1fr)}

.lk-faq{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 32px;border-top:1px solid var(--lk-line)}
.lk-faq__item{border-bottom:1px solid var(--lk-line-soft);padding:13px 0}
.lk-faq__item summary{cursor:pointer;font-size:15px;font-weight:600;line-height:1.6;color:var(--lk-text);list-style:none;display:flex;align-items:flex-start;gap:9px}
.lk-faq__item summary::-webkit-details-marker{display:none}
.lk-faq__item summary::before{content:"+";flex:0 0 auto;color:var(--lk-accent);font-weight:400;font-size:17px;line-height:1.3}
.lk-faq__item[open] summary::before{content:"−"}
.lk-faq__item summary:hover{color:var(--lk-accent)}
.lk-faq__a{margin-top:8px;padding-left:18px;font-size:13px;line-height:1.9;color:var(--lk-text-muted)}

.lk-form{display:flex;flex-direction:column;gap:14px}
.lk-field{display:flex;flex-direction:column;gap:6px}
.lk-field label{font-size:12px;color:var(--lk-text-muted);letter-spacing:.03em}
.lk-field input,.lk-field select,.lk-field textarea{width:100%;min-height:42px;border:1px solid var(--lk-line);background:var(--lk-surface-2);padding:0 12px;font-size:14px;color:var(--lk-text);outline:none}
.lk-field textarea{min-height:120px;padding:10px 12px;resize:vertical}
.lk-field input:focus,.lk-field select:focus,.lk-field textarea:focus{border-color:var(--lk-accent)}
.lk-field__row{display:flex;align-items:stretch;gap:8px}
.lk-field__row input{flex:1;min-width:0}
.lk-field__cap{width:106px;flex:0 0 auto;border:1px solid var(--lk-line);overflow:hidden;background:var(--lk-surface-2)}
.lk-field__cap img{width:100%;height:100%;object-fit:cover}
.lk-auth{max-width:440px;margin:28px auto 20px;background:var(--lk-surface-1);border:1px solid var(--lk-line);padding:30px 32px}
.lk-auth__head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;padding-bottom:16px;margin-bottom:20px;border-bottom:1px solid var(--lk-line)}
.lk-auth__title{font-size:28px;line-height:1.15}
.lk-auth__mark{width:22px;height:22px;background:var(--lk-accent);flex:0 0 auto}
.lk-auth__links{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:16px;font-size:12px;color:var(--lk-text-muted)}
.lk-auth__links a:hover{color:var(--lk-accent)}
.lk-auth__done{padding:8px 0}
.lk-auth__form{margin-top:2px}
.lk-member{display:grid;grid-template-columns:210px minmax(0,1fr);gap:28px;margin-top:22px;align-items:start}
.lk-member__nav{border:1px solid var(--lk-line);background:var(--lk-surface-1);overflow:hidden}
.lk-member__navhead{font-size:10.5px;letter-spacing:.16em;color:var(--lk-text-muted);padding:14px 16px;border-bottom:1px solid var(--lk-line);background:var(--lk-surface-2)}
.lk-member__link{display:block;padding:12px 16px;border-bottom:1px solid var(--lk-line-soft);font-size:13.5px;color:var(--lk-text-soft)}
.lk-member__link:last-child{border-bottom:0}
.lk-member__link:hover{color:var(--lk-accent);background:var(--lk-surface-2)}
.lk-member__link.is-on{color:var(--lk-accent);font-weight:600;background:var(--lk-surface-2);box-shadow:inset 2px 0 0 var(--lk-accent)}
.lk-member__panel{min-width:0}
.lk-member__head{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:16px 22px;border-bottom:1px solid var(--lk-line)}
.lk-member__title{font-size:25px;line-height:1.2}
.lk-member__note{font-size:11.5px;color:var(--lk-text-muted)}
.lk-member__body{padding:22px}
.lk-member__facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 28px;margin:0}
.lk-member__facts > div{display:grid;grid-template-columns:74px minmax(0,1fr);gap:10px;padding:10px 0;border-bottom:1px dotted var(--lk-line-soft)}
.lk-member__facts dt{font-size:12px;color:var(--lk-text-muted)}
.lk-member__facts dd{font-size:13.5px;color:var(--lk-text-soft);min-width:0;word-break:break-word}
.lk-member__acts{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}
.lk-ulog{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 26px}
.lk-vrow{display:grid;grid-template-columns:86px minmax(0,1fr);gap:12px;padding:12px 0;border-bottom:1px solid var(--lk-line-soft);align-items:start}
.lk-vrow__pic{display:block;width:86px;aspect-ratio:3/4;overflow:hidden;background:var(--lk-surface-2);border:1px solid var(--lk-line-soft)}
.lk-vrow__pic img{width:100%;height:100%;object-fit:cover}
.lk-vrow__body{min-width:0;display:flex;flex-direction:column;gap:5px}
.lk-vrow__top{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}
.lk-vrow__name{font-size:14px;line-height:1.45;color:var(--lk-text)}
.lk-vrow__blurb{font-size:11.5px;color:var(--lk-text-muted);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.lk-vrow__meta{display:flex;flex-wrap:wrap;gap:8px;font-size:10.5px;color:var(--lk-text-muted)}
.lk-vrow__meta b{font-weight:500;color:var(--lk-accent)}

.lk-pagehead{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;border-bottom:1px solid var(--lk-line);padding:clamp(18px,2.6vw,30px) 0 16px}
.lk-pagehead h1{line-height:1.12}
.lk-pagehead__aside{font-size:11.5px;color:var(--lk-text-muted);white-space:nowrap;padding-bottom:3px}
.lk-pagehead__kicker{display:block;font-size:10.5px;letter-spacing:.18em;color:var(--lk-accent);margin-bottom:7px}
.lk-searchbar{display:flex;align-items:center;border-bottom:1px solid var(--lk-line);margin:18px 0 22px;max-width:760px}
.lk-searchbar input{flex:1;min-width:0;height:46px;border:0;background:transparent;font-size:15px;color:var(--lk-text);outline:none;padding:0 4px}
.lk-searchbar input::placeholder{color:var(--lk-text-muted)}
.lk-searchbar button{width:46px;height:46px;display:grid;place-items:center;color:var(--lk-text-soft)}
.lk-searchbar button svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round}
.lk-searchbar button:hover{color:var(--lk-accent)}
.lk-searchwrap{width:100%}
.lk-friendlink{padding:20px 0;border-top:1px solid var(--lk-line);font-size:12px;color:var(--lk-text-muted)}
.lk-friendlink a{margin-right:12px;color:var(--lk-text-soft)}
.lk-friendlink a:hover{color:var(--lk-accent)}

@media (max-width:1199.98px){
    .lk-head__in{height:58px;gap:12px}
    .lk-brand{flex:1 1 auto}
    .lk-brand__name{font-size:20px}
    .lk-brand__logo{height:32px;max-width:150px}
    .lk-nav{display:none}
    .lk-tools{margin-left:auto;gap:8px}
    .lk-find{display:none}
    .lk-mobile-search{display:grid}
    .lk-account span{display:none}
    .lk-burger{display:flex}
    .lk-aside,.lk-columns__side,.lk-artside{position:static}
    .lk-poster-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
    .lk-faq{grid-template-columns:1fr}
}
@media (max-width:767.98px){
    body{font-size:14.5px}
    .lk-page{padding-bottom:42px}
    .lk-pagehead{flex-direction:column;align-items:flex-start;gap:7px;padding:16px 0 13px}
    .lk-pagehead__aside{padding-bottom:0}
    .lk-poster-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px 10px}
    .lk-spec{grid-template-columns:1fr}
    .lk-auth{margin:18px auto;padding:22px 18px}
    .lk-member{grid-template-columns:1fr;gap:14px}
    .lk-member__nav{display:flex;overflow-x:auto;scrollbar-width:none}
    .lk-member__nav::-webkit-scrollbar{display:none}
    .lk-member__navhead{display:none}
    .lk-member__link{white-space:nowrap;border-bottom:0;border-right:1px solid var(--lk-line-soft);padding:11px 14px}
    .lk-member__link.is-on{box-shadow:inset 0 -2px 0 var(--lk-accent)}
    .lk-member__body{padding:16px}
    .lk-member__facts{grid-template-columns:1fr}
    .lk-member__head{padding:13px 16px}
    .lk-member__title{font-size:22px}
    .lk-ulog{grid-template-columns:1fr}
    .lk-foot__deck{grid-template-columns:1fr 1fr;gap:24px 14px}
    .lk-foot__card:first-child{grid-column:1/-1}
    .lk-foot__card{padding:22px 16px 14px}
    .lk-foot__brand{font-size:22px}
    .lk-foot__desc{margin-top:8px;font-size:12px;line-height:1.7;-webkit-line-clamp:2}
    .lk-foot__stamp{margin-top:8px;font-size:10px}
    .lk-foot__title{font-size:13px;margin-bottom:7px;padding-bottom:5px}
    .lk-foot__links a{min-height:26px;font-size:12px}
    .lk-foot__base{flex-direction:column;align-items:flex-start;gap:5px;font-size:10.5px;padding:12px 0 16px}
    .lk-searchbar input{height:42px;font-size:14px}
    .lk-searchbar button{width:42px;height:42px}
    .lk-faq__item summary{font-size:14px}
}
@media (max-width:479.98px){
    .lk-poster-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
    .lk-crumbs{font-size:11px}
    .lk-foot__deck{grid-template-columns:1fr}
    .lk-foot__card:first-child{grid-column:auto}
    .lk-foot__links{grid-template-columns:1fr}
    .lk-spec__row{grid-template-columns:58px minmax(0,1fr)}
}
@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}}
@supports (padding: max(0px)){
    .lk-foot,.lk-shell{padding-left:max(0px,env(safe-area-inset-left));padding-right:max(0px,env(safe-area-inset-right))}
}