*{box-sizing:border-box}body{margin:0;font-family:"Microsoft YaHei",system-ui,sans-serif;color:#eaffff;background:#042e43}button,input,select{font:inherit}button,.capture{border:1px solid #ffffff40;border-radius:14px;background:#ffffff16;color:inherit;padding:12px 18px;cursor:pointer}button:hover{background:#ffffff30}button:disabled{opacity:.5;cursor:wait}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #ffd77d}small{letter-spacing:2px;color:#a9e1de}h1{font-size:32px;margin:9px 0}p{line-height:1.7;color:#bce2e6}header{position:fixed;top:0;left:0;right:0;padding:26px 36px;display:flex;justify-content:space-between;align-items:center;background:linear-gradient(#03283bd9,transparent);gap:20px}nav{display:flex;gap:8px;align-items:center;flex-wrap:wrap}#status{font-size:14px;margin-right:12px}#sea{position:fixed;width:100%;height:100%}#welcome{position:fixed;top:42%;width:100%;text-align:center;pointer-events:none}#welcome span{font-size:60px}#welcome h2{font-size:30px;font-weight:500}#toast{position:fixed;bottom:10%;left:50%;transform:translateX(-50%);background:#053548d9;border:1px solid #9de9db77;border-radius:30px;padding:15px 30px;opacity:0;transition:opacity .4s;font-size:22px;text-align:center}#show{position:fixed;bottom:15px;right:15px;opacity:.4}dialog{color:#eaffff;background:#07384a;border:1px solid #5b9caa;border-radius:24px;padding:28px;max-width:650px;width:90vw;max-height:85vh}dialog::backdrop{background:#001f32b9}.close{float:right}#qr{background:white;padding:15px;display:inline-block;margin:15px 0}#qr img,#qr canvas{max-width:230px}.url{overflow-wrap:anywhere;background:#ffffff10;padding:14px;border-radius:10px}.fishrow{display:flex;gap:15px;align-items:center;margin:10px 0;padding:10px;background:#ffffff0c;border-radius:12px}.fishrow img{width:90px;height:65px;object-fit:contain}.fishrow span{flex:1}.phone{background:linear-gradient(160deg,#083c50,#052a3b);min-height:100vh}.phone main{max-width:620px;margin:auto;padding:30px 22px 70px}.phone h1{font-size:29px}.capture{display:block;background:#85ead2;color:#053c47;font-weight:700;text-align:center;margin:24px 0;padding:22px}.capture input{display:block;width:100%;margin-top:12px;font-size:14px}section{border-top:1px solid #ffffff25;padding-top:12px}label{display:block;margin:20px 0 10px}input[type=range]{display:block;width:100%;margin:12px 0;accent-color:#85ead2}input[type=text],input:not([type]),select{display:block;width:100%;padding:13px;background:#ffffff12;color:white;border:1px solid #ffffff40;border-radius:10px;margin-top:9px}select option{color:#163e48}.row{display:flex;gap:8px;flex-wrap:wrap}.canvasWrap{background-color:#fff;background-image:linear-gradient(45deg,#d4dddd 25%,transparent 25%),linear-gradient(-45deg,#d4dddd 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#d4dddd 75%),linear-gradient(-45deg,transparent 75%,#d4dddd 75%);background-size:20px 20px;background-position:0 0,0 10px,10px -10px,-10px 0;border-radius:12px;overflow:hidden}#edit{display:block;width:100%;touch-action:none}details{margin:20px 0;padding:15px;background:#ffffff08;border-radius:12px}summary{cursor:pointer}.primary{display:block;width:100%;background:#85ead2;color:#063a45;font-size:22px;font-weight:bold;margin-top:24px;padding:18px}#message{padding:14px;background:#ffffff0b;border-radius:12px}.danger{border-color:#f4aeae;color:#ffd0d0}@media(max-width:900px){header{padding:18px;align-items:flex-start}header h1{font-size:24px}header small{display:none}nav{max-width:65%;justify-content:flex-end}nav button{padding:9px;font-size:13px}#welcome h2{font-size:23px}}
[hidden]{display:none!important}
a{color:inherit}.homeLink{color:#bcf1e5;text-decoration:none;padding:12px}.landing{background:#f5f2e9;color:#163d43;min-height:100vh}.landingHeader{position:relative;background:transparent;padding:26px 5vw;border-bottom:1px solid #193b3a19}.brand{font-size:24px;font-weight:700;text-decoration:none}.landingHeader span{font-size:13px;color:#64807c;letter-spacing:2px}.landingMain{max-width:1420px;margin:auto;display:grid;grid-template-columns:1.2fr 1fr;gap:6vw;padding:6vh 5vw 3vh}.hero{position:relative;min-height:620px;overflow:hidden;padding:28px 0}.hero small{color:#487e74;letter-spacing:2px}.hero h1{font-size:clamp(36px,4.1vw,62px);line-height:1.3;letter-spacing:-2px;margin:25px 0}.hero p{color:#66827d;font-size:18px}.flow{display:flex;gap:13px;margin-top:30px;color:#416e64;font-size:14px}.flow i{font-style:normal;color:#a5bcb0}.startCard{background:#fffdf7;border:1px solid #dce1d4;border-radius:28px;padding:35px;align-self:center;box-shadow:0 18px 60px #244f4010}.startCard small{color:#6a8b78}.startCard h2{font-size:24px;margin:12px 0 26px}.startCard label{color:#486758;font-size:14px}.startCard input:not([type]),.startCard input[type=password]{width:100%;padding:15px;background:#f4f5ed;color:#214e42;border:1px solid #d5e0d4;border-radius:12px;margin-top:8px;display:block}.startCard .primary{background:#214f43;color:#f1f8e5;font-size:18px}.startCard .primary:hover{background:#30705b}.startCard #feedback{font-size:13px;color:#7b897d}.startCard details{background:#f0f2e8;color:#5f796c;font-size:14px}.startCard p{color:#74877a}.startCard #resume{display:block;text-align:center;color:#38735c;margin-top:20px}.paperFish{position:absolute;width:155px;height:85px;border-radius:8px 8px 60% 60%;background:#e9a3ac;bottom:90px;left:12%;transform:rotate(-8deg);box-shadow:0 10px 0 #c9818c44;background-image:radial-gradient(#fff6 2px,transparent 3px);background-size:18px 18px;animation:float 5s ease-in-out infinite}.paperFish b{position:absolute;width:25px;height:25px;background:white;border-radius:50%;right:15px;top:12px;box-shadow:1px 2px 2px #3333}.paperFish b:after{content:'';display:block;background:#173c43;border-radius:50%;width:12px;height:12px;margin:5px 0 0 9px}.paperFish i{position:absolute;left:-40px;top:14px;border:25px solid transparent;border-left:0;border-right:40px solid #7bb0a0;transform:rotate(180deg)}.paperFish.yellow{background-color:#e8c16a;left:55%;bottom:160px;width:125px;height:70px;animation-delay:-2s;transform:rotate(7deg)}.paperFish.mint{background-color:#81bdb9;bottom:15px;left:60%;width:100px;height:60px;animation-delay:-3s}.seaFloor{position:absolute;bottom:0;left:0;width:100%;height:180px;border-radius:50%;background:#b3d6c525;z-index:-1}.landing footer{padding:25px 5vw;color:#7f9182;font-size:12px;display:flex;justify-content:space-between;border-top:1px solid #193b3a10}.compat{padding:20px;color:#89532d}.landing [hidden]{display:none!important}@keyframes float{50%{translate:0 -13px}}@media(max-width:850px){.landingMain{grid-template-columns:1fr;padding-top:15px;gap:20px}.hero{min-height:450px;padding-top:20px}.hero h1{font-size:38px}.hero p{font-size:16px}.paperFish{bottom:10px}.paperFish.yellow{bottom:55px}.paperFish.mint{display:none}.startCard{padding:25px}.landingHeader{padding:20px}.landingHeader span{font-size:11px}.landing footer span{display:none}}@media(prefers-reduced-motion:reduce){.paperFish{animation:none}}
@media(max-width:480px){.hero{min-height:510px}.hero h1{font-size:30px;line-height:1.4;letter-spacing:-1px}.hero p{font-size:15px}.paperFish{bottom:24px;width:125px;height:72px;left:15%}.paperFish.yellow{bottom:90px;left:58%;width:105px;height:60px}.flow{font-size:12px;gap:7px}.startCard h2{font-size:22px}dialog{padding:18px}#qr{padding:10px}#qr canvas,#qr img{max-width:100%;height:auto}}