video[hidden],.player-empty[hidden]{display:none!important}.player-empty{display:grid;place-items:center;min-height:260px;padding:24px;background:#eaf1e9;border:1px dashed #acc3b4;border-radius:12px;color:#64766e;text-align:center}
:root{font-family:'DM Sans','Microsoft YaHei',sans-serif;color:#233d35;background:#f5f8f6;font-synthesis:none;--green:#255c49;--muted:#64766e;--border:#dce5df}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #c3992f;outline-offset:3px}a{color:inherit;text-decoration:none}.shell{width:min(1120px,calc(100% - 48px));margin:auto}header{height:100px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border)}.brand{display:flex;align-items:center;gap:14px;font-size:36px;font-weight:700;color:var(--green)}.brand span{font-size:17px;color:#233d35}.private{font-size:13px;color:var(--muted)}main{min-height:calc(100vh - 172px);padding:64px 0}.eyebrow{font-size:12px;letter-spacing:.18em;font-weight:700;color:#6e8b78;margin:0 0 12px}h1{font-size:clamp(38px,5vw,66px);letter-spacing:-.04em;line-height:1.2;margin:0}h1 span{color:#c19a30;margin-left:18px;font-weight:400}.intro{color:var(--muted);font-size:18px;margin:14px 0 42px}.card,.player-card{background:white;border:1px solid var(--border);border-radius:20px;box-shadow:0 12px 40px #203d3510}.card{max-width:640px;padding:38px 42px}.lock{font-size:56px;color:var(--green);line-height:1}h2{font-size:25px;margin:12px 0}h3{font-size:20px;margin:0}.card p{color:var(--muted);line-height:1.7;margin:0 0 26px}label{display:block;font-size:14px;font-weight:600;margin:0 0 9px}.password-row{display:flex;gap:10px}.password-row input{height:48px;flex:1;min-width:0;border:1px solid #cadbd0;border-radius:10px;padding:0 14px}.password-row button,.video-option{border:0;border-radius:10px;background:var(--green);color:white;font-weight:600;padding:0 22px}.password-row button:hover,.video-option:hover{background:#194432}.message{min-height:1.3em;color:#a13a37;font-size:13px;margin:12px 0 0!important}.library-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.library-head h2{margin:0}.library-head button{background:none;border:0;color:var(--muted);text-decoration:underline}.video-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-bottom:20px}.video-option{display:flex;align-items:center;justify-content:space-between;text-align:left;padding:23px 26px;min-height:108px;background:white;color:var(--green);border:1px solid var(--border)}.video-option.active{border-color:var(--green);background:#e8f0eb}.video-option:disabled{cursor:default;opacity:.65}.video-option strong{font-size:18px}.video-option span{font-size:13px;color:var(--muted);font-weight:400}.player-card{padding:28px}.player-heading{display:flex;justify-content:space-between;align-items:baseline;gap:20px;margin-bottom:18px}.player-heading span{font-size:13px;color:var(--muted)}video{display:block;width:100%;aspect-ratio:16/9;background:#14241e;border-radius:12px;max-height:70vh}footer{border-top:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;height:72px;color:var(--muted);font-size:13px}footer a:hover{color:var(--green);text-decoration:underline}@media(max-width:650px){.shell{width:min(100% - 32px,1120px)}header{height:78px}.brand{font-size:30px}.brand span{font-size:14px}.private{font-size:11px}main{padding:42px 0}.intro{font-size:15px;margin-bottom:30px}.card{padding:28px 22px}.password-row{flex-direction:column}.password-row button{min-height:46px}.video-list{grid-template-columns:1fr}.player-card{padding:14px}.player-heading{display:block}.player-heading span{display:block;margin-top:6px}video{aspect-ratio:16/10}}
body{background:radial-gradient(circle at 88% 12%,#e5f0e8 0,transparent 31%),radial-gradient(circle at 8% 88%,#f6efd9 0,transparent 32%),#f7faf7}
header .brand{letter-spacing:-.03em}header .brand:first-letter{color:#c59938}
main{padding-top:70px}.eyebrow{color:#548568}h1{color:#214735}.intro{max-width:600px;line-height:1.65}
.card{position:relative;overflow:hidden;border-color:#d3e2d7;box-shadow:0 22px 55px #24473512}.card:before{content:'';position:absolute;inset:0 0 auto;height:5px;background:linear-gradient(90deg,#2f8062,#b3c9a1,#d9b45b)}
.lock{display:grid;place-items:center;width:64px;height:64px;border-radius:18px;background:#e9f2eb;color:#2b6b50;font-size:48px}
.password-row button{min-height:48px;box-shadow:0 7px 16px #255c4924}.password-row button:hover{transform:translateY(-1px)}
.video-list{grid-template-columns:repeat(3,minmax(0,1fr))}.video-option{transition:transform .16s,border-color .16s,background .16s;box-shadow:0 5px 18px #24473508}.video-option:hover:not(:disabled){transform:translateY(-2px);border-color:#98bba3}
.player-card{box-shadow:0 16px 46px #24473512}.player-empty{background:linear-gradient(130deg,#edf5ee,#f8f5e9)}
@media(max-width:800px){.video-list{grid-template-columns:1fr 1fr}}
@media(max-width:650px){main{padding-top:42px}.video-list{grid-template-columns:1fr}.lock{width:56px;height:56px;font-size:42px}}