*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}body{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}body{font-family:-apple-system,BlinkMacSystemFont,'Microsoft YaHei',sans-serif;background-color:#f5f5f5;color:#333;margin:0;padding:0;display:flex;justify-content:center;align-items:center;min-height:100vh;background-image:url('https://images.unsplash.com/photo-1518655048521-f130df041f66?ixlib=rb-1.2.1&auto=format&fit=crop&w=1350&q=80');background-size:cover;background-position:center;background-attachment:fixed;line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.container{background-color:rgba(255,255,255,0.97);padding:2rem;border-radius:12px;box-shadow:0 5px 25px rgba(0,0,0,0.15);max-width:800px;width:95%;text-align:center;margin:1rem auto;position:relative;overflow:hidden}.password-screen{display:block;opacity:1;transition:all 0.4s cubic-bezier(0.4,0,0.2,1);padding:1.5rem}.logo{font-size:3.5rem;margin-bottom:1rem;animation:float 3s ease-in-out infinite}@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}.password-form{margin:1.5rem 0;display:flex;flex-direction:column;align-items:center}input[type="text"],input[type="password"]{padding:0.8rem 1rem;width:100%;max-width:300px;border:2px solid #ddd;border-radius:8px;font-size:1rem;margin-bottom:1rem;transition:border-color 0.3s;background-color:rgba(255,255,255,0.9)}input[type="text"]:focus,input[type="password"]:focus{border-color:#6a5acd;outline:none;box-shadow:0 0 0 3px rgba(106,90,205,0.2)}button{background-color:#6a5acd;color:white;border:none;padding:0.8rem 1.5rem;margin:0.5rem;border-radius:8px;cursor:pointer;font-size:1rem;font-weight:500;transition:all 0.3s;display:inline-flex;align-items:center;justify-content:center;min-height:44px}button:hover,button:focus{background-color:#7b68ee;transform:translateY(-2px);box-shadow:0 4px 8px rgba(0,0,0,0.1)}button:active{transform:translateY(0)}.lock-button{margin-top:1rem;background-color:#7b68ee}.content-screen{display:none;opacity:0;transition:all 0.4s cubic-bezier(0.4,0,0.2,1);width:100%;height:100%}.header{margin-bottom:1.5rem}.memory-container{margin-top:1rem;max-height:60vh;overflow-y:auto;padding:0.5rem;scroll-behavior:smooth}.memory-item{margin:1.2rem 0;padding:1.5rem;background-color:rgba(255,255,255,0.85);border-radius:10px;box-shadow:0 3px 10px rgba(0,0,0,0.08);text-align:left;transition:transform 0.3s}.memory-item:hover{transform:translateY(-3px)}.memory-date{font-style:italic;color:#666;margin-bottom:0.5rem;font-size:0.9rem}.memory-text{margin:1rem 0;font-size:1rem;line-height:1.7;white-space:pre-line}.memory-image{max-width:100%;border-radius:8px;margin:1rem 0;max-height:300px;object-fit:cover;box-shadow:0 3px 10px rgba(0,0,0,0.1);display:block;transition:transform 0.3s}.memory-image:hover{transform:scale(1.02)}.memory-link{display:inline-block;margin-top:1rem;padding:0.5rem 1rem;background-color:#6a5acd;color:white;border-radius:6px;text-decoration:none;font-weight:500;transition:all 0.3s}.memory-link:hover{background-color:#7b68ee;transform:translateY(-2px);box-shadow:0 2px 5px rgba(0,0,0,0.1)}.user-welcome{font-size:1.1rem;color:#6a5acd;margin:0.5rem 0 1.5rem;font-weight:500}.error-message{color:#ff4444;margin:0.5rem 0;display:none;font-weight:500}.mobile-tip{font-size:0.8rem;color:#888;margin-top:1.5rem;display:none}.version-info{margin-top:1.5rem;font-size:0.8rem;color:#888;padding:0.5rem}@keyframes shake{0%,100%{transform:translateX(0)}20%,60%{transform:translateX(-8px)}40%,80%{transform:translateX(8px)}}.shake{animation:shake 0.5s}.loader{border:4px solid #f3f3f3;border-top:4px solid #6a5acd;border-radius:50%;width:40px;height:40px;animation:spin 1s linear infinite;margin:2rem auto}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}@media (max-width:768px){.container{padding:1.2rem;border-radius:0;min-height:100vh;margin:0;width:100%;max-width:100%}.password-screen,.content-screen{padding:1rem}.logo{font-size:2.8rem}h1{font-size:1.5rem}.memory-container{max-height:65vh}.memory-item{padding:1.2rem}.mobile-tip{display:block}button{width:100%;max-width:300px}input[type="text"],input[type="password"]{font-size:1rem;padding:0.8rem}}@media (max-width:480px){.container{padding:1rem}.memory-text{font-size:0.95rem}.user-welcome{font-size:1rem}.memory-image{max-height:250px}}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:rgba(0,0,0,0.05);border-radius:3px}::-webkit-scrollbar-thumb{background:rgba(106,90,205,0.5);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:rgba(106,90,205,0.7)}@media (display-mode:standalone){body{background-color:#fff}.container{box-shadow:none}.mobile-tip{display:none}}.blocked-message{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:yellow;color:rgb(0,0,0);padding:15px 20px;border-radius:5px;box-shadow:0 0 10px rgba(0,0,0,0.3);z-index:9999}