/* ==========================================================================
   Mu · 木鱼梵音 基础层
   --------------------------------------------------------------------------
   意境：夜禅堂的木鱼与铜磬。禅堂墨青黑底、檀木主色、铜磬金与铜绿点缀、
   经纸米白文字。页头为「禅院门额」两行结构（门额品牌 + 梵音频道），
   页脚为「晚课经架」居中法印 + 木牌频道 + 双列执事。
   本文件负责设计令牌、页头、页脚、按钮、表单、通用列表、木鱼卡与正文组件。
   ========================================================================== */

:root{
    --my-bg:#0d100f;
    --my-bg-deep:#070908;
    --my-surface-1:#141816;
    --my-surface-2:#1a201c;
    --my-surface-3:#232a25;
    --my-line:#2d352f;
    --my-line-soft:#242b26;
    --my-text:#eae4d8;
    --my-text-soft:#c8c2b4;
    --my-text-muted:#8f9389;
    --my-accent:#b3643c;
    --my-accent-strong:#cd7d4e;
    --my-accent-ink:#180d07;
    --my-jade:#6ea78e;
    --my-jade-deep:#3f7460;
    --my-bronze:#d0a65c;
    --my-bronze-deep:#9c7638;
    --my-wood-1:#3a2418;
    --my-wood-2:#5b3826;
    --my-wood-3:#2b1a11;
    --my-paper:#eae4d8;
    --my-success:#6ea78e;
    --my-warning:#d0a65c;
    --my-danger:#c96a52;
    --my-shell:1380px;
    --my-gutter:clamp(16px,2.4vw,34px);
    --my-radius-sm:2px;
    --my-radius-md:5px;
    --my-radius-lg:10px;
    --my-radius-xl:18px;
    --my-shadow-lg:0 34px 68px -44px rgba(0,0,0,.96);
    --my-display:"Songti SC","Noto Serif SC","Source Han Serif SC",Georgia,serif;
    --my-serif:"Songti SC","Noto Serif SC","Source Han Serif SC",Georgia,serif;
    --my-body:"PingFang SC","Hiragino Sans GB","Microsoft YaHei","Segoe UI",sans-serif;
    --my-mono:ui-monospace,SFMono-Regular,Menlo,Consolas,"Liberation Mono",monospace;
    --my-ease:cubic-bezier(.2,.65,.35,1);
    --my-gap-block:clamp(32px,4vw,60px);
}
@media (max-width:767.98px){
    :root{
        --my-gutter:12px;
        --my-gap-block:28px;
    }
}

html{scroll-behavior:smooth}
body{
    margin:0;
    background:
        radial-gradient(1100px 540px at 50% -12%,rgba(179,100,60,.10),transparent 62%),
        radial-gradient(900px 620px at 100% 2%,rgba(110,167,142,.05),transparent 58%),
        var(--my-bg);
    color:var(--my-text);
    font-family:var(--my-body);
    font-size:15px;
    line-height:1.75;
    -webkit-font-smoothing:antialiased;
    text-rendering:optimizeLegibility;
}
body.is-locked{overflow:hidden}
[id]{scroll-margin-top:124px}

h1,h2,h3,h4{
    font-family:var(--my-display);
    font-weight:700;
    line-height:1.32;
    letter-spacing:.035em;
}
h1{font-size:clamp(28px,3vw,40px)}
h2{font-size:clamp(22px,2.4vw,31px)}
h3{font-size:18px}
p{line-height:1.9}
a{color:inherit;text-decoration:none;transition:color .18s var(--my-ease),border-color .18s var(--my-ease),background-color .18s var(--my-ease),opacity .18s var(--my-ease)}
a:hover{color:var(--my-bronze)}
img{background:transparent}
::selection{background:var(--my-accent);color:var(--my-paper)}
:focus-visible{outline:2px solid var(--my-bronze);outline-offset:3px}

.my-shell{
    width:min(calc(100% - (var(--my-gutter) * 2)),var(--my-shell));
    margin-inline:auto;
}
.my-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}
.my-skip{position:fixed;left:14px;top:-70px;z-index:240;display:inline-flex;align-items:center;height:40px;padding:0 16px;background:var(--my-accent);color:var(--my-paper);font-size:13px;transition:top .2s var(--my-ease)}
.my-skip:focus{top:12px;color:var(--my-paper)}
.my-blank{display:block;width:100%;height:100%;background:repeating-linear-gradient(135deg,var(--my-surface-2) 0 7px,var(--my-line-soft) 7px 8px)}
.my-note{color:var(--my-text-muted);font-size:12.5px}
.my-msg{display:none;margin:0;padding:10px 13px;border:1px solid rgba(201,106,82,.45);background:rgba(201,106,82,.08);color:#e6a39b;font-size:13px}
.my-msg[data-show="1"]{display:block}
.my-page{padding:clamp(18px,2.4vw,30px) 0 66px}

/* ---------- 禅院门额（页头，两行） ---------- */
.my-head{position:sticky;top:0;z-index:90;background:rgba(8,10,9,.96);border-bottom:1px solid var(--my-line);backdrop-filter:blur(12px)}
.my-head__ridge{display:block;height:4px;background:linear-gradient(90deg,var(--my-wood-3),var(--my-wood-2) 20%,var(--my-accent) 50%,var(--my-wood-2) 80%,var(--my-wood-3));box-shadow:inset 0 -1px 0 rgba(0,0,0,.55)}
.my-head__in{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:18px;height:62px}
.my-head__motto{justify-self:start;font-family:var(--my-mono);font-size:10.5px;letter-spacing:.26em;color:var(--my-text-muted);white-space:nowrap}
.my-brand{justify-self:center;display:inline-flex;align-items:center;gap:10px;min-width:0}
.my-brand__seal{width:34px;height:34px;flex:0 0 auto;display:grid;place-items:center;border:1px solid rgba(208,166,92,.52);border-radius:50%;background:radial-gradient(circle at 35% 30%,rgba(208,166,92,.22),transparent 66%);color:var(--my-bronze);font-family:var(--my-serif);font-size:17px;line-height:1}
.my-brand__logo{width:auto;height:36px;max-width:190px;object-fit:contain}
.my-brand__name{font-family:var(--my-serif);font-size:23px;font-weight:700;line-height:1;color:var(--my-text);letter-spacing:.09em;white-space:nowrap}
.my-tools{justify-self:end;display:flex;align-items:center;gap:12px;min-width:0}
.my-mobile-search{display:none;width:38px;height:38px;place-items:center;color:var(--my-text-soft)}
.my-mobile-search svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round}
.my-mobile-search:hover{color:var(--my-bronze)}
.my-find{display:flex;align-items:center;height:34px;min-width:196px;padding:0 8px;border:1px solid var(--my-line);border-radius:2px;background:linear-gradient(180deg,rgba(58,36,24,.20),rgba(20,24,22,.4))}
.my-find__input{flex:1;min-width:0;height:32px;border:0;background:transparent;font-size:12px;color:var(--my-text);outline:none}
.my-find__input::placeholder{color:var(--my-text-muted)}
.my-find__btn{width:30px;height:30px;display:grid;place-items:center;color:var(--my-text-muted)}
.my-find__btn:hover{color:var(--my-bronze)}
.my-find__btn svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round}
.my-account{display:inline-flex;align-items:center;gap:6px;min-height:34px;font-size:11.5px;color:var(--my-text-soft);white-space:nowrap}
.my-account svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round}
.my-account:hover{color:var(--my-bronze)}
.my-burger{display:none;width:42px;height:42px;padding:10px 9px;flex-direction:column;justify-content:center;gap:5px;border:1px solid var(--my-line);border-radius:2px;background:var(--my-surface-1)}
.my-burger span{display:block;height:1.5px;background:var(--my-text);transition:transform .2s var(--my-ease),opacity .2s var(--my-ease)}
.my-burger[aria-expanded="true"] span:nth-child(1){transform:translateY(6.5px) rotate(45deg)}
.my-burger[aria-expanded="true"] span:nth-child(2){opacity:0}
.my-burger[aria-expanded="true"] span:nth-child(3){transform:translateY(-6.5px) rotate(-45deg)}
.my-nav{display:block;border-top:1px solid var(--my-line-soft);background:linear-gradient(180deg,rgba(58,36,24,.16),transparent)}
.my-nav__in{display:flex;align-items:center;justify-content:center;min-height:42px;overflow:hidden}
.my-nav__link{position:relative;display:inline-flex;align-items:center;justify-content:center;height:42px;padding:0 clamp(9px,1.15vw,17px);font-size:13px;letter-spacing:.04em;color:var(--my-text-soft);border-bottom:2px solid transparent;white-space:nowrap}
.my-nav__link:hover{color:var(--my-bronze);background:transparent}
.my-nav__link.is-on{color:var(--my-bronze);border-bottom-color:var(--my-accent);font-weight:600}
.my-nav__link + .my-nav__link::before{content:"";position:absolute;left:-1.5px;top:50%;width:3px;height:3px;margin-top:-1.5px;border-radius:50%;background:var(--my-line)}

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

/* ---------- 晚课经架（页脚） ---------- */
.my-foot{position:relative;margin-top:var(--my-gap-block);background:linear-gradient(180deg,#0a0c0b,var(--my-bg-deep));border-top:1px solid var(--my-line);color:var(--my-text-soft)}
.my-foot__ridge{height:6px;background:linear-gradient(90deg,var(--my-wood-3),var(--my-wood-2) 18%,var(--my-accent) 50%,var(--my-wood-2) 82%,var(--my-wood-3))}
.my-foot__crest{padding:clamp(30px,3.4vw,44px) 0 26px;text-align:center;border-bottom:1px dashed var(--my-line-soft)}
.my-foot__seal{width:52px;height:52px;margin:0 auto 13px;display:grid;place-items:center;border:1px solid rgba(208,166,92,.55);border-radius:50%;background:radial-gradient(circle at 36% 30%,rgba(208,166,92,.2),transparent 68%);box-shadow:0 0 0 5px rgba(208,166,92,.05);color:var(--my-bronze);font-family:var(--my-serif);font-size:23px;line-height:1}
.my-foot__brand{font-family:var(--my-serif);font-size:clamp(24px,2.5vw,32px);line-height:1.2;color:var(--my-text);letter-spacing:.1em}
.my-foot__motto{margin-top:8px;font-size:10.5px;letter-spacing:.34em;color:var(--my-bronze)}
.my-foot__desc{max-width:47em;margin:12px auto 0;font-size:12.5px;line-height:1.9;color:var(--my-text-muted)}
.my-foot__rack{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,.8fr) minmax(0,.8fr);gap:clamp(24px,4vw,56px);padding:26px 0 30px}
.my-foot__col{min-width:0}
.my-foot__title{position:relative;font-family:var(--my-serif);font-size:14px;letter-spacing:.12em;color:var(--my-text);margin-bottom:14px;padding-bottom:9px;border-bottom:1px solid var(--my-line)}
.my-foot__title::after{content:"";position:absolute;left:0;bottom:-1px;width:34px;height:1px;background:var(--my-bronze)}
.my-foot__tags{display:flex;flex-wrap:wrap;gap:7px}
.my-foot__tags a{display:inline-flex;align-items:center;min-height:30px;padding:0 11px;border:1px solid var(--my-line);border-radius:2px;background:linear-gradient(180deg,rgba(91,56,38,.26),rgba(43,26,17,.24));font-size:12px;color:var(--my-text-soft)}
.my-foot__tags a:hover{border-color:rgba(208,166,92,.55);color:var(--my-bronze)}
.my-foot__links{display:flex;flex-direction:column;gap:2px;font-size:12.5px}
.my-foot__links a{display:inline-flex;min-height:30px;align-items:center;color:var(--my-text-muted)}
.my-foot__links a::before{content:"";width:3px;height:3px;margin-right:8px;border-radius:50%;background:var(--my-line);flex:0 0 auto}
.my-foot__links a:hover{color:var(--my-bronze)}
.my-foot__links a:hover::before{background:var(--my-bronze)}
.my-foot__base{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 0 18px;border-top:1px solid var(--my-line);font-size:11px;color:var(--my-text-muted);letter-spacing:.04em}
.my-foot__note{color:var(--my-bronze-deep)}

.my-top-btn{position:fixed;right:max(22px,env(safe-area-inset-right));bottom:max(26px,env(safe-area-inset-bottom));z-index:70;width:46px;height:46px;display:grid;place-items:center;border:1px solid rgba(208,166,92,.5);border-radius:50%;background:rgba(20,24,22,.92);color:var(--my-bronze);font-family:var(--my-serif);font-size:15px;opacity:0;visibility:hidden;transition:opacity .2s var(--my-ease),visibility .2s var(--my-ease),border-color .2s var(--my-ease);box-shadow:0 0 0 5px rgba(208,166,92,.04)}
.my-top-btn[data-show="1"]{opacity:1;visibility:visible}
.my-top-btn:hover{border-color:var(--my-bronze);color:var(--my-paper)}

/* ---------- 按钮 / 标签 ---------- */
.my-btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:40px;padding:0 18px;border:1px solid var(--my-line);border-radius:2px;background:linear-gradient(180deg,rgba(58,36,24,.16),rgba(20,24,22,.2));color:var(--my-text-soft);font-size:13px;line-height:1;white-space:nowrap;cursor:pointer;transition:background-color .18s var(--my-ease),color .18s var(--my-ease),border-color .18s var(--my-ease)}
.my-btn svg{width:14px;height:14px;fill:currentColor}
.my-btn:hover{border-color:rgba(208,166,92,.55);color:var(--my-bronze)}
.my-btn--solid{background:var(--my-accent);border-color:var(--my-accent);color:var(--my-paper);font-weight:600}
.my-btn--solid:hover{background:var(--my-accent-strong);border-color:var(--my-accent-strong);color:var(--my-paper)}
.my-btn--accent{background:var(--my-accent);border-color:var(--my-accent);color:var(--my-paper)}
.my-btn--accent:hover{background:var(--my-accent-strong);border-color:var(--my-accent-strong);color:var(--my-paper)}
.my-btn--sm{min-height:32px;padding:0 12px;font-size:12px}
.my-btn--block{width:100%}
.my-btn[aria-disabled="true"],.my-btn:disabled{opacity:.38;cursor:not-allowed}
.my-btn[aria-disabled="true"]:hover{border-color:var(--my-line);color:var(--my-text-soft)}

.my-chip{display:inline-flex;align-items:center;min-height:30px;padding:0 10px;border:1px solid var(--my-line);border-radius:2px;background:var(--my-surface-1);font-size:12px;color:var(--my-text-soft);line-height:1;white-space:nowrap}
.my-chip:hover{border-color:rgba(208,166,92,.55);color:var(--my-bronze)}
.my-chip.is-on{background:var(--my-accent);border-color:var(--my-accent);color:var(--my-paper);font-weight:600}
.my-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;border-radius:2px;background:var(--my-text);color:var(--my-bg);white-space:nowrap}
.my-badge--complete{background:var(--my-jade);color:#0b130c}
.my-badge--updating{background:var(--my-bronze);color:#1a1208}
.my-badge--movie{background:var(--my-paper);color:var(--my-bg)}
.my-badge--unknown{background:var(--my-text-muted);color:var(--my-bg)}

/* ---------- 面包屑 / 分页 / 空态 ---------- */
.my-crumbs{display:flex;align-items:center;flex-wrap:wrap;gap:6px;margin:0 0 12px;font-size:11.5px;color:var(--my-text-muted)}
.my-crumbs a:hover{color:var(--my-bronze)}
.my-crumbs span[aria-hidden="true"]{color:var(--my-line)}
.my-crumbs span[aria-current="page"]{color:var(--my-text-soft)}
.my-pager{display:flex;align-items:center;flex-wrap:wrap;gap:6px;margin:28px 0 0}
.my-pager a,.my-pager span{min-width:36px;min-height:36px;padding:0 9px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--my-line);border-radius:2px;background:var(--my-surface-1);font-size:12.5px;color:var(--my-text-soft)}
.my-pager a:hover{border-color:rgba(208,166,92,.55);color:var(--my-bronze)}
.my-pager span.is-cur{background:var(--my-accent);border-color:var(--my-accent);color:var(--my-paper)}
.my-pager a[aria-disabled="true"]{opacity:.32;pointer-events:none}
.my-pager__stat{width:100%;border:0;background:transparent;justify-content:flex-start;padding:0;margin-top:4px;color:var(--my-text-muted);font-size:11px;min-height:auto}
.my-empty{border:1px dashed var(--my-line);border-radius:3px;background:var(--my-surface-1);padding:48px 22px;text-align:center}
.my-empty__title{font-family:var(--my-serif);font-size:20px;color:var(--my-text-soft)}
.my-empty__acts{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:10px;margin-top:18px}

/* ---------- 面板 / 列表 ---------- */
.my-panel,.my-panelbox,.my-sblock,.my-member__panel{border:1px solid var(--my-line);border-radius:3px;background:var(--my-surface-1);margin-bottom:18px}
.my-panel__head,.my-panelbox__head,.my-sblock__head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;border-bottom:1px solid var(--my-line);background:linear-gradient(180deg,rgba(58,36,24,.2),transparent)}
.my-panel__head h2,.my-panel__head h3,.my-panelbox__head h2,.my-sblock__head h2,.my-sblock__head h3{font-size:16px;line-height:1.2}
.my-panel__head h2::before,.my-panelbox__head h2::before,.my-sblock__head h2::before{content:"";display:inline-block;width:5px;height:5px;margin-right:8px;vertical-align:2px;background:var(--my-bronze);transform:rotate(45deg)}
.my-panel__head a,.my-panelbox__head a,.my-sblock__head a{font-size:11px;color:var(--my-text-muted);white-space:nowrap}
.my-panel__head a:hover,.my-panelbox__head a:hover,.my-sblock__head a:hover{color:var(--my-bronze)}
.my-panel__body,.my-panelbox__body{padding:16px}
.my-panel__note{font-size:10.5px;color:var(--my-text-muted);white-space:nowrap}
.my-panel__more{font-size:11px;color:var(--my-text-muted)}
.my-aside,.my-columns__side,.my-artside{position:sticky;top:126px;align-self:start;min-width:0}

.my-textlist{padding:3px 16px 10px}
.my-textrow,.my-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(--my-line-soft);font-size:12.5px}
.my-textrow:last-child,.my-textlist__row:last-child{border-bottom:0}
.my-textrow b,.my-textlist__row b{font-family:var(--my-serif);font-size:11px;font-weight:400;color:var(--my-bronze)}
.my-textrow span,.my-textlist__row span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--my-text-soft)}
.my-textrow i,.my-textlist__row i{font-style:normal;font-size:10px;color:var(--my-text-muted)}
.my-textrow:hover span,.my-textlist__row:hover span{color:var(--my-bronze)}

.my-minilist{padding:4px 16px 10px}
.my-mini{display:grid;grid-template-columns:46px minmax(0,1fr);gap:10px;align-items:center;padding:8px 0;border-bottom:1px dotted var(--my-line-soft)}
.my-mini:last-child{border-bottom:0}
.my-mini__pic{display:block;width:46px;aspect-ratio:3/4;overflow:hidden;background:var(--my-surface-2);border:1px solid var(--my-line-soft);border-radius:2px 2px 8px 8px}
.my-mini__pic img{width:100%;height:100%;object-fit:cover}
.my-mini__body{min-width:0;display:flex;flex-direction:column;gap:2px}
.my-mini__name{font-size:12.5px;line-height:1.45;color:var(--my-text);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.my-mini__meta{font-size:10px;color:var(--my-text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.my-mini:hover .my-mini__name{color:var(--my-bronze)}

.my-chiplist{display:flex;flex-wrap:wrap;gap:7px;padding:13px 16px 17px}
.my-chiplist--inline{padding:0}
.my-chiplist a{display:inline-flex;align-items:center;min-height:27px;padding:0 9px;border:1px solid var(--my-line);border-radius:2px;background:var(--my-surface-2);font-size:11.5px;color:var(--my-text-soft)}
.my-chiplist a:hover{border-color:rgba(208,166,92,.55);color:var(--my-bronze)}

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

/* ---------- 木鱼卡 ---------- */
.my-poster-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:22px 15px}
.my-vcard{display:block;min-width:0}
.my-vcard__frame{position:relative;display:block;padding:5px 5px 12px;border:1px solid #4a2f1f;border-radius:var(--my-radius-lg);background:
    repeating-linear-gradient(93deg,rgba(0,0,0,.12) 0 1px,transparent 1px 7px),
    linear-gradient(160deg,var(--my-wood-1),var(--my-wood-2) 46%,var(--my-wood-3));
    box-shadow:0 20px 36px -30px rgba(0,0,0,.95);
    transition:border-color .22s var(--my-ease),box-shadow .22s var(--my-ease)}
.my-vcard__pic{position:relative;display:block;width:100%;aspect-ratio:3/4.2;overflow:hidden;border-radius:3px 3px 16px 16px;background:var(--my-surface-2)}
.my-vcard__pic img{width:100%;height:100%;object-fit:cover;filter:saturate(.96);transition:filter .35s var(--my-ease),transform .5s var(--my-ease)}
.my-vcard__shade{position:absolute;inset:0;background:linear-gradient(180deg,transparent 52%,rgba(7,9,8,.82) 100%)}
.my-vcard__state{position:absolute;left:6px;top:6px;z-index:2;display:inline-flex;align-items:center;min-height:19px;padding:0 6px;border-radius:2px;font-style:normal;font-size:9.5px;line-height:1;letter-spacing:.02em;white-space:nowrap;background:rgba(13,16,15,.86);color:var(--my-text)}
.my-vcard__state--complete{background:rgba(63,116,96,.92);color:#eef6f0}
.my-vcard__state--updating{background:rgba(156,118,56,.94);color:#1b1206}
.my-vcard__state--movie{background:rgba(234,228,216,.92);color:#141816}
.my-vcard__state--unknown{background:rgba(143,147,137,.85);color:#11140f}
.my-vcard__nail{position:absolute;right:9px;top:9px;z-index:3;width:6px;height:6px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#f0d79c,var(--my-bronze-deep));box-shadow:0 0 0 2px rgba(16,10,6,.55)}
.my-vcard__score{position:absolute;right:9px;bottom:9px;z-index:3;width:30px;height:30px;display:grid;place-items:center;border-radius:50%;background:radial-gradient(circle at 40% 32%,#eed8a4,var(--my-bronze) 62%,var(--my-bronze-deep));color:#1a1208;font-family:var(--my-mono);font-size:11px;font-weight:700;box-shadow:0 0 0 3px rgba(13,16,15,.55)}
.my-vcard__mouth{position:absolute;left:50%;bottom:4px;width:42px;height:3px;margin-left:-21px;border-radius:2px;background:#150c07;box-shadow:inset 0 1px 2px rgba(0,0,0,.9);transition:background-color .22s var(--my-ease),box-shadow .22s var(--my-ease),height .22s var(--my-ease)}
.my-vcard__name{display:-webkit-box;margin-top:9px;font-size:13px;line-height:1.45;color:var(--my-text);-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.my-vcard__meta{display:block;margin-top:2px;font-size:10.5px;color:var(--my-text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
@media (hover:hover){
    .my-vcard:hover .my-vcard__frame{border-color:rgba(208,166,92,.55);box-shadow:0 22px 40px -30px rgba(0,0,0,.95),0 0 0 1px rgba(208,166,92,.12) inset}
    .my-vcard:hover .my-vcard__pic img{filter:brightness(1.06) saturate(1.02);transform:scale(1.02)}
    .my-vcard:hover .my-vcard__mouth{height:4px;background:var(--my-bronze);box-shadow:0 0 10px rgba(208,166,92,.6)}
    .my-vcard:hover .my-vcard__name{color:var(--my-bronze)}
}

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

/* ---------- 资料表 / 问答 ---------- */
.my-spec{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 28px}
.my-spec__row{display:grid;grid-template-columns:64px minmax(0,1fr);gap:10px;padding:10px 0;border-bottom:1px dotted var(--my-line-soft);font-size:13px}
.my-spec__row dt{color:var(--my-text-muted)}
.my-spec__row dd{color:var(--my-text-soft);min-width:0;word-break:break-word}
.my-spec__row dd a{color:var(--my-bronze)}
.my-spec--side{grid-template-columns:1fr;gap:0}
.my-spec--side .my-spec__row{grid-template-columns:56px minmax(0,1fr)}
.my-faq{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 32px;border-top:1px solid var(--my-line)}
.my-faq__item{border-bottom:1px solid var(--my-line-soft);padding:13px 0}
.my-faq__item summary{cursor:pointer;font-size:15px;font-weight:500;line-height:1.6;color:var(--my-text);list-style:none;display:flex;align-items:flex-start;gap:9px}
.my-faq__item summary::-webkit-details-marker{display:none}
.my-faq__item summary::before{content:"+";flex:0 0 auto;color:var(--my-bronze);font-family:var(--my-serif);font-weight:400;font-size:17px;line-height:1.3}
.my-faq__item[open] summary::before{content:"−"}
.my-faq__item summary:hover{color:var(--my-bronze)}
.my-faq__a{margin-top:8px;padding-left:18px;font-size:13px;line-height:1.9;color:var(--my-text-muted)}

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

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

/* ---------- 响应式基础 ---------- */
@media (max-width:1199.98px){
    .my-head__in{height:56px;gap:12px;grid-template-columns:auto 1fr auto}
    .my-head__motto{display:none}
    .my-brand{justify-self:start}
    .my-brand__name{font-size:21px}
    .my-brand__logo{height:32px;max-width:150px}
    .my-brand__seal{width:30px;height:30px;font-size:15px}
    .my-nav{display:none}
    .my-tools{margin-left:auto;gap:8px}
    .my-find{display:none}
    .my-mobile-search{display:grid}
    .my-account span{display:none}
    .my-burger{display:flex}
    .my-aside,.my-columns__side,.my-artside{position:static}
    .my-poster-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
    .my-faq{grid-template-columns:1fr}
}
@media (max-width:767.98px){
    body{font-size:14.5px}
    .my-page{padding-bottom:42px}
    .my-pagehead{flex-direction:column;align-items:flex-start;gap:7px;padding:16px 0 13px}
    .my-pagehead__aside{padding-bottom:0}
    .my-poster-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px 10px}
    .my-spec{grid-template-columns:1fr}
    .my-auth{margin:18px auto;padding:22px 18px}
    .my-member{grid-template-columns:1fr;gap:14px}
    .my-member__nav{display:flex;overflow-x:auto;scrollbar-width:none}
    .my-member__nav::-webkit-scrollbar{display:none}
    .my-member__navhead{display:none}
    .my-member__link{white-space:nowrap;border-bottom:0;border-right:1px solid var(--my-line-soft);padding:11px 14px}
    .my-member__link.is-on{box-shadow:inset 0 -2px 0 var(--my-accent)}
    .my-member__body{padding:16px}
    .my-member__facts{grid-template-columns:1fr}
    .my-member__head{padding:13px 16px}
    .my-member__title{font-size:22px}
    .my-ulog{grid-template-columns:1fr}
    .my-foot__crest{padding:26px 0 18px}
    .my-foot__seal{width:46px;height:46px;font-size:20px;margin-bottom:10px}
    .my-foot__brand{font-size:22px}
    .my-foot__motto{letter-spacing:.24em}
    .my-foot__desc{margin-top:8px;font-size:12px;line-height:1.75;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
    .my-foot__rack{grid-template-columns:1fr 1fr;gap:20px 18px;padding:20px 0 22px}
    .my-foot__col--wide{grid-column:1/-1}
    .my-foot__tags{gap:6px}
    .my-foot__tags a{min-height:27px;font-size:11.5px}
    .my-foot__title{font-size:13px;margin-bottom:9px;padding-bottom:7px}
    .my-foot__links a{min-height:26px;font-size:12px}
    .my-foot__base{flex-direction:column;align-items:flex-start;gap:4px;font-size:10.5px;padding:10px 0 14px}
    .my-searchbar input{height:42px;font-size:14px}
    .my-searchbar button{width:42px;height:42px}
    .my-faq__item summary{font-size:14px}
}
@media (max-width:479.98px){
    .my-poster-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
    .my-crumbs{font-size:11px}
    .my-foot__rack{grid-template-columns:1fr 1fr;gap:16px 16px}
    .my-spec__row{grid-template-columns:58px minmax(0,1fr)}
}
@media (prefers-reduced-motion: reduce){
    html{scroll-behavior:auto}
    .my-vcard__pic img,.my-vcard__mouth,.my-vcard__frame{transition:none}
}
@supports (padding: max(0px)){
    .my-foot,.my-shell{padding-left:max(0px,env(safe-area-inset-left));padding-right:max(0px,env(safe-area-inset-right))}
}
