/* Independently styled yizhidun.com: distinct semantic storybook arrangement, not a reused film card grid. */
:root{--accent:#e9bd83;--back:#324a43}*{box-sizing:border-box}body.custom-storybook{margin:0;background:var(--back);color:#eeeaf0;font:14px/1.7 system-ui,'Noto Sans SC',sans-serif}a{color:var(--accent);text-decoration:none}
.own-nav{display:flex;justify-content:space-between;gap:12px;align-items:center;flex-wrap:wrap;padding:13px clamp(12px,4vw,35px);background:#111922;border-bottom:2px solid var(--accent)}.own-nav>a{font:900 15px ui-monospace,monospace}.own-nav nav{display:flex;gap:14px;flex-wrap:wrap;font-size:11px}
.own-content{max-width:1300px;margin:auto;min-width:0}.own-hero{display:grid;grid-template-columns:95px minmax(0,1.5fr) minmax(70px,.3fr);gap:14px;background:linear-gradient(120deg,var(--back),#384455);padding:clamp(19px,4vw,49px);min-height:310px;align-items:center}
.own-hero-identifier{writing-mode:vertical-rl;transform:rotate(180deg);letter-spacing:.14em;font:850 11px monospace;color:var(--accent)}.own-hero small{font:800 10px monospace;color:var(--accent)}.own-hero h1{font-size:clamp(32px,5vw,60px);line-height:1.2;margin:15px 0}.own-hero p{font-size:13px;max-width:520px;color:#bfc3cf}
.own-hero>strong{font:850 35px monospace;letter-spacing:.12em;color:var(--accent);overflow-wrap:anywhere}
.own-footer{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:18px;background:#171920;font:800 10px monospace;color:#b6acb9}
.family-book{background:#fff1d5;padding:19px;color:#364d47}.family-note{text-align:center;padding:14px;border:3px dashed #dda66e;border-radius:22px;font:800 11px monospace}.family-chapters{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;margin-top:18px}.storybook-page{display:grid;grid-template-columns:90px 1fr;gap:14px;align-items:start;padding:16px;background:#fff9ea;border:3px solid #e6c18f;border-radius:25px}.storybook-page>span{grid-column:1/-1;color:#ba8158;font-size:12px;font-weight:850}.storybook-page img{width:86px;height:124px;object-fit:cover;border-radius:10px}.storybook-page h2{font-size:16px}.storybook-page a{color:#566f5a}.storybook-page p{font-size:11px;line-height:1.8}@media(max-width:680px){.family-chapters{grid-template-columns:1fr;gap:9px}.storybook-page{grid-template-columns:72px 1fr;padding:11px}.storybook-page img{width:69px;height:98px}.family-book{padding:10px}}
@media(max-width:700px){.own-hero{grid-template-columns:18px 1fr;padding:15px;min-height:0}.own-hero-identifier{grid-row:1/3;font-size:8px}.own-hero h1{font-size:33px}.own-hero>strong{display:none}.own-hero p{font-size:12px}}

/* Real independent storybook hero composition */
.yz-family-cover{display:grid;grid-template-columns:100px 1fr 120px;gap:18px;align-items:center;padding:24px;border:7px solid #9cae86;border-radius:25px;background:#ffefd2;color:#324e41;min-height:335px}.yz-bookmark{background:#76996c;padding:12px;writing-mode:vertical-rl;color:#fff;align-self:stretch;font:850 12px monospace}.yz-family-intro h1{font-size:clamp(34px,4vw,55px)}.yz-family-sticker{width:110px;height:110px;border:6px double #db9c6c;border-radius:50%;display:grid;place-items:center;font:900 30px serif;color:#b8794b}
@media(max-width:700px){.yz-family-cover{display:block;min-height:0;padding:15px}.yz-family-cover h1{font-size:32px}}

.unique-content-route{background:var(--back);padding:11px 19px;border-left:5px solid var(--accent);font-weight:900}