/* 01 · 指南针：星图的轨迹进入档案，编号与路线串起创作过程。 */
.wd-page[data-theme=compass]{--wd-ground:#f8f8ef;--wd-paper:#fdfcf4;--wd-accent:#5a7f87;--wd-ink:#355765;--wd-dock:#f8f8ef;background-image:radial-gradient(ellipse at 12% 12%,#b1c5bc29,transparent 42%),radial-gradient(ellipse at 90% 50%,#d5c5931b,transparent 50%)}
[data-theme=compass] .wd-intro:after{content:"N  /  E  /  S  /  W";position:absolute;right:28px;bottom:42px;font:11px Georgia,serif;letter-spacing:.5em;color:#9caa9f}
[data-theme=compass] .wd-player-frame{border-radius:4px;border:1px solid #b9b18f;box-shadow:0 0 0 5px #f8f8ef,0 0 0 6px #b8b08f40,0 9px 26px #4c6c6c12}
[data-theme=compass] .wd-reading{background-image:radial-gradient(circle at 8% 220px,transparent 59px,#a3b3a127 60px,transparent 61px),radial-gradient(circle at 8% 220px,transparent 88px,#a3b3a127 89px,transparent 90px)}
[data-theme=compass] .wd-section:before{content:"";position:absolute;left:-27px;top:18px;width:7px;height:7px;background:#f8f8ef;border:1px solid #9caa85;transform:rotate(45deg)}
[data-theme=compass] .wd-section{border-left:1px dashed #b8ad875e;padding-left:24px;margin-left:-24px}
[data-theme=compass] .wd-prompt{border-left:3px solid #98b1ad}
[data-theme=compass] .wd-section-nav button[aria-current]:before{content:"";width:6px;height:6px;border:1px solid #9f9a67;transform:rotate(45deg)}
/* 02 · 画架：布面、木质画框与画稿批注，像走近一张正在整理的工作台。 */
.wd-page[data-theme=easel]{--wd-ground:#f2eee4;--wd-paper:#fffcf3;--wd-accent:#a17d54;--wd-ink:#625448;--wd-muted:#867b6a;--wd-dock:#f2eee4;--wd-line:#b89f7659;background-image:repeating-linear-gradient(0deg,#bba98208 0 1px,transparent 1px 5px),repeating-linear-gradient(90deg,#bba98208 0 1px,transparent 1px 5px)}
[data-theme=easel] .wd-decoration{width:420px;right:-65px;top:180px;opacity:.11;color:#98744a}
[data-theme=easel] .wd-intro{text-align:center;padding-bottom:26px}
[data-theme=easel] .wd-intro-kicker,[data-theme=easel] .wd-work-tag{justify-content:center}
[data-theme=easel] .wd-intro h1{letter-spacing:.16em}
[data-theme=easel] .wd-player-frame{border:10px solid #dfceb0;outline:1px solid #b79c75;box-shadow:inset 0 0 0 2px #f4ead5,3px 8px 20px #7c65451a}
[data-theme=easel] .wd-media-dock:before{content:"";position:absolute;top:2px;left:50%;transform:translateX(-50%);width:49px;height:19px;border:1px solid #a8916b;background:linear-gradient(#d7c29c,#ead8b7);box-shadow:0 2px 2px #826c4822;z-index:2}
[data-theme=easel] .wd-reading{display:block;max-width:1080px}
[data-theme=easel] .wd-reading-mark{display:none}
[data-theme=easel] .wd-section{padding:32px;margin-bottom:34px;background:#fffdf5;border:1px solid #c5b49360;box-shadow:3px 5px 12px #8e73500c}
[data-theme=easel] .wd-section-number{border-radius:0;border:0;border-bottom:1px solid #baa27b;font-size:22px}
[data-theme=easel] .wd-intent-note{background:#d7c49418;border-left-color:#c6ab75}
[data-theme=easel] .wd-process-layout{grid-template-columns:minmax(220px,.8fr) minmax(0,1fr);gap:40px}
[data-theme=easel] .wd-process .wd-image-card{transform:rotate(-2deg);align-self:start;position:relative}
[data-theme=easel] .wd-process .wd-image-card:before{content:"";position:absolute;left:36%;top:-9px;width:62px;height:18px;background:#d7c99b99;transform:rotate(3deg);z-index:1}
[data-theme=easel] .wd-step{padding:14px 16px;background:#e8dfc82e;margin-bottom:14px;border-left:1px solid #c7b485}
[data-theme=easel] .wd-step:before{display:none}
[data-theme=easel] .wd-step-dot{border-radius:0;border:0;background:none;color:#b09469}
[data-theme=easel] .wd-prompt{border-style:solid;border-width:0 0 1px 1px;background:repeating-linear-gradient(transparent 0 29px,#d7c7a717 29px 30px),#faf7ec}
[data-theme=easel] .wd-prompt summary{padding-block:20px}
[data-theme=easel] .wd-section-nav button{border:1px solid #bba88755;border-radius:3px;margin-inline:3px;background:#fffcf380}
[data-theme=easel] .wd-section-nav button[aria-current]{background:#e6d6b64d;border-color:#b69a6d}
[data-theme=easel] .wd-compare-images .wd-image-card:first-child{transform:rotate(-1deg)}
[data-theme=easel] .wd-compare-images .wd-image-card:last-child{transform:rotate(1deg)}
/* 03 · 画册：书脊、页边书签与页码；长文纵向阅读，不强迫反复翻页。 */
.wd-page[data-theme=album]{--wd-ground:#eee6d6;--wd-paper:#fffbef;--wd-accent:#9b7965;--wd-ink:#62594c;--wd-muted:#897b68;--wd-line:#baa27c55;--wd-dock:#eee6d6;background-image:linear-gradient(90deg,#d9ccb04a,transparent 14%,transparent 86%,#d9ccb04a)}
[data-theme=album] .wd-intro{padding-left:62px;border-left:1px solid #c0aa835e}
[data-theme=album] .wd-intro:before{content:"";position:absolute;left:24px;top:43px;width:15px;height:47px;background:#b8987252;clip-path:polygon(0 0,100% 0,100% 100%,50% 86%,0 100%)}
[data-theme=album] .wd-decoration{right:-10px;top:165px;opacity:.1;width:450px}
[data-theme=album] .wd-player-frame{border:11px solid #fffbef;outline:1px solid #c7b28b;box-shadow:5px 6px 0 #dacbae,7px 8px 0 #f5eddb,9px 10px 1px #cdbb9880}
[data-theme=album] .wd-section-nav{gap:11px;background:#eee6d6}
[data-theme=album] .wd-nav-links{gap:11px;padding-top:8px}
[data-theme=album] .wd-section-nav button:not(.wd-collapse){border:1px solid #bba7825e;border-top:0;border-radius:0 0 9px 2px;background:#e5d8bd;color:#786951;min-height:43px;margin-top:-9px}
[data-theme=album] .wd-section-nav button[aria-current]:not(.wd-collapse){background:#b7957e;color:#fffaf0;border-color:#ad8f7a}
[data-theme=album] .wd-section-nav button[aria-current]>span{color:#f4e4cd}
[data-theme=album] .wd-reading{display:block;max-width:1110px;margin-top:26px;padding:46px 55px;background:linear-gradient(90deg,#d4c29b44,#fffdf5 3%,#fffdf5 49.5%,#d9c9a333 50%,#fffaf0 50.5%,#fffaf0 97%,#cfbb9444);border:1px solid #cab68f6b;box-shadow:5px 6px #b5a27a17;counter-reset:archive-page}
[data-theme=album] .wd-reading-mark{display:none}
[data-theme=album] .wd-section{padding-bottom:50px;counter-increment:archive-page}
[data-theme=album] .wd-section:after{content:"— " counter(archive-page,decimal-leading-zero) " —";display:block;text-align:center;margin-top:25px;color:#a18e71;font:11px Georgia,serif;letter-spacing:.14em}
[data-theme=album] .wd-section-number{border-radius:0;border:0;font-size:28px;color:#b09673;align-self:start}
[data-theme=album] .wd-section h2{letter-spacing:.12em}
[data-theme=album] .wd-process-layout{grid-template-columns:1fr 1fr;gap:50px}
[data-theme=album] .wd-process .wd-image-card{padding:14px;border:1px solid #c9b88e70;align-self:start;box-shadow:2px 3px #ab936820}
[data-theme=album] .wd-step{padding-bottom:28px}
[data-theme=album] .wd-step:not(:last-child):before{border-left-style:solid}
[data-theme=album] .wd-prompt{background:#efe7d15e;border:1px solid #ccb99070;box-shadow:3px 3px #c7b28b13}
[data-theme=album] .wd-prompt summary{border-left:5px solid #c1a98b;padding-left:18px}
[data-theme=album] .wd-prompt[open]{background:#fcf7e8}
[data-theme=album] .wd-intent-note{background:#e5d8b72e;border-left:1px solid #ad9070}
[data-theme=album] .wd-footer{padding-top:40px}
@media(max-width:700px){
  [data-theme=compass] .wd-intro:after{display:none}
  [data-theme=compass] .wd-section{margin-left:0;padding-left:15px}
  [data-theme=compass] .wd-section:before{left:-4px}
  [data-theme=easel] .wd-reading{padding-inline:14px}
  [data-theme=easel] .wd-section{padding:24px 18px}
  [data-theme=easel] .wd-process-layout,[data-theme=album] .wd-process-layout{grid-template-columns:1fr;gap:28px}
  [data-theme=easel] .wd-step{padding:12px 8px}
  [data-theme=easel] .wd-player-frame{border-width:6px}
  [data-theme=album] .wd-intro{margin-inline:12px;padding-left:35px}
  [data-theme=album] .wd-intro:before{left:8px;top:32px;width:12px;height:36px}
  [data-theme=album] .wd-reading{margin-inline:12px;padding:28px 19px;background:linear-gradient(90deg,#d4c29b33,#fffaf0 5%);max-width:calc(100% - 24px)}
  [data-theme=album] .wd-section-nav{gap:5px}
  [data-theme=album] .wd-player-frame{border-width:7px}
  [data-theme=album] .wd-process .wd-image-card{padding:7px}
  [data-theme=album] .wd-section{padding-bottom:32px}
}