/* Book/cover effect: Uiverse.io by eslam-hany (MIT), selfish-bobcat-73.
 * Preserve perspective:2000px, transform-origin:0, .5s, rotateY(-80deg).
 * Only the palette, typography and responsive sizing adapt to this website. */
body.tutorial-apple :is(.guide-card,.topic-card,.ac-product,.related-guides a).tutorial-book{
  position:relative;display:block;min-width:0;margin-top:0;padding:0;
  border:1px solid #36363a;border-radius:10px;background:#1c1c1f;color:#f5f5f7;
  box-shadow:1px 1px 12px #000;transform:none;transform-style:preserve-3d;
  perspective:2000px;overflow:visible;isolation:isolate;text-decoration:none;
}
body.tutorial-apple :is(.guide-card,.topic-card,.ac-product,.related-guides a).tutorial-book:hover{
  transform:none;background:#1c1c1f;border-color:#53535b;box-shadow:1px 1px 12px #000;
}
body.tutorial-apple .guide-card.tutorial-book{min-height:340px}
body.tutorial-apple .tutorial-book::after{display:none}
body.tutorial-apple .tutorial-book>.book-page{position:relative;z-index:0;min-height:inherit;width:100%;padding:30px 26px 28px 68px;border-radius:10px}
body.tutorial-apple .guide-card.tutorial-book>.book-page{display:flex;flex-direction:column;gap:20px;min-height:338px}
body.tutorial-apple .tutorial-book .guide-copy{display:flex;flex-direction:column;flex:1;min-width:0}
body.tutorial-apple .tutorial-book .guide-copy h3{font-size:22px;line-height:1.4}
body.tutorial-apple .tutorial-book .guide-copy p{font-size:14px;line-height:1.8}
body.tutorial-apple .tutorial-book .card-action{margin-top:auto;padding-top:6px}
body.tutorial-apple .tutorial-book .guide-brand{width:44px;height:44px;flex:none}
body.tutorial-apple .tutorial-book .guide-brand :is(img,svg){width:44px;height:44px}
body.tutorial-apple .tutorial-book>.book-cover{
  position:absolute;inset:0;z-index:2;display:flex;align-items:flex-start;justify-content:flex-start;
  width:100%;height:100%;border:1px solid #3c3c42;border-left:3px solid #55555e;border-radius:10px;
  background:linear-gradient(90deg,#18181c 0,#242429 4%,#26262b 8%,#242429 13%,#202024 100%);
  box-shadow:1px 1px 12px #000;transform-origin:0 50%;transform:rotateY(0deg);
  transform-style:preserve-3d;backface-visibility:hidden;transition:transform .5s,box-shadow .5s;
  pointer-events:none;will-change:auto;
}
body.tutorial-apple .tutorial-book>.book-cover::before{content:attr(data-book-index);position:absolute;top:29px;right:25px;color:#a1a1a6;font-size:12px;line-height:18px;font-weight:400}
body.tutorial-apple .book-cover-symbol{position:absolute;left:28px;top:30px;display:grid;place-items:center;width:56px;height:56px}
body.tutorial-apple .book-cover-symbol :is(img,svg){display:block;width:56px;height:56px;max-width:100%;object-fit:contain;border-radius:12px;color:#b6b6bd}
body.tutorial-apple .book-cover-eyebrow{position:absolute;left:28px;right:22px;top:118px;color:#a1a1a6;font-size:12px;line-height:1.6;letter-spacing:.02em;font-weight:400}
body.tutorial-apple .book-cover-eyebrow::before{content:attr(data-book-kicker)}
body.tutorial-apple .book-cover-title{position:absolute;left:28px;right:24px;top:151px;color:#f5f5f7;font-size:25px;line-height:1.35;letter-spacing:-.6px;font-weight:600}
body.tutorial-apple .book-cover-title::before{content:attr(data-book-title)}
body.tutorial-apple .book-cover-hint{position:absolute;left:28px;right:24px;bottom:29px;color:#2997ff;font-size:12px;line-height:20px;font-weight:400}
body.tutorial-apple .book-cover-hint::before{content:attr(data-book-hint)}
@media(hover:hover) and (pointer:fine){
 body.tutorial-apple .tutorial-book:hover>.book-cover{transform:rotateY(-80deg);box-shadow:1px 1px 12px #0008}
}
body.tutorial-apple .tutorial-book:focus-visible>.book-cover,
body.tutorial-apple .tutorial-book:focus-within>.book-cover{transform:rotateY(-80deg);box-shadow:1px 1px 12px #0008}
body.tutorial-apple .tutorial-book:focus-visible{outline:2px solid #2997ff;outline-offset:5px}
body.tutorial-apple .related-guides a.tutorial-book{min-height:170px}
body.tutorial-apple .related-guides a.tutorial-book>.book-page{display:flex;flex-direction:column;justify-content:center;gap:10px;min-height:168px;padding:24px 24px 24px 60px}
body.tutorial-apple .tutorial-book[data-book-kind=related] :is(.book-cover-symbol,.book-cover-eyebrow){display:none}
body.tutorial-apple .tutorial-book[data-book-kind=related] .book-cover-title{top:30px;font-size:19px;line-height:1.5}
body.tutorial-apple .tutorial-book[data-book-kind=related] .book-cover-hint{bottom:23px}
body.tutorial-apple .topic-card.tutorial-book{min-height:200px}
body.tutorial-apple .topic-card.tutorial-book>.book-page{display:flex;flex-direction:column;gap:10px;padding:24px 20px 24px 56px;min-height:198px}
body.tutorial-apple .tutorial-book[data-book-kind=topic] .book-cover-symbol{left:24px;top:24px;width:32px;height:32px}
body.tutorial-apple .tutorial-book[data-book-kind=topic] .book-cover-symbol :is(img,svg){width:32px;height:32px}
body.tutorial-apple .tutorial-book[data-book-kind=topic] .book-cover-eyebrow{top:73px;left:24px;font-size:11px}
body.tutorial-apple .tutorial-book[data-book-kind=topic] .book-cover-title{top:100px;left:24px;font-size:18px;line-height:1.4}
body.tutorial-apple .tutorial-book[data-book-kind=topic] .book-cover-hint{bottom:20px;left:24px;font-size:11px}
body.tutorial-apple .ac-product.tutorial-book{min-height:390px}
body.tutorial-apple .ac-product.tutorial-book>.book-page{min-height:388px;padding:26px 24px 26px 66px}
body.tutorial-apple .tutorial-book[data-book-kind=aftercare] .book-cover-title{top:151px;font-size:24px;line-height:1.5}
body.tutorial-apple .tutorial-book[data-book-kind=aftercare] .book-cover-hint::after{content:" · 移入查看";color:#a1a1a6}
@media(max-width:540px){
 body.tutorial-apple .guide-card.tutorial-book{min-height:330px}
 body.tutorial-apple .guide-card.tutorial-book>.book-page{min-height:328px}
 body.tutorial-apple .book-cover-title{font-size:24px}
 body.tutorial-apple .topic-card.tutorial-book{min-height:180px}
 body.tutorial-apple .topic-card.tutorial-book>.book-page{min-height:178px}
 body.tutorial-apple .ac-product.tutorial-book{min-height:0}
 body.tutorial-apple .ac-product.tutorial-book>.book-page{min-height:0}
}
@media(hover:none),(pointer:coarse){
 /* Link semantics and one-tap navigation win over requiring a second tap. */
 body.tutorial-apple .tutorial-book>.book-cover{transform:rotateY(-10deg)}
 body.tutorial-apple .tutorial-book.book-pressing>.book-cover,
 body.tutorial-apple a.tutorial-book:active>.book-cover{transform:rotateY(-28deg);transition-duration:.15s}
 body.tutorial-apple .tutorial-book[data-book-kind=aftercare]>.book-cover{transform:rotateY(-80deg)}
 body.tutorial-apple .tutorial-book[data-book-kind=aftercare] .book-cover-hint::after{content:""}
}
@media(prefers-reduced-motion:reduce){
 body.tutorial-apple .tutorial-book>.book-cover{transition:none!important}
}