*{box-sizing:border-box}body{margin:0;background:#eae6da;color:#354438;font-family:"PingFang SC","Microsoft YaHei",sans-serif}main{max-width:1160px;margin:auto;padding:30px 45px}button,select,textarea,input{font:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid #b19762;outline-offset:3px}header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #cbd0bd;padding-bottom:23px}.brand{font-family:serif;font-size:26px;letter-spacing:5px;color:#354438;text-decoration:none}.brand span{display:inline-block;font-family:sans-serif;font-size:10px;letter-spacing:2px;color:#8b937c;margin-left:22px}header button{border:1px solid #b6bea6;border-radius:30px;padding:11px 18px;background:transparent;color:#627356;font-size:12px}.intro{padding:70px 0 60px;background:radial-gradient(ellipse at 85% 50%,#c7d1b888,transparent 50%)}.eyebrow{font-size:11px;letter-spacing:4px;color:#82906c;margin:0 0 18px}h1{font-family:serif;font-size:52px;font-weight:400;line-height:1.5;letter-spacing:5px;margin:0 0 22px}.intro>p:not(.eyebrow){font-size:14px;color:#7e8973;line-height:2}.intro-notes{display:flex;gap:18px;flex-wrap:wrap;color:#7e8b70;font-size:11px;margin-top:28px}.intro-notes span:before{content:'·';margin-right:10px;color:#ba9759}.section-heading{display:flex;align-items:baseline;justify-content:space-between;margin:0 0 24px;border-top:1px solid #cbd0bd;padding-top:28px}h2{font-family:serif;font-weight:400;font-size:27px;letter-spacing:1px;margin:0 0 15px}.section-heading p{font-size:12px;color:#879078}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.version-card{border:1px solid #d0d2bd;border-radius:15px;overflow:hidden;background:#f7f4e9}.version-card img{width:100%;height:260px;object-fit:cover;object-position:center 38%;display:block}.card-content{padding:22px}.version-number{font-size:11px;letter-spacing:2px;color:#a39168}.version-card h3{font-family:serif;font-size:24px;font-weight:400;margin:10px 0}.version-card p{font-size:12px;line-height:1.9;color:#869178;min-height:46px}.card-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:18px}.card-actions a{font-size:12px;text-decoration:none;color:#758467}.card-actions .play{padding:12px 18px;border-radius:8px;background:#52684e;color:#fcf4df}.feedback{display:grid;grid-template-columns:1fr 1fr;gap:50px;margin:65px 0 20px;padding:35px;border:1px solid #c8ceb8;border-radius:16px;background:#f4f1e3}.feedback p{font-size:12px;line-height:1.8;color:#8b947c}label{display:block;font-size:12px;margin-bottom:16px;color:#78866b}select,textarea{display:block;width:100%;margin-top:8px;padding:11px;background:#fffbf1;border:1px solid #cfd1bc;border-radius:7px;color:#596b51;font-size:13px}textarea{height:85px;resize:vertical}.form-actions{display:flex;gap:10px}.form-actions button{padding:11px 13px;border:1px solid #aeb99c;border-radius:7px;background:transparent;color:#617253;font-size:12px}.form-actions button:first-child{background:#52684e;color:#fcf4df}footer{text-align:center;border-top:1px solid #cbd0bd;margin-top:45px;padding:25px 0;color:#90977f;font-size:11px;line-height:1.9}footer a{color:#71825d}dialog{border:1px solid #b8bd9e;border-radius:18px;background:#fbf7e8;color:#53654c;width:350px;max-width:calc(100vw - 30px);padding:27px;text-align:center}dialog::backdrop{background:#27362499;backdrop-filter:blur(4px)}dialog img{display:block;margin:auto}dialog p{font-size:12px;line-height:1.8}dialog button{border:1px solid #b5bd9f;background:#eef0dd;padding:10px 18px;color:#617452;border-radius:7px;margin-top:12px}#close-share{position:absolute;right:10px;top:0;border:0;background:none;font-size:25px;padding:5px}#share-url{width:100%;padding:10px;text-align:center;border:1px solid #c8cdb5;background:white;color:#637454;font-size:13px}#copy-text{height:230px;text-align:left}#feedback-status{min-height:20px}@media(max-width:800px){main{padding:20px 24px}.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.intro{padding:45px 0}.section-heading{display:block}.feedback{gap:25px;padding:25px}h1{font-size:42px}.brand span{display:none}}@media(max-width:520px){main{padding:20px}.grid{grid-template-columns:1fr;gap:22px}.version-card img{height:260px}.intro{padding:40px 0}.intro h1{font-size:35px;letter-spacing:3px}.intro>p:not(.eyebrow){font-size:12px}.feedback{grid-template-columns:1fr;padding:23px;gap:15px;margin-top:35px}.brand{font-size:23px}.card-content{padding:20px}.version-card p{min-height:0}.section-heading h2{font-size:25px}.intro-notes{gap:12px}}