:root{--bg-color: #FDFBF7;--text-main: #4A4A4A;--text-light: #8E8E8E;--card-bg: rgba(255, 255, 255, .85);--primary: #FF9F29;--shadow: 0 8px 32px rgba(0, 0, 0, .06)}*{box-sizing:border-box;margin:0;padding:0;font-family:PingFang SC,Microsoft YaHei,sans-serif}body{background-color:var(--bg-color);color:var(--text-main);overflow:hidden}.app-container{max-width:480px;margin:0 auto;height:100vh;display:flex;flex-direction:column;background:linear-gradient(135deg,#fdfbf7,#f4f1ea);position:relative;overflow:hidden}.bg-glow{position:absolute;border-radius:50%;filter:blur(60px);z-index:0;opacity:.6;animation:float 10s infinite alternate ease-in-out;pointer-events:none}.glow-1{width:300px;height:300px;background:radial-gradient(circle,rgba(255,159,41,.15) 0%,transparent 70%);top:-50px;left:-50px}.glow-2{width:400px;height:400px;background:radial-gradient(circle,rgba(77,150,255,.1) 0%,transparent 70%);bottom:100px;right:-100px;animation-delay:-5s}@keyframes float{0%{transform:translate(0) scale(1)}to{transform:translate(30px,40px) scale(1.1)}}.app-header{display:flex;justify-content:space-between;align-items:center;padding:20px;background:#fdfbf7b3;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:10}.header-left{display:flex;align-items:center;gap:10px}.header-left h1{font-size:20px;font-weight:600;color:var(--text-main)}.icon-btn{background:none;border:none;color:var(--text-main);cursor:pointer;padding:5px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:background .2s}.icon-btn:hover{background:#0000000d}.icon-btn.danger{color:#ff6b6b}.cloud-status{display:flex;align-items:center;gap:4px;font-size:12px;padding:4px 8px;border-radius:12px;background:#0000000d;color:var(--text-light)}.cloud-status.synced{color:#6bcb77;background:#6bcb771a}.cloud-status.syncing{color:var(--primary);background:#ff9f291a}.app-main{flex:1;overflow-y:auto;padding:0 20px 100px;z-index:1;position:relative}.view-container{display:flex;flex-direction:column;gap:20px}.loading-screen{justify-content:center;align-items:center;gap:16px;color:var(--text-light);font-size:15px}.spinner{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.streak-card{background:var(--card-bg);border-radius:24px;padding:24px;text-align:center;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.6)}.streak-info{display:flex;align-items:baseline;justify-content:center;gap:8px}.streak-num{font-size:48px;font-weight:700;color:var(--primary);text-shadow:2px 2px 0px rgba(255,159,41,.2)}.streak-text{font-size:16px;color:var(--text-light)}.privacy-tip{font-size:12px;color:#a0a0a0;margin-top:10px}.entry-list{display:flex;flex-direction:column;gap:16px}.empty-state{text-align:center;color:var(--text-light);padding:50px 20px;font-size:15px;line-height:1.6;background:var(--card-bg);border-radius:24px;border:1px dashed rgba(0,0,0,.1)}.empty-icon{font-size:40px;margin-bottom:16px;opacity:.8}.shortcut-hint{display:block;margin-top:16px;font-size:12px;color:#a0a0a0}kbd{background:#eee;border-radius:4px;padding:2px 6px;font-family:monospace;font-size:11px;border:1px solid #ddd;border-bottom-width:2px;color:#555}.entry-card{background:var(--card-bg);border-radius:20px;padding:16px;display:flex;gap:16px;box-shadow:0 4px 16px #00000008;cursor:pointer;border:1px solid rgba(255,255,255,.8);transition:box-shadow .3s ease}.entry-card:hover{box-shadow:0 8px 24px #00000014}.entry-card-icon{flex-shrink:0}.entry-card-content{flex:1;overflow:hidden}.entry-card-header{display:flex;justify-content:space-between;margin-bottom:8px;font-size:14px}.entry-date{color:var(--text-light)}.entry-mood-label{font-weight:600}.entry-preview{font-size:15px;color:var(--text-main);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.write-title{font-size:22px;text-align:center;margin-bottom:10px}.mood-selector{display:flex;justify-content:space-between;padding:10px 0}.mood-btn{background:none;border:none;display:flex;flex-direction:column;align-items:center;gap:8px;cursor:pointer;opacity:.5;transition:all .3s cubic-bezier(.4,0,.2,1)}.mood-btn.selected{opacity:1;transform:scale(1.1)}.mood-btn span{font-size:12px;color:var(--text-main);font-weight:500}.textarea-wrapper{position:relative}.diary-textarea{width:100%;height:220px;border:none;border-radius:20px;padding:20px;font-size:16px;background:var(--card-bg);box-shadow:inset 0 2px 8px #00000005;resize:none;outline:none;line-height:1.6;color:var(--text-main);border:1px solid transparent;transition:border-color .3s}.diary-textarea:focus{border-color:#ff9f294d}.diary-textarea::placeholder{color:silver}.shortcut-hint-bottom{position:absolute;bottom:12px;right:16px;font-size:11px;color:#a0a0a0;pointer-events:none}.write-actions{display:flex;gap:16px;margin-top:10px}.btn-cancel,.btn-save{flex:1;padding:16px;border-radius:16px;border:none;font-size:16px;font-weight:600;cursor:pointer;transition:transform .1s;display:flex;justify-content:center;align-items:center}.btn-cancel{background:#eaeaea;color:var(--text-main)}.btn-save{background:var(--primary);color:#fff;box-shadow:0 4px 12px #ff9f294d}.btn-save:disabled{opacity:.7;cursor:not-allowed}.btn-cancel:active,.btn-save:active{transform:scale(.98)}.saving-text{display:flex;align-items:center;gap:8px;font-size:14px}.detail-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px}.detail-mood{display:flex;align-items:center;gap:16px}.detail-mood h3{font-size:24px;margin-bottom:4px}.detail-date{color:var(--text-light);font-size:14px}.detail-actions{display:flex;gap:8px}.detail-content{background:var(--card-bg);padding:24px;border-radius:24px;font-size:16px;line-height:1.8;box-shadow:var(--shadow);min-height:150px;border:1px solid rgba(255,255,255,.8)}.ai-reply-card{margin-top:20px;background:linear-gradient(135deg,#f0f7ff,#e6f0fa);padding:20px;border-radius:24px;border:1px solid #DCE8F5;position:relative;box-shadow:0 4px 12px #4d96ff1a}.ai-avatar{font-size:14px;font-weight:700;color:#4d96ff;margin-bottom:8px;display:flex;align-items:center;gap:4px}.ai-reply-card p{font-size:15px;color:#335b8c;line-height:1.6}.stats-card{background:var(--card-bg);border-radius:24px;padding:20px;box-shadow:var(--shadow);border:1px solid rgba(255,255,255,.8)}.stats-card h3{font-size:16px;display:flex;align-items:center;gap:8px;margin-bottom:16px;color:var(--text-main)}.chart-container{height:180px;position:relative}.chart-labels{display:flex;justify-content:space-between;margin-top:10px;font-size:12px;color:var(--text-light)}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:8px}.cal-day{aspect-ratio:1;border-radius:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:12px;color:var(--text-main);position:relative}.cal-dot{width:6px;height:6px;border-radius:50%;position:absolute;bottom:4px}.bottom-nav{position:absolute;bottom:0;left:0;right:0;height:80px;background:#ffffffd9;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);display:flex;justify-content:space-around;align-items:center;border-top:1px solid rgba(0,0,0,.05);padding-bottom:env(safe-area-inset-bottom);z-index:20}.nav-item{background:none;border:none;display:flex;flex-direction:column;align-items:center;gap:4px;color:var(--text-light);cursor:pointer;transition:color .2s}.nav-item.active{color:var(--primary)}.nav-item span{font-size:12px;font-weight:500}.fab{width:56px;height:56px;border-radius:28px;background:var(--primary);border:none;display:flex;align-items:center;justify-content:center;transform:translateY(-20px);box-shadow:0 8px 20px #ff9f2966;cursor:pointer;transition:transform .2s,box-shadow .2s}.fab:hover{box-shadow:0 10px 25px #ff9f2980}.fab:active{transform:translateY(-18px) scale(.95)}.toast{position:absolute;bottom:100px;left:50%;transform:translate(-50%);background:#000000bf;color:#fff;padding:12px 24px;border-radius:24px;font-size:14px;z-index:100;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);white-space:nowrap;box-shadow:0 4px 12px #0000001a}