:root{font-family:'Microsoft YaHei',Arial,sans-serif;color:#e7edf2;background:#0d141d;color-scheme:dark}*{box-sizing:border-box}body{margin:0}a{color:inherit}button{font:inherit;cursor:pointer}a:focus-visible,button:focus-visible{outline:2px solid #91e1ed;outline-offset:5px}.page{max-width:1300px;margin:0 auto;padding:0 48px}header{height:92px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #293844}.brand{display:flex;gap:11px;align-items:center;text-decoration:none;font-size:18px;font-weight:600}.brand-mark{color:#92e0ed;font-size:31px}.header-note{color:#859cab;font-size:14px}.intro{padding:63px 0 52px;display:flex;justify-content:space-between;gap:30px;align-items:center}.eyebrow{color:#80b7c5;letter-spacing:3px;font-size:12px}h1{font-weight:500;font-size:clamp(32px,4vw,49px);line-height:1.4;letter-spacing:1px;margin:19px 0}.intro p{font-size:16px;color:#9eafbd;line-height:1.8}.intro-detail{min-width:135px;display:flex;align-items:flex-start;flex-direction:column;color:#8ea4b4;font-size:14px;border-left:1px solid #2b4151;padding-left:32px}.intro-detail strong{font-size:65px;line-height:1.2;font-weight:400;color:#d4eaf2;margin:10px 0}.collection-label{letter-spacing:2px}.intro-detail button{margin-top:22px;color:#9ae3ef;background:#1b303e;border:1px solid #385867;padding:9px 13px;border-radius:6px;font-size:14px}.intro-detail button[hidden]{display:none}#share-status{font-size:12px;max-width:200px;margin-top:10px}.section-line{display:flex;align-items:center;justify-content:space-between;margin-bottom:21px}.section-line h2{font-size:20px;font-weight:500;margin:0}.section-line>span{font-size:13px;color:#7895a7}.grid{display:grid;grid-template-columns:1fr 1fr;gap:26px}.work{border:1px solid #293e4b;background:#13202b;border-radius:13px;overflow:hidden;transition:transform .2s,border-color .2s}.work:hover{transform:translateY(-4px);border-color:#557c8a}.cover-link{display:block;position:relative;background:#101e26;overflow:hidden;aspect-ratio:4/3}.cover-link img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s}.work:hover .cover-link img{transform:scale(1.025)}.cover-type{position:absolute;right:14px;bottom:14px;background:#0c1a23e6;color:#b4d8e4;border:1px solid #477087;padding:6px 10px;border-radius:5px;font-size:12px}.work-info{padding:24px}.work-meta{display:flex;justify-content:space-between;align-items:center;color:#7ebccd;font-size:12px;letter-spacing:.6px}.work-meta time{color:#788e9e}.work h3{font-size:27px;margin:13px 0 7px;font-weight:500}.work h3 a{text-decoration:none}.subtitle{font-size:14px;color:#c2d2dc;margin:0 0 13px}.description{color:#8da6b6;font-size:14px;line-height:1.9;margin:0;min-height:54px}.features{display:flex;gap:7px;flex-wrap:wrap;margin:21px 0}.feature{font-size:12px;padding:5px 8px;color:#9bb8c7;background:#213644;border-radius:4px}.open-work{font-size:15px;display:flex;justify-content:space-between;align-items:center;text-decoration:none;color:#ace6f0;border-top:1px solid #2a3f4d;padding-top:17px}.open-work span{font-size:22px}.note{display:flex;gap:20px;margin:49px 0;padding:25px 0;border-top:1px solid #293844;border-bottom:1px solid #293844}.note-icon{font-size:27px;color:#91d3dd}.note h2{font-size:17px;font-weight:500;margin:0 0 9px}.note p{color:#8ca0ae;font-size:14px;line-height:1.85;margin:0;max-width:800px}footer{display:flex;justify-content:space-between;font-size:12px;color:#657f90;padding:0 0 35px}
@media(max-width:760px){.page{padding:0 23px}header{height:76px}.brand{font-size:16px}.header-note{font-size:12px}.intro{padding:36px 0 30px;gap:16px}.intro-detail{padding-left:20px;min-width:92px;font-size:12px}.intro-detail strong{font-size:48px}h1{font-size:32px}.intro p{font-size:14px}.grid{gap:18px}.work-info{padding:19px}.work h3{font-size:24px}.description{min-height:79px}.eyebrow{font-size:10px;letter-spacing:1.8px}}
@media(max-width:580px){.grid{grid-template-columns:1fr}.intro-detail{display:none}.intro{padding-top:30px}.intro p{max-width:300px}.description{min-height:0}.header-note{max-width:70px;line-height:1.6;text-align:right}.note{margin:32px 0}.section-line>span{font-size:12px}}
@media(prefers-reduced-motion:reduce){.work,.cover-link img{transition:none}.work:hover{transform:none}.work:hover .cover-link img{transform:none}}