:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}.card{padding:2em}#app{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}html,body,#app{width:100%;height:100%;margin:0;padding:0}*{margin:0;padding:0;box-sizing:border-box}.page{min-height:100vh;height:100vh;width:100vw;overflow-x:hidden;background:linear-gradient(135deg,#ffdde1,#ee9ca7);font-family:PingFang SC,Microsoft YaHei,sans-serif;display:flex;align-items:center;justify-content:center;padding:20px;position:relative;overflow:hidden}.card{background:#fffffff2;border-radius:24px;padding:32px 24px;box-shadow:0 20px 40px #00000026;text-align:center;max-width:720px;width:100%;animation:pop .4s ease-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}@keyframes pop{0%{opacity:0;transform:scale(.95) translateY(15px)}to{opacity:1;transform:scale(1) translateY(0)}}h1{color:#ff4d6d;font-size:2.4rem;margin-bottom:8px}h2{color:#ff4d6d;font-size:1.8rem;margin-bottom:20px}.subtitle{color:#555;font-size:1.2rem;line-height:1.6;margin-bottom:24px}.big-icon{font-size:4rem;margin-bottom:16px}.btn{border:none;padding:14px 28px;font-size:1.1rem;border-radius:50px;cursor:pointer;font-weight:600;transition:all .3s;box-shadow:0 4px 10px #0000001a}.btn-primary{background:#ff4d6d;color:#fff}.btn-primary:hover{background:#e63e5e;transform:translateY(-2px)}.btn-secondary{background:#f0f0f0;color:#666}.btn-secondary:hover{background:#e0e0e0}.btn-select{background:#ff9f43;color:#fff;width:90%;padding:10px;border-radius:20px;font-size:1rem}.btn-select:hover{background:#ff7f33}.btn-back{background:transparent;color:#888;border:1px solid #ccc}.mt-4{margin-top:24px}.btn-group{display:flex;gap:15px;justify-content:center;flex-wrap:wrap}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:16px}.item-card{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 6px 15px #0000001a;transition:transform .3s;border:1px solid #f0f0f0;display:flex;flex-direction:column;align-items:center;padding-bottom:15px;cursor:pointer}.item-card:hover{transform:translateY(-4px)}.item-card img{width:100%;height:180px;object-fit:cover;pointer-events:auto}.item-title{font-weight:700;color:#333;margin:12px 0 8px;font-size:1.1rem}.item-card:last-child:nth-child(odd){grid-column:1 / -1}.item-card:last-child:nth-child(odd) img{height:200px}.envelope-scene{width:100%;max-width:500px;height:60vh;min-height:350px;display:flex;align-items:center;justify-content:space-around;position:relative}.character{font-size:5rem;line-height:1;z-index:2;-webkit-user-select:none;user-select:none;animation:bounce 2s infinite}.character.boy{animation-delay:.2s}.character.girl{animation-delay:.4s}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.envelope{width:140px;height:95px;cursor:pointer;transition:all 1s ease;position:relative;z-index:5}.envelope-body{width:100%;height:100%;background:#ff6b81;border-radius:8px;position:relative;display:flex;align-items:center;justify-content:center;box-shadow:0 12px 24px #ff4d6d66}.flap{position:absolute;top:0;left:0;width:0;height:0;border-left:70px solid transparent;border-right:70px solid transparent;border-top:45px solid #ff8fa3;border-bottom:none;transform-origin:top;transition:transform .5s;z-index:2}.heart{font-size:2.5rem;position:relative;z-index:1}.envelope.flying{transform:translate(140px) rotate(-10deg) scale(.9);opacity:.6}.envelope.flying .flap{transform:rotateX(180deg)}.hint{position:absolute;bottom:10px;color:#fff;font-weight:600;text-shadow:0 2px 4px rgba(0,0,0,.3);letter-spacing:1px}.summary-list{list-style:none;text-align:left;background:#fff5f5;border-radius:12px;padding:16px 20px;margin-top:16px}.summary-list li{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px dashed #f0d0d0;font-size:.95rem;color:#555}.summary-list li:last-child{border-bottom:none}.summary-list strong{color:#ff4d6d}.disclaimer{position:fixed;right:10px;bottom:10px;font-size:12px;color:#fff;opacity:.6;z-index:999;background:#0003;padding:4px 8px;border-radius:4px;pointer-events:none}@media (max-width: 600px){.card{padding:20px}h1{font-size:1.8rem}h2{font-size:1.4rem}.subtitle{font-size:1rem}.grid-2{gap:10px}.item-card img{height:120px}.item-card:last-child:nth-child(odd) img{height:140px}.item-title{font-size:.95rem}.btn{padding:10px 18px;font-size:.95rem}.character{font-size:3.5rem}.envelope{width:110px;height:75px}.flap{border-left-width:55px;border-right-width:55px;border-top-width:35px}.envelope.flying{transform:translate(80px) rotate(-5deg) scale(.85)}}