:root{--sv-background:#f5f1e9;--sv-surface:#fff;--sv-primary:#931f20;--sv-text:#26343b;--sv-muted:#71665d;--sv-button-text:#fff;color-scheme:light;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;color:var(--sv-text);background:var(--sv-background);font-synthesis:none}
*{box-sizing:border-box}body{margin:0;line-height:1.6}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:disabled{cursor:wait;opacity:.55}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,[tabindex]:focus-visible{outline:3px solid #b68b3b;outline-offset:4px}[hidden]{display:none!important}.skip-link{position:fixed;top:-100px;left:16px;padding:12px;background:var(--sv-surface);z-index:20}.skip-link:focus{top:10px}.site-header{background:var(--sv-surface);border-bottom:1px solid #b8a68e40}.header-inner{max-width:1240px;margin:auto;min-height:88px;padding:16px 32px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:flex;align-items:center;gap:12px;min-width:0}.brand-mark{display:grid;place-items:center;flex:none;width:44px;height:44px;border:1px solid var(--sv-primary);background:var(--sv-primary);color:var(--sv-button-text);font-family:"STKaiti","KaiTi",serif;font-size:25px;font-weight:700;box-shadow:inset 0 0 0 5px #ffffff14}.brand-text{min-width:0;display:grid;gap:2px}.brand-text strong{font-size:16px;line-height:1.4;letter-spacing:.03em}.brand-text small{color:var(--sv-muted);font-size:11px;letter-spacing:.16em}.home-link{flex:none;font-size:13px;min-height:44px;display:flex;align-items:center;gap:8px;color:var(--sv-primary)}.home-link span{font-size:20px}.shell{max-width:1240px;margin:auto;padding:0 32px}.page-heading{padding:46px 0 28px;border-bottom:1px solid #b8a68e55}.eyebrow{display:flex;align-items:center;gap:9px;color:var(--sv-primary);font-size:12px;letter-spacing:.12em;margin:0 0 10px}.eyebrow span{width:17px;height:2px;background:#b28a4c}h1{font-size:clamp(28px,4vw,40px);line-height:1.25;letter-spacing:.035em;margin:0 0 14px}.page-intro{font-size:15px;color:var(--sv-muted);margin:0;max-width:720px;white-space:pre-line;overflow-wrap:anywhere}.video-library{padding:25px 0 50px}.library-heading{display:flex;justify-content:space-between;align-items:center;gap:16px}.library-heading h2{margin:0;font-size:17px}.library-heading>span{font-size:12px;color:var(--sv-muted);flex:none}.viewing-hint{margin:5px 0 20px;font-size:12px;color:var(--sv-muted)}.video-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:26px 18px}.video-card{min-width:0;display:block;border:1px solid #b8a68e24;border-radius:10px;overflow:hidden;background:var(--sv-surface);padding:0;text-align:left;color:var(--sv-text);transition:box-shadow .2s,transform .2s}.video-card:hover{box-shadow:0 8px 24px #37261513;transform:translateY(-2px)}.card-cover{display:block;position:relative;aspect-ratio:16/9;background:#e9e2d5;overflow:hidden}.card-cover img{width:100%;height:100%;object-fit:cover;display:block}.cover-placeholder{height:100%;display:flex;align-items:center;justify-content:center;gap:8px;color:var(--sv-primary);font-size:13px;letter-spacing:.08em}.card-cover:after{content:"";position:absolute;inset:55% 0 0;background:linear-gradient(transparent,#0009)}.cover-meta{position:absolute;bottom:8px;left:9px;right:9px;z-index:1;display:flex;justify-content:space-between;gap:8px;color:#fff;font-size:11px;text-shadow:0 1px 3px #0008}.cover-meta>span{display:flex;align-items:center;gap:5px}.tiny-play{width:13px;height:11px;border:1.5px solid currentColor;display:inline-flex;justify-content:center;align-items:center;border-radius:3px;font-style:normal;font-size:7px;line-height:1}.card-copy{display:block;padding:11px 12px 14px}.card-title{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;overflow-wrap:anywhere;font-size:15px;line-height:1.55;font-weight:600;min-height:3.1em}.card-description{margin:7px 0 0;color:var(--sv-muted);font-size:12px;line-height:1.65;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;overflow-wrap:anywhere;min-height:3.3em}.library-state{padding:55px 20px;text-align:center;border:1px dashed #b8a68e80;border-radius:10px;background:var(--sv-surface);color:var(--sv-muted);font-size:14px}.retry-button{display:block;margin:18px auto;padding:10px 25px;min-height:44px;border:0;border-radius:8px;background:var(--sv-primary);color:var(--sv-button-text)}.page-footer{border-top:1px solid #b8a68e40;padding:23px 0 max(28px,env(safe-area-inset-bottom));text-align:center;font-size:11px;color:var(--sv-muted);letter-spacing:.04em}.noscript{padding:30px;text-align:center}.player-overlay{position:fixed;inset:0;z-index:100;display:flex;align-items:center;justify-content:center;padding:16px;padding-top:max(16px,env(safe-area-inset-top));padding-bottom:max(16px,env(safe-area-inset-bottom));background:#131310c9;overscroll-behavior:contain}.player-dialog{display:flex;flex-direction:column;width:100%;max-width:840px;max-height:calc(100vh - 32px);max-height:calc(100dvh - 32px);border-radius:16px;overflow:hidden;background:var(--sv-surface);box-shadow:0 24px 90px #0005}.player-header{display:flex;flex:none;align-items:center;justify-content:space-between;min-height:60px;padding:6px 18px;border-bottom:1px solid #b8a68e25;gap:12px}.player-kicker{font-size:12px;letter-spacing:.12em;color:var(--sv-primary)}.close-button{border:0;background:transparent;color:var(--sv-text);display:flex;align-items:center;justify-content:center;min-width:68px;min-height:44px;gap:6px;font-size:13px;border-radius:6px}.close-button>span:first-child{font-size:27px;line-height:1}.player-scroll{min-height:0;overflow:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.video-stage{background:#090a0b;position:relative;aspect-ratio:16/9;max-height:55vh;max-height:55dvh}.video-stage video{display:block;width:100%;height:100%;object-fit:contain;background:#090a0b}.video-stage video::-webkit-media-controls{display:none!important}.video-stage video::-webkit-media-controls-enclosure{display:none!important}.player-controls{padding:10px 20px 0}.control-row{display:flex;align-items:center;gap:12px}.play-button{min-height:44px;min-width:83px;border:0;border-radius:7px;background:var(--sv-primary);color:var(--sv-button-text);font-size:14px;font-weight:600;padding:8px 16px}.time-label{font-size:12px;font-variant-numeric:tabular-nums;color:var(--sv-muted);flex:1;white-space:nowrap}.sound-button{flex:none;border:1px solid #b8a68e55;border-radius:7px;background:transparent;color:var(--sv-text);min-height:44px;min-width:68px;font-size:12px;padding:8px}.progress-track{height:4px;border-radius:4px;overflow:hidden;background:#b8a68e35;margin-top:12px;pointer-events:none}.progress-track>span{display:block;width:0;height:100%;background:var(--sv-primary);transition:width .15s linear}.player-status{min-height:1.6em;font-size:12px;line-height:1.5;color:var(--sv-muted);margin:6px 0 0;overflow-wrap:anywhere}.player-copy{padding:12px 24px 28px}.player-hint{color:var(--sv-primary);font-size:11px;letter-spacing:.03em;margin:0 0 8px}.player-copy h2{font-size:22px;line-height:1.5;overflow-wrap:anywhere;margin:0 0 10px}.player-description{font-size:14px;line-height:1.9;white-space:pre-line;overflow-wrap:anywhere;color:var(--sv-muted);margin:0}.completion{border-top:1px solid #b8a68e50;margin-top:24px;padding-top:22px;text-align:center}.completion-mark{display:grid;place-items:center;margin:0 auto 9px;width:32px;height:32px;border-radius:50%;background:var(--sv-primary);color:var(--sv-button-text);font-size:20px}.completion-label{font-size:11px;letter-spacing:.12em;color:var(--sv-muted);margin:0 0 7px}#completion-text{margin:0;white-space:pre-line;overflow-wrap:anywhere;font-family:"Songti SC","SimSun",serif;color:var(--sv-primary);font-weight:700;font-size:23px;line-height:1.65}.replay-button{border:0;background:transparent;color:var(--sv-primary);font-size:12px;min-height:44px;margin-top:8px;padding:8px 16px}
@media(max-width:1000px){.video-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.header-inner,.shell{padding-left:24px;padding-right:24px}}
@media(max-width:640px){.header-inner{min-height:77px;padding:13px 16px;gap:10px}.brand{gap:8px}.brand-mark{width:34px;height:34px;font-size:21px}.brand-text strong{font-size:12px;letter-spacing:0;max-width:195px}.brand-text small{font-size:9px;letter-spacing:.08em}.home-link{font-size:11px;gap:3px}.home-link span{font-size:16px}.shell{padding:0 14px}.page-heading{padding:28px 2px 23px}.eyebrow{font-size:10px;margin-bottom:10px}h1{font-size:29px;margin-bottom:10px}.page-intro{font-size:13px;line-height:1.85}.video-library{padding:21px 0 32px}.library-heading h2{font-size:15px}.viewing-hint{font-size:11px;margin-bottom:16px}.video-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 10px}.video-card{border-radius:8px}.cover-meta{left:7px;right:7px;bottom:6px;font-size:10px}.card-copy{padding:9px 9px 11px}.card-title{font-size:14px;font-weight:500;line-height:1.5;min-height:3em}.card-description{font-size:11px;line-height:1.65;margin-top:7px}.page-footer{font-size:10px}.player-overlay{padding:8px;padding-top:max(8px,env(safe-area-inset-top));padding-bottom:max(8px,env(safe-area-inset-bottom))}.player-dialog{border-radius:12px;max-height:calc(100vh - 16px);max-height:calc(100dvh - max(8px,env(safe-area-inset-top)) - max(8px,env(safe-area-inset-bottom)))}.player-header{min-height:55px;padding:4px 12px}.player-controls{padding:9px 13px 0}.control-row{gap:9px}.play-button{min-width:74px;padding:8px 12px}.time-label{font-size:11px}.sound-button{min-width:61px}.player-copy{padding:11px 17px 23px}.player-copy h2{font-size:19px}.player-description{font-size:13px;line-height:1.9}#completion-text{font-size:21px}}
@media(max-width:350px){.header-inner{padding-left:12px;padding-right:12px}.brand-text strong{max-width:166px;font-size:11px}.brand-text small{font-size:8px}.home-link{font-size:10px}.brand-mark{width:30px;height:30px;font-size:19px}.shell{padding-left:10px;padding-right:10px}.card-copy{padding-left:8px;padding-right:8px}.card-title{font-size:13px}h1{font-size:27px}}
@media(max-height:480px) and (orientation:landscape){.player-overlay{padding:6px}.player-dialog{max-height:calc(100dvh - 12px);max-width:720px}.player-header{min-height:48px}.video-stage{max-height:45vh;max-height:45dvh}.player-copy{padding-top:6px}.player-status{margin-bottom:0}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}.video-card:hover{transform:none}}