@charset "UTF-8";:root{--deep:#071f2b;--foam:#d4e9e2;--gold:#e8c88e;--paper:#f8f2e7}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--deep);color:#eaf5ef;font-family:"Microsoft YaHei","PingFang SC",sans-serif}button,a{font:inherit;color:inherit}button{cursor:pointer}a{text-decoration:none}.ocean{min-height:100vh;overflow:hidden;background:radial-gradient(ellipse at 50% 12%,#1b5570 0,#0b3044 34%,#071d29 72%)}header{height:82px;display:flex;justify-content:space-between;align-items:center;padding:0 7%;position:relative;z-index:5}.logo{display:flex;align-items:baseline;gap:12px}.logo span{font:25px "Songti SC",serif;letter-spacing:4px}.logo small{font-size:9px;letter-spacing:2px;color:#a2c3c1}nav{display:flex;align-items:center;gap:34px;font-size:12px;color:#b0c9c7}nav button{border:1px solid #7da9aa55;background:#ffffff0a;border-radius:30px;padding:10px 17px}.hero{padding:73px 9% 55px;position:relative;z-index:2}.kicker{font-size:10px;letter-spacing:3px;color:#9cc1bb;margin:0 0 24px}.hero h1{font:clamp(48px,7vw,96px)/1.16 "Songti SC",serif;font-weight:400;letter-spacing:3px;margin:0}.hero h1 em{font-style:normal;color:var(--foam)}.intro{color:#adc8c3;line-height:2;font-size:14px;margin:29px 0}.cta{background:#e7d1a1;color:#102d35;border:0;border-radius:2px;padding:15px 21px;font-size:12px;letter-spacing:1px}.cta span{margin-left:29px;font-size:18px}.sea{height:390px;position:relative;background:linear-gradient(#174c61,#0b3c50 30%,#082c3d 100%);overflow:hidden}.horizon{position:absolute;top:80px;width:100%;height:2px;background:#9bd0cb44}.moon{position:absolute;width:120px;height:120px;border-radius:50%;background:#e8d2a0;box-shadow:0 0 55px #eed9a077;right:15%;top:12px}.wave{position:absolute;left:-5%;width:110%;height:150px;border-radius:50% 50% 0 0/30% 30% 0 0;border-top:1px solid #a0dad04a;transform:rotate(-2deg)}.wave-a{bottom:-86px;background:#0b3446}.wave-b{bottom:-125px;background:#082b3b;transform:rotate(2deg)}.bottle{position:absolute;width:30px;height:55px;border:2px solid #b7d8ce99;border-radius:45% 45% 35% 35%;background:linear-gradient(90deg,#ffffff22,#7ab7aa55,#ffffff15);box-shadow:0 0 16px #abd7cf55;cursor:pointer;animation:float 5s ease-in-out infinite;z-index:2;transition:filter .2s}.bottle:before{content:"";position:absolute;width:12px;height:12px;left:7px;top:-11px;border:2px solid #b7d8ce99;border-bottom:0;border-radius:3px 3px 0 0}.bottle span{font-size:9px;color:var(--gold);position:absolute;top:22px;left:9px}.bottle:hover{filter:brightness(1.45)}.bottle-1{left:20%;bottom:92px}.bottle-2{left:43%;bottom:140px;animation-delay:1s}.bottle-3{left:66%;bottom:78px;animation-delay:2.2s}.bottle-4{left:82%;bottom:166px;animation-delay:3s}.sea-note{position:absolute;bottom:22px;width:100%;text-align:center;color:#7ca6a5;font-size:11px;letter-spacing:1px}.sea-note b{color:var(--gold);font-weight:400}.below{display:grid;grid-template-columns:1fr 1fr;gap:40px;padding:100px 9%;background:#f2eee5;color:#1c4047}.below .kicker{color:#789594}.below h2{font:38px/1.5 "Songti SC",serif;font-weight:400;margin:0}.about-copy{max-width:350px;align-self:end;color:#718c89;font-size:13px;line-height:2}.link-btn{border:0;border-bottom:1px solid #789795;background:none;padding:11px 0;color:#25545a;font-size:12px}.link-btn span{margin-left:27px;font-size:17px}footer{display:flex;justify-content:space-between;padding:28px 9%;font-size:10px;color:#72908f;background:#f2eee5;border-top:1px solid #d9ded4}.stars:before{content:"✦   ·   ✧        ·    ✦       ·    ✧";position:absolute;top:17%;left:46%;color:#d9cfaa77;letter-spacing:16px;font-size:11px}.toast{position:fixed;bottom:28px;left:50%;transform:translate(-50%,20px);opacity:0;background:#e7d1a1;color:#12333a;padding:12px 22px;font-size:12px;transition:.3s;z-index:10}.toast.show{opacity:1;transform:translate(-50%,0)}dialog{border:0;border-radius:3px;background:#f2eee5;color:#234850;width:min(510px,calc(100% - 30px));padding:36px;box-shadow:0 18px 70px #00131baa}dialog::backdrop{background:#031721bb;backdrop-filter:blur(4px)}.close{position:absolute;right:16px;top:11px;border:0;background:none;font-size:27px;color:#63817e}.paper{margin:20px 0 25px;padding:34px 27px 28px;background:var(--paper);min-height:250px;box-shadow:0 3px 15px #52726d18;transform:rotate(-1deg)}.stamp{font-size:10px;color:#bc9261;border:1px solid #bc9261;padding:4px 7px}.paper p{font:22px/2 "Songti SC",serif;color:#305c60;white-space:pre-line;margin:23px 0 30px}.paper small{font-size:10px;color:#9caeaa}dialog h2{font:29px "Songti SC",serif;font-weight:400;margin:0 0 22px}textarea{width:100%;height:180px;border:1px solid #c9d7d0;background:#faf8f1;padding:17px;resize:none;color:#345b60;font:15px/1.9 "Songti SC",serif;outline-color:#b79b6a}.write-foot{display:flex;justify-content:space-between;align-items:center;margin-top:15px;color:#9aaca5;font-size:10px}
@keyframes float{0%,100%{margin-top:0;transform:rotate(-5deg)}50%{margin-top:-17px;transform:rotate(6deg)}}@media(max-width:650px){header{padding:0 7%;height:70px}nav a{display:none}.hero{padding:66px 9% 48px}.hero h1{font-size:53px}.intro{font-size:12px}.sea{height:330px}.moon{width:78px;height:78px;right:13%;top:36px}.bottle-1{left:13%;bottom:76px}.bottle-2{left:39%;bottom:124px}.bottle-3{left:67%;bottom:65px}.bottle-4{left:82%;bottom:150px}.below{display:block;padding:65px 9%}.below h2{font-size:30px}.about-copy{margin-top:38px}footer{display:block;line-height:2.5;padding:23px 9%}.paper p{font-size:19px}}