@font-face{font-family:Watch Serif;src:url('assets/NotoSerifSC.woff2') format('woff2');font-display:swap;font-weight:100 900}@font-face{font-family:Watch Sans;src:url('assets/NotoSansSC.woff2') format('woff2');font-display:swap;font-weight:100 900}
:root{--paper:#f1eadc;--ink:#362f25;--muted:#847866;--gold:#98784b;--line:#af97634f;--serif:'Watch Serif','Songti SC',serif;--sans:'Watch Sans','PingFang SC',sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:35px}body{margin:0;background:var(--paper);color:var(--ink);font:14px/1.9 var(--sans);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input{font:inherit}a,button{touch-action:manipulation}button{cursor:pointer}h1,h2,h3,h4,p{margin:0}h1,h2,h3,h4{font-family:var(--serif);font-weight:500}img{max-width:100%;height:auto}a:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid var(--gold);outline-offset:4px}[hidden]{display:none!important}::selection{background:#d5bf95;color:#30281e}.skip{position:fixed;left:16px;top:10px;z-index:100;padding:8px 18px;background:#332b22;color:#f1eadc;transform:translateY(-160%)}.skip:focus{transform:none}.watch-wrap{max-width:1350px;margin:0 auto;padding-left:5vw;padding-right:5vw}
.masthead{position:relative;z-index:40;min-height:82px;padding:17px 4vw;display:flex;align-items:center;justify-content:space-between;gap:25px;border-bottom:1px solid var(--line);background:#f5efE3}.brand{display:flex;align-items:center;gap:15px;font:27px var(--serif);letter-spacing:.12em;white-space:nowrap}.brand span{font-size:10px;border-left:1px solid var(--line);padding-left:15px;letter-spacing:.2em}.masthead nav{display:flex;gap:24px;align-items:center;font-size:10px;letter-spacing:.05em}.masthead nav a{white-space:nowrap;padding:8px 0;border-bottom:1px solid transparent}.masthead nav a:hover,.masthead nav a[aria-current=page]{color:var(--gold);border-color:var(--gold)}.menu-toggle{display:none}
.watch-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:35px;padding-top:48px;padding-bottom:35px}.watch-eyebrow{font-size:9px;letter-spacing:.25em;color:var(--gold);margin-bottom:14px}.watch-heading h1{font-size:clamp(36px,5vw,66px);letter-spacing:.12em}.watch-heading h1 span{font-size:.28em;margin-right:14px;letter-spacing:.1em}.watch-subtitle{font:17px/2 var(--serif);letter-spacing:.06em;margin-top:15px}.watch-shortlinks{display:flex;gap:25px;font-size:10px;color:var(--gold);white-space:nowrap;padding-bottom:8px}.watch-shortlinks a{border-bottom:1px solid var(--line);padding:7px 0}.watch-reader-section{background:#141110;scroll-margin-top:0}.watch-reader-tools{display:flex;justify-content:space-between;gap:25px;align-items:center;padding:13px 4vw;border-bottom:1px solid #e8d7bb21;color:#c9b99b;font-size:10px;letter-spacing:.06em}.watch-reader-tools>div{display:flex;align-items:center;gap:24px}.watch-reader-tools a{padding:5px 0;border-bottom:1px solid #c08a4e4d}.watch-reader-frame{display:block;border:0;width:100%;height:min(960px,calc(100svh - 55px));min-height:640px;background:#141110}.watch-reader-note{max-width:50em;padding:22px 24px;margin:0 auto;font-size:10px;color:#9e9281;text-align:center}.watch-reader-note a{border-bottom:1px solid #c08a4e4d;color:#d8bb90}
.watch-text-section{padding-top:65px;padding-bottom:65px;background:radial-gradient(ellipse at 3% 10%,#c9b17e17,transparent 40%),radial-gradient(ellipse at 97% 70%,#c9b17e1c,transparent 40%)}.watch-rule{display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--line);padding-top:17px;margin-bottom:40px;font-size:9px;letter-spacing:.1em;color:var(--muted)}.watch-foreword{display:grid;grid-template-columns:1fr 2fr;gap:10%;margin-bottom:60px}.watch-foreword h2{font-size:75px;color:var(--gold);line-height:1.3}.watch-prose{font:17px/2.1 var(--serif);letter-spacing:.06em}.watch-prose p{margin-bottom:12px}.watch-prose p:last-child{margin-bottom:0}.watch-prose .watch-preface-gap{margin-top:30px;padding-top:25px;border-top:1px solid var(--line)}.watch-text-title{font-size:32px;letter-spacing:.1em;margin-bottom:25px}.watch-contents{list-style:none;margin:0;padding:0;border-left:1px solid var(--line);border-top:1px solid var(--line);display:grid;grid-template-columns:repeat(5,minmax(0,1fr))}.watch-contents a{display:flex;flex-direction:column;gap:9px;padding:18px 16px;min-height:92px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.watch-contents a:hover{background:#c8b07e17}.watch-contents a span{font-size:8px;color:var(--gold);letter-spacing:.1em}.watch-contents a strong{font:16px var(--serif)}.watch-searchbar{display:flex;align-items:center;justify-content:space-between;gap:35px;padding:23px 0;border-bottom:1px solid var(--line);margin-bottom:40px}.watch-search{display:flex;gap:14px;align-items:center;max-width:480px;flex:1}.watch-search label{font-size:10px;color:var(--muted);white-space:nowrap}.watch-search input{width:100%;min-width:0;border:0;border-bottom:1px solid #ab926c88;border-radius:0;padding:8px 0;background:none;color:var(--ink);font-size:12px}.watch-search input:focus{outline:0;border-color:var(--gold)}.watch-search button{border:0;background:none;color:var(--gold);padding:8px 0;white-space:nowrap;font-size:10px}.watch-searchbar>p{font-size:10px;color:var(--muted)}.watch-chapter{margin-top:45px;scroll-margin-top:25px}.watch-chapter h2{font-size:26px;letter-spacing:.08em;padding:22px 0;border-top:2px solid #ad9160;border-bottom:1px solid var(--line);margin-bottom:28px}.watch-moment-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:25px 60px}.watch-moment{min-width:0;padding:0 0 25px;border-bottom:1px solid var(--line);scroll-margin-top:25px}.watch-moment:target{outline:1px solid #ad916077;outline-offset:10px}.watch-moment-title{display:flex;align-items:baseline;gap:17px;margin-bottom:20px}.watch-moment-title>span{font:italic 20px var(--serif);color:var(--gold)}.watch-moment h3{font-size:24px;line-height:1.7;letter-spacing:.04em}.watch-moment-fields{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px 25px}.watch-moment-field h4{font:9px var(--sans);letter-spacing:.16em;color:#9d8359;margin-bottom:8px}.watch-moment-field p{font:12px/2 var(--serif);letter-spacing:.035em;color:#544a3d;margin-bottom:3px}.watch-moment-field[data-field=mood]{grid-column:1/-1;display:flex;gap:15px;align-items:baseline;border-top:1px solid #af976329;padding-top:12px}.watch-moment-field[data-field=mood] h4{margin:0;white-space:nowrap}.watch-moment-field[data-field=mood] p{font-size:10px;color:var(--muted)}.watch-open-page{display:inline-flex;gap:16px;font-size:10px;color:var(--gold);border-bottom:1px solid var(--line);padding:7px 0;margin-top:14px}.watch-empty{padding:45px 20px;text-align:center;font:19px var(--serif);border:1px solid var(--line);color:var(--muted)}.watch-tail{margin-top:65px;padding:60px 0;border-top:1px solid var(--line);text-align:center}.watch-tail h2{font-size:22px;letter-spacing:.25em;color:var(--gold);margin-bottom:30px}.watch-tail .watch-prose{font-size:18px}.watch-footer{display:flex;justify-content:space-between;gap:25px;border-top:1px solid var(--line);padding-top:23px;padding-bottom:25px;color:var(--muted);font-size:9px;letter-spacing:.08em}.watch-footer a{border-bottom:1px solid var(--line)}
@media(min-width:1600px){.watch-wrap{padding-left:55px;padding-right:55px}}@media(max-width:1100px){.masthead nav{gap:15px}.watch-moment-grid{gap:25px 35px}.watch-contents a{padding:15px 12px}.watch-contents a strong{font-size:14px}.watch-heading{align-items:flex-start}.watch-shortlinks{flex-direction:column;gap:10px}}
@media(max-width:760px){.watch-wrap{padding-left:22px;padding-right:22px}.masthead{min-height:72px;padding:15px 22px;flex-wrap:wrap;gap:12px}.brand{font-size:25px}.menu-toggle{display:flex;align-items:center;gap:18px;padding:6px 0;border:0;background:none;color:var(--ink);font-size:11px}.menu-toggle span{font-size:20px}.masthead nav{width:100%;flex-wrap:wrap;gap:5px 23px;padding-top:7px}.masthead nav a{font-size:10px}.js .masthead nav{display:none}.js .masthead.menu-open nav{display:flex}.watch-heading{display:block;padding-top:30px;padding-bottom:25px}.watch-heading h1{font-size:43px}.watch-heading h1 span{margin-right:10px}.watch-subtitle{font-size:15px;margin-top:12px;line-height:1.9}.watch-shortlinks{flex-direction:row;gap:25px;margin-top:22px;font-size:9px}.watch-reader-tools{padding:11px 16px;gap:10px;flex-wrap:wrap;font-size:9px}.watch-reader-tools>div{gap:20px}.watch-reader-frame{height:calc(100svh - 42px);min-height:560px;max-height:900px}.watch-reader-note{font-size:9px;padding:18px 20px}.watch-text-section{padding-top:40px;padding-bottom:40px}.watch-rule{font-size:8px;margin-bottom:30px}.watch-foreword{display:block;margin-bottom:40px}.watch-foreword h2{font-size:50px;margin-bottom:25px}.watch-prose{font-size:15px}.watch-prose p{margin-bottom:11px}.watch-prose .watch-preface-gap{margin-top:24px;padding-top:20px}.watch-text-title{font-size:28px;margin-bottom:20px}.watch-contents{grid-template-columns:repeat(2,minmax(0,1fr))}.watch-contents a{padding:14px;min-height:82px}.watch-contents a strong{font-size:15px}.watch-searchbar{display:block;padding:18px 0;margin-bottom:28px}.watch-searchbar>p{font-size:9px;margin-top:14px}.watch-search input{font-size:11px}.watch-search label,.watch-search button{font-size:9px}.watch-chapter{margin-top:32px}.watch-chapter h2{font-size:22px;padding:18px 0;margin-bottom:23px}.watch-moment-grid{grid-template-columns:1fr;gap:25px}.watch-moment h3{font-size:23px}.watch-moment-title>span{font-size:19px}.watch-moment-fields{gap:17px 20px}.watch-moment-field p{font-size:12px}.watch-tail{margin-top:40px;padding:40px 0}.watch-tail .watch-prose{font-size:15px;line-height:2.1}.watch-footer{flex-wrap:wrap;gap:14px;font-size:8px;padding-bottom:28px}}
@media(max-width:360px){.watch-wrap{padding-left:18px;padding-right:18px}.watch-heading h1{font-size:38px}.watch-moment-fields{grid-template-columns:1fr}.watch-moment-field[data-field=mood]{grid-column:1}.watch-moment h3{font-size:22px}.watch-reader-frame{min-height:520px}.watch-contents a strong{font-size:14px}.watch-reader-tools>div{gap:14px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}
/* 手机阅读适配开始：就地预览与随手目录，不修改原作阅读器。 */
.watch-preview:not([open]),.watch-mobile-menu:not([open]),.watch-mobile-tools[hidden]{display:none!important}
.watch-preview{position:fixed;inset:0;width:min(760px,calc(100vw - 20px));max-width:calc(100vw - 20px);height:min(920px,calc(100svh - 24px));height:min(920px,calc(100dvh - 24px));max-height:calc(100dvh - 24px);margin:auto;padding:0;border:1px solid #bca57570;border-radius:12px;background:#141110;color:#e9dbc2;overflow:hidden;box-shadow:0 18px 55px #0006}
.watch-preview::backdrop,.watch-mobile-menu::backdrop{background:#100e0bd6}
.watch-preview-panel{display:flex;flex-direction:column;height:100%;min-height:0}
.watch-preview-panel>header{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:13px 16px;border-bottom:1px solid #bca57538;flex:0 0 auto}
.watch-preview-panel>header>div{min-width:0}
.watch-preview-panel>header p{font-size:9px;color:#a39174;letter-spacing:.12em}
.watch-preview-panel h2{font-size:19px;line-height:1.6;letter-spacing:.04em}
.watch-preview-close,.watch-menu-close{flex:0 0 auto;min-height:44px;padding:9px 12px;border:1px solid #ad916454;border-radius:6px;background:transparent;color:inherit;font-size:11px}
.watch-preview iframe{display:block;width:100%;height:100%;min-height:0;flex:1;border:0;background:#141110}
.watch-preview-note{flex:0 0 auto;padding:8px 14px max(9px,env(safe-area-inset-bottom));font-size:9px;color:#ac9b7e;line-height:1.7}
.watch-mobile-tools{position:fixed;right:14px;bottom:max(14px,env(safe-area-inset-bottom));z-index:45;display:flex;border:1px solid #bca57570;border-radius:9px;background:#f3ecde;box-shadow:0 6px 20px #40331f22;overflow:hidden}
.watch-mobile-tools button{min-height:44px;padding:9px 13px;border:0;background:transparent;color:#695436;font-size:11px}
.watch-mobile-tools button+button{border-left:1px solid #bca57550}
body:has(dialog[open])>.watch-mobile-tools{visibility:hidden;pointer-events:none}
.watch-mobile-menu{position:fixed;inset:0;width:min(620px,calc(100vw - 24px));max-width:calc(100vw - 24px);height:fit-content;max-height:calc(100svh - 40px);max-height:calc(100dvh - 40px);margin:auto;padding:16px;border:1px solid #bca57570;border-radius:11px;background:#f3ecde;color:#362f25;overflow:auto;overscroll-behavior:contain}
.watch-menu-close{display:block;margin:0 0 12px auto}
.watch-mobile-menu .watch-contents{grid-template-columns:repeat(2,minmax(0,1fr))}
.watch-mobile-menu .watch-contents a{min-height:62px;padding:9px 10px;gap:4px}
.watch-mobile-menu .watch-contents a strong{font-size:13px}
@media(min-width:901px){.watch-mobile-tools{display:none!important}}
@media(max-width:900px){.watch-text-section{padding-bottom:100px}.watch-chapter{scroll-margin-top:22px}.watch-search input{font-size:16px}.watch-search button{min-height:44px}.watch-open-page{min-height:44px;display:inline-flex;align-items:center}.watch-reader-frame{min-height:min(520px,calc(100dvh - 70px))}}
@media(max-width:360px){.watch-preview-panel>header{padding:10px 12px;gap:8px}.watch-preview-panel h2{font-size:17px}.watch-preview-close{font-size:10px;padding-inline:8px}.watch-mobile-tools{right:10px}.watch-mobile-menu .watch-contents a strong{font-size:12px}}
.watch-menu-search>label{display:block;margin:5px 0 12px;font-size:14px;color:#695436}.watch-menu-search>input{width:100%;min-height:44px;border:1px solid #b9a27b77;border-radius:6px;padding:9px 12px;background:#fffaf0;color:#362f25;font:16px var(--sans)}.watch-menu-search>p{margin:12px 0;font-size:11px;color:#847866}.watch-menu-results{max-height:48dvh;overflow:auto;overscroll-behavior:contain}.watch-menu-results button{display:block;width:100%;min-height:46px;padding:10px 4px;border:0;border-bottom:1px solid #b9a27b45;background:none;color:#59462e;text-align:left;font:14px var(--serif)}
/* 手机阅读适配结束 */