:root{--primary-color:#ffb7b2;--secondary-color:#a0e7e5;--accent-color:#fbe7c6;--text-color:#555;--bg-color:#fff9f9;--card-bg:#fff;--success-color:#b4f8c8;--warning-color:#fbe7c6;--danger-color:#ffaebc;--border-radius-sm:8px;--border-radius-md:16px;--border-radius-lg:24px;--border-radius-round:50px;--shadow-sm:0 4px 10px hsla(4,100%,85%,.2);--shadow-md:0 8px 20px hsla(4,100%,85%,.25);--shadow-lg:0 12px 30px hsla(4,100%,85%,.3)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Nunito,Rounded Mplus\ 1c,Segoe UI,Tahoma,Geneva,Verdana,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--bg-color);color:var(--text-color);line-height:1.6}#app{width:100%;min-height:100vh}button{font-family:inherit;outline:none}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}::-webkit-scrollbar-thumb{background:var(--primary-color);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#ff9e99}.el-button{font-weight:600;border-radius:var(--border-radius-round)}.el-button--primary{background-color:var(--primary-color);border-color:var(--primary-color)}.el-button--primary:focus,.el-button--primary:hover{background-color:#ff9e99;border-color:#ff9e99}.el-button--default:hover{border-color:var(--primary-color);background-color:#fff9f9}.el-button--default:hover,.el-button--text{color:var(--primary-color)}.el-button--text:hover{color:#ff9e99}.el-input__inner{border-radius:var(--border-radius-md);border:2px solid #eee}.el-input__inner:focus{border-color:var(--primary-color)}.el-dialog{overflow:hidden}.el-dialog,.el-message-box{border-radius:var(--border-radius-lg);box-shadow:var(--shadow-lg)}.el-message-box{border:none}.el-message-box__headerbtn:hover .el-message-box__close{color:var(--primary-color)}.el-button--small,.el-button--small.is-round{padding:9px 15px}.el-pagination.is-background .el-pager li:not(.disabled).active{background-color:var(--primary-color)}.el-pagination.is-background .el-pager li:hover{color:var(--primary-color)}.el-loading-spinner .path{stroke:var(--primary-color)}.el-loading-spinner .el-loading-text{color:var(--primary-color)}.login-container[data-v-4483207b]{display:flex;justify-content:center;align-items:center;min-height:100vh;background:linear-gradient(135deg,var(--bg-color) 0,#fff 100%);padding:20px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.login-form-wrapper[data-v-4483207b]{background:var(--card-bg);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-lg);padding:40px;width:100%;max-width:420px;transition:transform .3s ease,box-shadow .3s ease;border:2px solid #fff}.login-form-wrapper[data-v-4483207b]:hover{transform:translateY(-5px);box-shadow:0 25px 50px hsla(4,100%,85%,.2)}.login-header[data-v-4483207b]{text-align:center;margin-bottom:30px}.login-title[data-v-4483207b]{font-size:2rem;font-weight:700;color:var(--text-color);margin-bottom:8px;letter-spacing:1px}.login-subtitle[data-v-4483207b]{color:#888;font-size:1rem}.login-form[data-v-4483207b]{display:flex;flex-direction:column;gap:24px}.form-group[data-v-4483207b]{display:flex;flex-direction:column;gap:8px}.form-group label[data-v-4483207b]{font-weight:600;color:var(--text-color);font-size:.95rem;margin-left:4px}.form-group input[data-v-4483207b]{padding:14px 16px;border:2px solid #eee;border-radius:var(--border-radius-md);font-size:1rem;transition:all .3s ease;background-color:#f9f9f9;color:var(--text-color)}.form-group input[data-v-4483207b]:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 4px hsla(4,100%,85%,.2);background-color:#fff}.btn-login[data-v-4483207b]{padding:14px 20px;background:var(--primary-color);color:#fff;border:none;border-radius:var(--border-radius-round);font-size:1.1rem;font-weight:700;cursor:pointer;transition:all .3s ease;display:flex;justify-content:center;align-items:center;gap:8px;box-shadow:var(--shadow-md);margin-top:10px}.btn-login[data-v-4483207b]:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-lg);background:#ffc1bc}.btn-login[data-v-4483207b]:disabled{opacity:.6;cursor:not-allowed;box-shadow:none}.loading-spinner[data-v-4483207b]{width:18px;height:18px;border:2px solid hsla(0,0%,100%,.3);border-top:2px solid #fff;border-radius:50%;animation:spin-4483207b 1s linear infinite}@keyframes spin-4483207b{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.error-message[data-v-4483207b]{background-color:#fff2f0;color:var(--danger-color);padding:12px 16px;border-radius:var(--border-radius-md);font-size:.9rem;text-align:center;border:1px solid var(--danger-color)}.login-footer[data-v-4483207b]{text-align:center;margin-top:30px;color:#aaa;font-size:.85rem}@media (max-width:480px){.login-form-wrapper[data-v-4483207b]{padding:30px 20px;max-width:100%;border-radius:var(--border-radius-md)}.login-container[data-v-4483207b]{padding:16px}.login-title[data-v-4483207b]{font-size:1.8rem}}.home-view[data-v-195f23e9]{min-height:100vh;background-color:var(--bg-color);padding-bottom:60px}.navbar[data-v-195f23e9]{background:#fff;color:var(--text-color);padding:0 20px;height:70px;display:flex;align-items:center;justify-content:space-between;box-shadow:var(--shadow-sm);position:sticky;top:0;z-index:1000;border-bottom-left-radius:var(--border-radius-lg);border-bottom-right-radius:var(--border-radius-lg);margin-bottom:20px}.nav-brand[data-v-195f23e9]{font-size:1.6rem;font-weight:800;color:var(--primary-color);letter-spacing:1px}.nav-links[data-v-195f23e9]{display:flex;gap:15px;background:#f9f9f9;padding:5px;border-radius:var(--border-radius-round)}.nav-item[data-v-195f23e9]{color:var(--text-color);text-decoration:none;padding:8px 20px;border-radius:var(--border-radius-round);transition:all .3s cubic-bezier(.4,0,.2,1);font-weight:600;font-size:.95rem}.nav-item[data-v-195f23e9]:hover{color:var(--primary-color);background-color:hsla(4,100%,85%,.1)}.nav-item.router-link-active[data-v-195f23e9]{color:#fff;background-color:var(--primary-color);box-shadow:0 4px 10px hsla(4,100%,85%,.4)}.user-info[data-v-195f23e9]{display:flex;align-items:center;gap:15px}.user-info span[data-v-195f23e9]{font-weight:600;color:var(--text-color)}.btn-logout[data-v-195f23e9]{background-color:#f0f0f0;border:none;color:#999;padding:8px 16px;border-radius:var(--border-radius-round);cursor:pointer;transition:all .3s;font-weight:600;font-size:.9rem}.btn-logout[data-v-195f23e9]:hover{background-color:var(--danger-color);color:#fff;transform:translateY(-2px)}@media (max-width:768px){.navbar[data-v-195f23e9]{padding:0 15px;height:auto;flex-wrap:wrap;padding-bottom:10px}.nav-brand[data-v-195f23e9]{width:100%;text-align:center;margin-bottom:10px;margin-top:10px}.nav-links[data-v-195f23e9]{order:3;width:100%;justify-content:space-between;overflow-x:auto;padding:5px;gap:5px}.nav-item[data-v-195f23e9]{padding:6px 12px;font-size:.85rem;white-space:nowrap}.user-info[data-v-195f23e9]{width:100%;justify-content:flex-end;margin-bottom:10px;order:2}}.modal-mask[data-v-1a61833f]{position:fixed;z-index:9998;top:0;left:0;width:100%;height:100%;background-color:hsla(0,0%,100%,.1);backdrop-filter:blur(5px);display:flex;justify-content:center;align-items:center;transition:opacity .3s ease}.modal-container[data-v-1a61833f]{width:600px;max-width:90%;max-height:85vh;background-color:var(--card-bg);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-lg);display:flex;flex-direction:column;overflow:hidden;animation:modal-in-1a61833f .4s cubic-bezier(.175,.885,.32,1.275);border:2px solid var(--bg-color)}.modal-header[data-v-1a61833f]{padding:20px 24px;background:linear-gradient(to right,var(--bg-color),#fff);display:flex;justify-content:space-between;align-items:center;border-bottom:2px solid hsla(4,100%,85%,.1)}.modal-header h3[data-v-1a61833f]{margin:0;font-size:24px;color:var(--text-color);font-weight:700;letter-spacing:.5px}.close-btn[data-v-1a61833f]{background:var(--bg-color);border:none;width:36px;height:36px;border-radius:50%;font-size:24px;color:var(--text-color);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;box-shadow:var(--shadow-sm)}.close-btn[data-v-1a61833f]:hover{background-color:var(--primary-color);color:#fff;transform:rotate(90deg)}.modal-body[data-v-1a61833f]{padding:24px;overflow-y:auto;flex:1}.loading-spinner[data-v-1a61833f]{text-align:center;padding:40px;color:var(--primary-color);font-weight:700}.error-message[data-v-1a61833f]{text-align:center;padding:40px;color:var(--danger-color)}.phonetics-section[data-v-1a61833f]{margin-bottom:24px;display:flex;gap:20px;flex-wrap:wrap}.phonetic-item[data-v-1a61833f]{color:var(--text-color);font-family:Arial,sans-serif;background:var(--bg-color);padding:8px 16px;border-radius:var(--border-radius-round);box-shadow:var(--shadow-sm);display:flex;align-items:center}.phonetic-item .label[data-v-1a61833f]{background:var(--secondary-color);padding:2px 8px;border-radius:var(--border-radius-round);font-size:12px;color:#fff;margin-right:8px;font-weight:700}.section[data-v-1a61833f]{margin-bottom:28px;background:#fff;border-radius:var(--border-radius-md);padding:10px}.section[data-v-1a61833f]:last-child{margin-bottom:0}.section-title[data-v-1a61833f]{font-size:18px;color:var(--text-color);margin:0 0 16px 0;padding-left:12px;border-left:5px solid var(--primary-color);font-weight:700;display:flex;align-items:center}.meaning-row[data-v-1a61833f]{margin-bottom:12px;line-height:1.6;display:flex;align-items:baseline}.pos-tag[data-v-1a61833f]{display:inline-block;min-width:40px;color:#fff;background:var(--primary-color);font-style:normal;margin-right:12px;font-weight:700;padding:2px 8px;border-radius:var(--border-radius-sm);font-size:12px;text-align:center;box-shadow:2px 2px 0 hsla(4,100%,85%,.4)}.pos-tag.small[data-v-1a61833f]{font-size:12px;min-width:auto;padding:1px 6px}.tran-text[data-v-1a61833f]{color:var(--text-color);font-weight:500}.sentence-item[data-v-1a61833f]{margin-bottom:16px;background:var(--bg-color);padding:16px;border-radius:var(--border-radius-md);border:1px solid hsla(4,100%,85%,.2);transition:all .3s ease}.sentence-item[data-v-1a61833f]:hover{transform:translateX(5px);box-shadow:var(--shadow-sm);background:#fff}.sentence-item[data-v-1a61833f]:last-child{margin-bottom:0}.en-text[data-v-1a61833f]{margin:0 0 8px 0;color:var(--text-color);font-size:16px;line-height:1.5;font-weight:500}.cn-text[data-v-1a61833f]{margin:0;color:#888;font-size:14px}[data-v-1a61833f] .highlight{color:var(--primary-color);font-weight:700;background:hsla(4,100%,85%,.2);padding:0 4px;border-radius:4px}.phrase-item[data-v-1a61833f]{display:flex;margin-bottom:12px;align-items:baseline;padding-bottom:8px;border-bottom:1px dashed var(--accent-color)}.phrase-item[data-v-1a61833f]:last-child{border-bottom:none}.phrase-content[data-v-1a61833f]{font-weight:600;color:var(--text-color);margin-right:12px;min-width:120px}.phrase-cn[data-v-1a61833f]{color:#666}.synonym-group[data-v-1a61833f]{margin-bottom:16px;background:var(--bg-color);padding:12px;border-radius:var(--border-radius-md)}.synonym-header[data-v-1a61833f]{margin-bottom:8px;display:flex;align-items:center}.synonym-words[data-v-1a61833f]{display:flex;flex-wrap:wrap;gap:10px}.synonym-word[data-v-1a61833f]{background:#fff;color:var(--primary-color);padding:6px 14px;border-radius:var(--border-radius-round);font-size:14px;font-weight:500;box-shadow:var(--shadow-sm);border:1px solid hsla(4,100%,85%,.2);transition:all .3s}.synonym-word[data-v-1a61833f]:hover{transform:scale(1.05);box-shadow:var(--shadow-md)}.rel-group[data-v-1a61833f]{margin-bottom:16px}.pos-label[data-v-1a61833f]{color:var(--secondary-color);font-size:14px;margin-bottom:8px;font-weight:700}.rel-list[data-v-1a61833f]{padding-left:10px;display:flex;flex-wrap:wrap;gap:12px}.rel-item[data-v-1a61833f]{margin-bottom:4px;background:var(--bg-color);padding:6px 12px;border-radius:var(--border-radius-md)}.rel-word[data-v-1a61833f]{font-weight:600;color:var(--text-color);margin-right:8px}.rel-tran[data-v-1a61833f]{color:#888;font-size:13px}@keyframes modal-in-1a61833f{0%{opacity:0;transform:scale(.8) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal-body[data-v-1a61833f]::-webkit-scrollbar{width:8px}.modal-body[data-v-1a61833f]::-webkit-scrollbar-thumb{background-color:var(--accent-color);border-radius:4px}.modal-body[data-v-1a61833f]::-webkit-scrollbar-track{background-color:transparent}@media (max-width:768px){.modal-container[data-v-1a61833f]{width:95%;max-height:90vh}.modal-body[data-v-1a61833f],.modal-header[data-v-1a61833f]{padding:16px}.phonetic-item[data-v-1a61833f]{font-size:13px;padding:6px 12px}.section-title[data-v-1a61833f]{font-size:16px}.en-text[data-v-1a61833f]{font-size:15px}.phrase-content[data-v-1a61833f]{min-width:100px}}.word-search[data-v-53422cc7]{padding:20px 0}.search-header[data-v-53422cc7]{text-align:center;margin-bottom:40px;padding:0 20px}.search-header h2[data-v-53422cc7]{color:var(--text-color);margin-bottom:20px;font-size:2rem;font-weight:800;letter-spacing:1px}.search-box[data-v-53422cc7]{display:flex;justify-content:center;gap:15px;max-width:600px;margin:0 auto;background:#fff;padding:8px;border-radius:var(--border-radius-round);box-shadow:var(--shadow-sm)}.search-input[data-v-53422cc7]{flex:1;padding:12px 20px;border:none;font-size:1rem;outline:none;color:var(--text-color);background:transparent}.search-input[data-v-53422cc7]::-moz-placeholder{color:#ccc}.search-input[data-v-53422cc7]::placeholder{color:#ccc}.btn-search[data-v-53422cc7]{padding:0 35px;background:var(--primary-color);color:#fff;border:none;border-radius:var(--border-radius-round);font-size:1rem;cursor:pointer;transition:all .3s;font-weight:600;box-shadow:0 4px 10px hsla(4,100%,85%,.4)}.btn-search[data-v-53422cc7]:hover{transform:translateY(-2px);background-color:#ff9e99;box-shadow:0 6px 15px hsla(4,100%,85%,.5)}.all-words-container[data-v-53422cc7],.results-container[data-v-53422cc7]{background:transparent;padding:0 20px}h3[data-v-53422cc7]{color:var(--text-color);margin-bottom:25px;font-size:1.4rem;font-weight:700;padding-left:15px;border-left:5px solid var(--secondary-color);margin-left:10px}.word-list[data-v-53422cc7]{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:25px;padding-bottom:40px}.word-card[data-v-53422cc7]{background:#fff;padding:24px;border-radius:var(--border-radius-md);box-shadow:var(--shadow-sm);transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;border:1px solid #f0f0f0;display:flex;flex-direction:column}.word-card[data-v-53422cc7]:hover{transform:translateY(-8px);box-shadow:var(--shadow-md);border-color:var(--primary-color)}.word-header[data-v-53422cc7]{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.word-title[data-v-53422cc7]{font-size:1.4rem;color:var(--text-color);margin:0;font-weight:800}.word-phonetic[data-v-53422cc7]{color:#888;font-size:.9rem;margin-bottom:15px;display:flex;flex-wrap:wrap;gap:10px}.phonetic-item[data-v-53422cc7]{background:#f8f9fa;padding:4px 10px;border-radius:12px;font-size:.85rem}.word-meaning[data-v-53422cc7]{color:var(--text-color);margin-bottom:20px;line-height:1.6;flex:1}.word-pos[data-v-53422cc7]{color:var(--secondary-color);font-style:italic;margin-right:8px;font-weight:700;background:rgba(160,231,229,.15);padding:2px 8px;border-radius:6px;font-size:.9rem}.word-trans[data-v-53422cc7]{color:var(--text-color)}.word-actions[data-v-53422cc7]{display:flex;gap:12px;margin-top:auto}.btn-add[data-v-53422cc7],.btn-detail[data-v-53422cc7]{flex:1;padding:10px;border-radius:var(--border-radius-round);cursor:pointer;transition:all .3s;font-size:.9rem;font-weight:600;text-align:center;border:none}.btn-detail[data-v-53422cc7]{background:#f0f0f0;color:#888}.btn-detail[data-v-53422cc7]:hover{background:#e0e0e0;color:#555;transform:translateY(-2px)}.btn-add[data-v-53422cc7]{background:var(--secondary-color);color:#fff;box-shadow:0 4px 10px rgba(160,231,229,.4)}.btn-add[data-v-53422cc7]:hover{background:#8fdcd9;transform:translateY(-2px);box-shadow:0 6px 15px rgba(160,231,229,.5)}.modal[data-v-53422cc7]{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);display:flex;justify-content:center;align-items:center;z-index:1100;backdrop-filter:blur(4px)}.modal-content[data-v-53422cc7]{background:#fff;width:90%;max-width:400px;border-radius:var(--border-radius-lg);overflow:hidden;box-shadow:var(--shadow-lg);animation:modalPop-53422cc7 .3s cubic-bezier(.34,1.56,.64,1)}@keyframes modalPop-53422cc7{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.modal-header[data-v-53422cc7]{padding:20px;background:var(--bg-color);display:flex;justify-content:space-between;align-items:center}.modal-header h3[data-v-53422cc7]{margin:0;border:none;font-size:1.2rem;font-weight:700;padding:0}.btn-close[data-v-53422cc7]{background:#fff;border:none;font-size:1.2rem;cursor:pointer;color:#999;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-sm);transition:all .2s}.btn-close[data-v-53422cc7]:hover{background:var(--danger-color);color:#fff;transform:rotate(90deg)}.modal-body[data-v-53422cc7]{padding:25px}.book-select-list[data-v-53422cc7]{margin-top:15px;display:flex;flex-direction:column;gap:12px}.book-option[data-v-53422cc7]{padding:15px;background:#f9f9f9;border-radius:var(--border-radius-md);cursor:pointer;transition:all .2s;text-align:center;border:2px solid transparent;font-weight:600;color:var(--text-color)}.book-option[data-v-53422cc7]:hover{border-color:var(--primary-color);color:var(--primary-color);background:#fff;transform:scale(1.02);box-shadow:var(--shadow-sm)}@media (max-width:768px){.search-box[data-v-53422cc7]{margin:0 15px;box-shadow:0 4px 15px rgba(0,0,0,.08)}.btn-search[data-v-53422cc7]{padding:0 20px}.word-list[data-v-53422cc7]{grid-template-columns:1fr;gap:15px}.word-card[data-v-53422cc7]{padding:20px}}.word-book-page[data-v-1dcee6d8]{padding:20px 0}.page-header[data-v-1dcee6d8]{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;padding:0 20px}.page-header h2[data-v-1dcee6d8]{font-size:2rem;color:var(--text-color);margin:0;font-weight:800;letter-spacing:1px}.btn-primary[data-v-1dcee6d8]{background:var(--primary-color);color:#fff;border:none;padding:12px 24px;border-radius:var(--border-radius-round);font-weight:700;cursor:pointer;box-shadow:var(--shadow-sm);transition:all .3s ease;font-size:1rem}.btn-primary[data-v-1dcee6d8]:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);background-color:#ff9e99}.book-grid[data-v-1dcee6d8]{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:25px;padding:0 20px}.book-card[data-v-1dcee6d8]{position:relative;perspective:1000px;cursor:pointer;transition:transform .3s ease}.book-card[data-v-1dcee6d8]:hover{transform:translateY(-8px)}.book-cover[data-v-1dcee6d8]{height:240px;border-radius:var(--border-radius-md);box-shadow:var(--shadow-sm);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;color:#fff;font-weight:700;text-align:center;transition:all .4s ease;position:relative;overflow:hidden}.cover-0[data-v-1dcee6d8]{background:linear-gradient(135deg,#ff9a9e,#fecfef)}.cover-1[data-v-1dcee6d8]{background:linear-gradient(135deg,#a18cd1,#fbc2eb)}.cover-2[data-v-1dcee6d8]{background:linear-gradient(135deg,#84fab0,#8fd3f4)}.cover-3[data-v-1dcee6d8]{background:linear-gradient(135deg,#e0c3fc,#8ec5fc)}.cover-4[data-v-1dcee6d8]{background:linear-gradient(135deg,#f093fb,#f5576c)}.cover-5[data-v-1dcee6d8]{background:linear-gradient(135deg,#4facfe,#00f2fe)}.book-cover[data-v-1dcee6d8]:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:hsla(0,0%,100%,.2);transition:all .3s ease;opacity:0}.book-cover[data-v-1dcee6d8]:hover:before{opacity:1}.book-cover[data-v-1dcee6d8]:hover{transform:rotateY(-5deg) rotateX(5deg);box-shadow:var(--shadow-lg)}.book-title[data-v-1dcee6d8]{font-size:1.4rem;margin-bottom:10px;z-index:1;line-height:1.4;text-shadow:0 2px 4px rgba(0,0,0,.1)}.book-words-count[data-v-1dcee6d8]{font-size:.95rem;opacity:.95;z-index:1;font-weight:600;background:hsla(0,0%,100%,.2);padding:4px 12px;border-radius:12px}.book-actions[data-v-1dcee6d8]{position:absolute;bottom:15px;right:15px;opacity:0;transition:opacity .3s ease;z-index:2;display:flex;gap:10px}.book-card:hover .book-actions[data-v-1dcee6d8]{opacity:1}.btn-icon[data-v-1dcee6d8]{background:#fff;border:none;width:40px;height:40px;border-radius:50%;cursor:pointer;box-shadow:var(--shadow-sm);display:inline-flex;align-items:center;justify-content:center;transition:all .2s ease;font-size:1.1rem}.btn-icon[data-v-1dcee6d8]:hover{transform:scale(1.15);box-shadow:var(--shadow-md)}.btn-icon.delete[data-v-1dcee6d8]:hover{background:var(--danger-color);color:#fff}.modal[data-v-1dcee6d8]{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);z-index:1100;display:flex;justify-content:center;align-items:center;animation:fadeIn-1dcee6d8 .3s ease;backdrop-filter:blur(4px)}@keyframes fadeIn-1dcee6d8{0%{opacity:0}to{opacity:1}}.full-screen-modal .modal-content[data-v-1dcee6d8]{width:100%;height:100%;max-width:none;border-radius:0;display:flex;flex-direction:column;background:var(--bg-color)}.small-modal[data-v-1dcee6d8]{width:90%;max-width:450px;background:#fff;border-radius:var(--border-radius-lg);overflow:hidden;box-shadow:var(--shadow-lg);animation:slideUp-1dcee6d8 .3s ease}@keyframes slideUp-1dcee6d8{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-header[data-v-1dcee6d8]{padding:15px 20px;border-bottom:1px solid rgba(0,0,0,.05);display:flex;justify-content:space-between;align-items:center;background:#fff}.header-left[data-v-1dcee6d8]{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.el-button--small.is-round[data-v-1dcee6d8]{padding:9px 15px}.modal-header h3[data-v-1dcee6d8]{margin:0;font-size:1.5rem;color:var(--text-color);font-weight:700}.book-detail-body[data-v-1dcee6d8]{flex:1;overflow-y:auto;padding:24px;background:var(--bg-color)}.word-list[data-v-1dcee6d8]{max-width:900px;margin:0 auto}.word-item[data-v-1dcee6d8]{background:#fff;padding:24px;margin-bottom:16px;border-radius:var(--border-radius-md);display:flex;justify-content:space-between;align-items:flex-start;box-shadow:var(--shadow-sm);transition:all .3s ease;border-left:5px solid transparent}.word-item.is-selected[data-v-1dcee6d8]{border-color:var(--primary-color);background-color:hsla(4,100%,85%,.05)}.word-item[data-v-1dcee6d8]:hover{box-shadow:var(--shadow-md);border-left-color:var(--secondary-color);transform:translateX(5px)}.word-main[data-v-1dcee6d8]{flex:1;min-width:0}.word-header[data-v-1dcee6d8]{display:flex;flex-direction:column;margin-bottom:12px}.word-text[data-v-1dcee6d8]{font-size:1.5rem;font-weight:800;color:var(--text-color);margin-bottom:8px}.word-actions[data-v-1dcee6d8]{display:flex;flex-direction:column;gap:10px;align-items:flex-end;padding-left:15px}.word-phonetic[data-v-1dcee6d8]{display:flex;gap:15px;flex-wrap:wrap;color:#888;font-size:.9rem}.phonetic-item[data-v-1dcee6d8]{display:flex;align-items:center;gap:6px}.phonetic-type[data-v-1dcee6d8]{background:#f0f0f0;padding:2px 8px;border-radius:8px;font-size:.75rem;font-weight:700;color:#666}.word-meaning[data-v-1dcee6d8]{color:var(--text-color);line-height:1.6}.meaning-item[data-v-1dcee6d8]{display:flex;gap:10px;margin-bottom:8px;flex-wrap:wrap;align-items:baseline}.meaning-pos[data-v-1dcee6d8]{background:var(--primary-color);color:#fff;padding:2px 10px;border-radius:8px;font-size:.85rem;font-weight:600;white-space:nowrap}.meaning-tran[data-v-1dcee6d8]{flex:1;min-width:0;font-size:1rem}.btn-remove[data-v-1dcee6d8]{background:#fff0f0;border:none;color:var(--danger-color);font-size:1.5rem;cursor:pointer;padding:0;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .2s ease;line-height:1}.btn-remove[data-v-1dcee6d8]:hover{color:#fff;background:var(--danger-color);transform:rotate(90deg)}.btn-detail-small[data-v-1dcee6d8]{background:#fff;border:1px solid var(--secondary-color);color:var(--secondary-color);padding:5px 12px;border-radius:12px;font-size:.85rem;cursor:pointer;transition:all .2s;font-weight:600}.btn-detail-small[data-v-1dcee6d8]:hover{background:var(--secondary-color);color:#fff}.modal-footer[data-v-1dcee6d8]{padding:20px 24px;border-top:1px solid #f0f0f0;text-align:right;background:#fff}.input-field[data-v-1dcee6d8]{width:100%;padding:14px 16px;border:2px solid #f0f0f0;border-radius:var(--border-radius-sm);box-sizing:border-box;font-size:1rem;transition:all .2s ease;background:#fcfcfc}.input-field[data-v-1dcee6d8]:focus{outline:none;border-color:var(--primary-color);background:#fff;box-shadow:0 0 0 3px hsla(4,100%,85%,.2)}.modal-body[data-v-1dcee6d8]{padding:24px}.btn-cancel[data-v-1dcee6d8],.btn-confirm[data-v-1dcee6d8]{padding:10px 24px;border-radius:var(--border-radius-round);border:none;cursor:pointer;margin-left:10px;font-weight:600;transition:all .2s ease;font-size:.95rem}.btn-cancel[data-v-1dcee6d8]{background:#f5f5f5;color:#666}.btn-cancel[data-v-1dcee6d8]:hover{background:#e0e0e0;color:#333}.btn-confirm[data-v-1dcee6d8]{background:var(--primary-color);color:#fff;box-shadow:0 4px 10px hsla(4,100%,85%,.4)}.btn-confirm[data-v-1dcee6d8]:hover{transform:translateY(-2px);background-color:#ff9e99;box-shadow:0 6px 15px hsla(4,100%,85%,.5)}.btn-close[data-v-1dcee6d8]{background:none;border:none;font-size:1.8rem;cursor:pointer;color:#ccc;padding:4px 8px;border-radius:6px;transition:all .2s ease;line-height:1}.btn-close[data-v-1dcee6d8]:hover{color:var(--danger-color);transform:rotate(90deg)}.empty-state[data-v-1dcee6d8]{text-align:center;padding:60px 20px;color:#999}.empty-state p[data-v-1dcee6d8]{font-size:1.1rem;margin-bottom:20px}.link-btn[data-v-1dcee6d8]{color:var(--primary-color);text-decoration:none;font-weight:600;border-bottom:2px solid transparent;transition:all .2s;background:transparent;padding:0;border:none;display:inline}.link-btn[data-v-1dcee6d8]:hover{border-bottom-color:var(--primary-color);color:var(--primary-color);background:transparent}.loading[data-v-1dcee6d8]{text-align:center;padding:60px 20px;color:#999;font-size:1.1rem;animation:pulse-1dcee6d8 1.5s ease-in-out infinite}@keyframes pulse-1dcee6d8{0%,to{opacity:1}50%{opacity:.5}}@media (max-width:768px){.book-grid[data-v-1dcee6d8]{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:15px;padding:0 15px}.book-cover[data-v-1dcee6d8]{height:180px;padding:15px}.book-title[data-v-1dcee6d8]{font-size:1.1rem}.header-left[data-v-1dcee6d8]{gap:5px}.word-item[data-v-1dcee6d8]{flex-direction:column;padding:20px}.word-actions[data-v-1dcee6d8]{flex-direction:row;width:100%;justify-content:flex-end;margin-top:15px;padding-left:0}.btn-remove[data-v-1dcee6d8]{margin-left:10px}}.word-select-wrapper[data-v-1dcee6d8]{display:flex;align-items:center;margin-left:12px}.word-checkbox[data-v-1dcee6d8]{width:18px;height:18px;cursor:pointer;accent-color:var(--primary-color)}.empty-filter[data-v-1dcee6d8]{text-align:center;padding:40px;color:#999;font-size:1rem;background:hsla(0,0%,100%,.5);border-radius:var(--border-radius-md);margin:20px 0;border:2px dashed #eee}.notes-page[data-v-0ffd5290]{min-height:calc(100vh - 80px);padding:20px;background-color:var(--bg-color);box-sizing:border-box}.page-container[data-v-0ffd5290]{display:flex;height:calc(100vh - 120px);background:hsla(0,0%,100%,.8);border-radius:var(--border-radius-lg);overflow:hidden;box-shadow:var(--shadow-lg);backdrop-filter:blur(10px);border:1px solid hsla(0,0%,100%,.5)}.sidebar[data-v-0ffd5290]{width:280px;background:rgba(248,249,250,.6);border-right:1px solid rgba(0,0,0,.05);display:flex;flex-direction:column;transition:all .3s ease}.sidebar-header[data-v-0ffd5290]{padding:20px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(0,0,0,.05);background:hsla(0,0%,100%,.5)}.sidebar-header h3[data-v-0ffd5290]{margin:0;font-size:1.2rem;color:var(--text-color);font-weight:700}.add-btn[data-v-0ffd5290]{width:32px;height:32px;border-radius:50%;border:none;background:var(--primary-color);cursor:pointer;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.4rem;line-height:1;transition:all .3s ease;box-shadow:var(--shadow-sm)}.add-btn[data-v-0ffd5290]:hover{transform:rotate(90deg) scale(1.1);box-shadow:var(--shadow-md)}.category-list[data-v-0ffd5290]{flex:1;overflow-y:auto;list-style:none;padding:15px;margin:0}.category-item[data-v-0ffd5290]{padding:12px 15px;cursor:pointer;display:flex;justify-content:space-between;align-items:center;border-radius:var(--border-radius-md);margin-bottom:8px;transition:all .3s ease;color:var(--text-color);font-weight:500}.category-item[data-v-0ffd5290]:hover{background:#fff;transform:translateX(5px);box-shadow:var(--shadow-sm);color:var(--primary-color)}.category-item.active[data-v-0ffd5290]{background:var(--primary-color);color:#fff;box-shadow:var(--shadow-md)}.category-name[data-v-0ffd5290]{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.category-actions[data-v-0ffd5290]{opacity:0;transition:opacity .2s;display:flex;gap:8px}.category-item:hover .category-actions[data-v-0ffd5290]{opacity:1}.btn-icon[data-v-0ffd5290]{background:#fff;border:none;cursor:pointer;font-size:.9rem;padding:4px;border-radius:50%;width:24px;height:24px;display:flex;align-items:center;justify-content:center;transition:all .2s;box-shadow:var(--shadow-sm)}.category-item.active .btn-icon[data-v-0ffd5290]{color:var(--primary-color)}.btn-icon[data-v-0ffd5290]:hover{transform:scale(1.1)}.btn-icon.delete[data-v-0ffd5290]:hover{background:#ff6b6b;color:#fff}.main-content[data-v-0ffd5290]{flex:1;display:flex;flex-direction:column;overflow:hidden;background:hsla(0,0%,100%,.4)}.welcome-screen[data-v-0ffd5290]{flex:1;display:flex;justify-content:center;align-items:center;color:#999}.welcome-box[data-v-0ffd5290]{text-align:center;background:#fff;padding:40px;border-radius:var(--border-radius-lg);box-shadow:var(--shadow-md);border:2px dashed var(--secondary-color)}.welcome-box h2[data-v-0ffd5290]{color:var(--primary-color);margin-bottom:10px}.notes-area[data-v-0ffd5290]{flex:1;display:flex;flex-direction:column;padding:30px;overflow-y:auto}.notes-header[data-v-0ffd5290]{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}.notes-header h2[data-v-0ffd5290]{margin:0;font-size:1.8rem;color:var(--text-color);font-weight:800;position:relative;display:inline-block}.notes-header h2[data-v-0ffd5290]:after{content:"";position:absolute;bottom:5px;left:0;width:100%;height:8px;background:var(--secondary-color);opacity:.3;border-radius:4px;z-index:0}.count[data-v-0ffd5290]{font-size:1rem;color:#999;font-weight:400;margin-left:8px}.notes-grid[data-v-0ffd5290]{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:25px;padding-bottom:20px}.note-card[data-v-0ffd5290]{background:#fff;padding:20px;border-radius:var(--border-radius-lg);box-shadow:var(--shadow-sm);cursor:pointer;height:200px;display:flex;flex-direction:column;transition:all .3s ease;position:relative;border:1px solid rgba(0,0,0,.05);overflow:hidden}.note-card[data-v-0ffd5290]:before{content:"";position:absolute;top:0;left:0;width:100%;height:6px;background:var(--secondary-color);opacity:.5}.note-card[data-v-0ffd5290]:hover{transform:translateY(-8px) rotate(1deg);box-shadow:var(--shadow-lg);border-color:var(--secondary-color)}.note-card[data-v-0ffd5290]:nth-child(4n+1):before{background:#ffb7b2}.note-card[data-v-0ffd5290]:nth-child(4n+2):before{background:#b5ead7}.note-card[data-v-0ffd5290]:nth-child(4n+3):before{background:#e2f0cb}.note-card[data-v-0ffd5290]:nth-child(4n+4):before{background:#ffdac1}.pin-mark[data-v-0ffd5290]{position:absolute;top:15px;right:15px;font-size:1.2rem;transform:rotate(45deg);filter:drop-shadow(2px 2px 0 rgba(0,0,0,.1))}.note-title[data-v-0ffd5290]{margin:10px 0 10px 0;font-size:1.2rem;color:var(--text-color);padding-right:20px;font-weight:700}.note-preview[data-v-0ffd5290]{color:#666;font-size:.95rem;line-height:1.6;flex:1;overflow:hidden;margin:0;opacity:.8}.note-footer[data-v-0ffd5290]{margin-top:15px;text-align:right;opacity:0;transition:all .3s ease;transform:translateY(10px)}.note-card:hover .note-footer[data-v-0ffd5290]{opacity:1;transform:translateY(0)}.btn-text[data-v-0ffd5290]{background:none;border:none;font-size:.9rem;cursor:pointer;color:#999;transition:color .2s;padding:5px 10px;border-radius:var(--border-radius-md)}.btn-text[data-v-0ffd5290]:hover{background:rgba(0,0,0,.05)}.btn-text.delete[data-v-0ffd5290]:hover{color:#ff6b6b;background:hsla(0,100%,71%,.1)}.modal[data-v-0ffd5290]{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.3);backdrop-filter:blur(5px);z-index:1100;display:flex;justify-content:center;align-items:center;animation:fadeIn-0ffd5290 .3s ease}@keyframes fadeIn-0ffd5290{0%{opacity:0}to{opacity:1}}.small-modal[data-v-0ffd5290]{max-width:400px;animation:slideUp-0ffd5290 .3s cubic-bezier(.175,.885,.32,1.275)}.full-screen-modal .modal-content[data-v-0ffd5290],.small-modal[data-v-0ffd5290]{width:90%;background:#fff;border-radius:var(--border-radius-lg);overflow:hidden;box-shadow:var(--shadow-lg)}.full-screen-modal .modal-content[data-v-0ffd5290]{height:90%;max-width:1000px;display:flex;flex-direction:column;animation:zoomIn-0ffd5290 .3s cubic-bezier(.175,.885,.32,1.275)}@keyframes slideUp-0ffd5290{0%{transform:translateY(50px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes zoomIn-0ffd5290{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}.modal-header[data-v-0ffd5290]{padding:20px 30px;border-bottom:1px solid rgba(0,0,0,.05);display:flex;justify-content:space-between;align-items:center;background:hsla(0,0%,100%,.9)}.modal-header h3[data-v-0ffd5290]{margin:0;color:var(--text-color);font-size:1.3rem}.header-left[data-v-0ffd5290],.header-right[data-v-0ffd5290]{display:flex;align-items:center;gap:15px}.modal-body[data-v-0ffd5290]{padding:30px}.note-editor-body[data-v-0ffd5290]{flex:1;background:#fff;padding:40px 60px;background-image:linear-gradient(#f1f1f1 1px,transparent 0),linear-gradient(90deg,#f1f1f1 1px,transparent 0);background-size:20px 20px}.modal-footer[data-v-0ffd5290]{padding:20px 30px;border-top:1px solid rgba(0,0,0,.05);text-align:right;background:hsla(0,0%,100%,.9)}.input-field[data-v-0ffd5290]{width:100%;padding:12px 15px;border:2px solid #eee;border-radius:var(--border-radius-md);box-sizing:border-box;font-size:1rem;transition:all .3s ease}.input-field[data-v-0ffd5290]:focus{border-color:var(--primary-color);outline:none;box-shadow:0 0 0 3px hsla(4,100%,85%,.2)}.title-input[data-v-0ffd5290]{font-size:1.8rem;border:none;border-bottom:2px solid transparent;outline:none;background:transparent;width:400px;font-weight:800;color:var(--text-color);padding:5px 0;transition:all .3s ease}.title-input[data-v-0ffd5290]:focus{border-bottom-color:var(--primary-color)}.content-editor[data-v-0ffd5290]{width:100%;height:100%;border:none;outline:none;resize:none;font-size:1.2rem;line-height:1.8;color:#555;background:transparent;font-family:inherit}.btn-confirm[data-v-0ffd5290],.btn-primary[data-v-0ffd5290],.btn-save[data-v-0ffd5290]{background:var(--primary-color);color:#fff;border:none;padding:10px 25px;border-radius:var(--border-radius-round);cursor:pointer;font-weight:600;font-size:1rem;transition:all .3s ease;box-shadow:var(--shadow-sm)}.btn-confirm[data-v-0ffd5290]:hover,.btn-primary[data-v-0ffd5290]:hover,.btn-save[data-v-0ffd5290]:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);filter:brightness(1.1)}.btn-cancel[data-v-0ffd5290]{background:#f1f3f5;color:#666;padding:10px 25px;border-radius:var(--border-radius-round);border:none;cursor:pointer;font-weight:600;font-size:1rem;transition:all .3s ease}.btn-cancel[data-v-0ffd5290]:hover{background:#e9ecef}.btn-close[data-v-0ffd5290]{background:none;border:none;font-size:1.8rem;cursor:pointer;color:#ccc;transition:color .2s;line-height:1}.btn-close[data-v-0ffd5290]:hover{color:#ff6b6b}.btn-back[data-v-0ffd5290]{background:#fff;border:1px solid #eee;color:#666;cursor:pointer;font-size:.9rem;padding:8px 15px;border-radius:var(--border-radius-round);transition:all .2s;box-shadow:var(--shadow-sm)}.btn-back[data-v-0ffd5290]:hover{background:#f8f9fa;transform:translateX(-3px)}.checkbox-label[data-v-0ffd5290]{display:flex;align-items:center;gap:8px;cursor:pointer;margin-right:15px;font-size:1rem;color:#666;-webkit-user-select:none;-moz-user-select:none;user-select:none}.checkbox-label input[type=checkbox][data-v-0ffd5290]{width:18px;height:18px;accent-color:var(--primary-color)}@media (max-width:768px){.notes-page[data-v-0ffd5290]{padding:10px}.page-container[data-v-0ffd5290]{flex-direction:column;height:calc(100vh - 80px)}.sidebar[data-v-0ffd5290]{width:100%;max-height:180px;border-right:none;border-bottom:1px solid rgba(0,0,0,.05);flex-shrink:0}.category-list[data-v-0ffd5290]{display:flex;overflow-x:auto;overflow-y:hidden;padding:10px;white-space:nowrap;gap:10px}.category-item[data-v-0ffd5290]{margin-bottom:0;min-width:120px;flex-shrink:0;background:hsla(0,0%,100%,.8)}.main-content[data-v-0ffd5290]{border-top:1px solid #eee}.notes-area[data-v-0ffd5290]{padding:15px}.notes-header h2[data-v-0ffd5290]{font-size:1.4rem}.notes-grid[data-v-0ffd5290]{grid-template-columns:repeat(auto-fill,minmax(100%,1fr));gap:15px}.note-card[data-v-0ffd5290]{height:160px}.full-screen-modal .modal-content[data-v-0ffd5290]{width:100%;height:100%;border-radius:0}.note-editor-body[data-v-0ffd5290]{padding:20px}.title-input[data-v-0ffd5290]{width:150px;font-size:1.2rem}.header-left[data-v-0ffd5290]{gap:10px}}.diary-page[data-v-34f756fa]{max-width:900px;margin:0 auto;padding:20px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.diary-header[data-v-34f756fa]{display:flex;justify-content:space-between;align-items:center;margin-bottom:40px}.diary-header h2[data-v-34f756fa]{font-size:2rem;color:var(--text-color);margin:0;font-weight:700;letter-spacing:1px}.btn-primary[data-v-34f756fa]{background:var(--primary-color);color:#fff;border:none;padding:10px 25px;border-radius:var(--border-radius-round);font-weight:600;cursor:pointer;box-shadow:var(--shadow-md);transition:all .3s ease;text-shadow:1px 1px 2px rgba(0,0,0,.1)}.btn-primary[data-v-34f756fa]:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg);background:#ffc1bc}.timeline[data-v-34f756fa]{position:relative;padding-left:30px}.timeline[data-v-34f756fa]:before{content:"";position:absolute;left:0;top:0;bottom:0;width:2px;background:repeating-linear-gradient(to bottom,var(--accent-color) 0,var(--accent-color) 10px,transparent 10px,transparent 20px)}.timeline-item[data-v-34f756fa]{position:relative;margin-bottom:30px;display:flex}.timeline-date[data-v-34f756fa]{position:absolute;left:-50px;width:40px;text-align:right;display:flex;flex-direction:column}.day[data-v-34f756fa]{font-size:1.5rem;font-weight:700;color:var(--primary-color)}.month[data-v-34f756fa]{font-size:.8rem;color:#999}.timeline-content[data-v-34f756fa]{margin-left:20px;flex:1}.diary-card[data-v-34f756fa]{background:var(--card-bg);padding:20px;border-radius:var(--border-radius-lg);box-shadow:var(--shadow-sm);cursor:pointer;transition:all .3s ease;position:relative;border:1px solid hsla(4,100%,85%,.2)}.diary-card[data-v-34f756fa]:hover{transform:translateY(-3px);box-shadow:var(--shadow-md);border-color:var(--primary-color)}.diary-card[data-v-34f756fa]:before{content:"";position:absolute;left:-26px;top:20px;width:14px;height:14px;border-radius:50%;background:var(--primary-color);border:3px solid #fff;box-shadow:0 0 0 1px var(--accent-color)}.card-header[data-v-34f756fa]{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:10px}.diary-title[data-v-34f756fa]{margin:0;font-size:1.3rem;color:var(--text-color);font-weight:600}.diary-meta[data-v-34f756fa]{display:flex;align-items:center;gap:8px;font-size:.85rem}.mood-tag[data-v-34f756fa],.weather-tag[data-v-34f756fa]{background:var(--bg-color);padding:4px 10px;border-radius:var(--border-radius-sm);color:var(--text-color);font-weight:500}.time[data-v-34f756fa]{color:#999}.diary-preview[data-v-34f756fa]{color:#666;line-height:1.6;margin:0}.card-actions[data-v-34f756fa]{margin-top:15px;display:flex;justify-content:flex-end;gap:10px;opacity:0;transition:opacity .2s}.diary-card:hover .card-actions[data-v-34f756fa]{opacity:1}.btn-icon[data-v-34f756fa]{background:#fff;border:1px solid #eee;border-radius:50%;width:32px;height:32px;cursor:pointer;font-size:1rem;display:flex;align-items:center;justify-content:center;transition:all .2s;box-shadow:var(--shadow-sm)}.btn-icon[data-v-34f756fa]:hover{transform:scale(1.1);background:var(--bg-color)}.btn-icon.delete[data-v-34f756fa]:hover{color:var(--danger-color);background:#fff0f0}.modal[data-v-34f756fa]{position:fixed;top:0;left:0;width:100%;height:100%;background:hsla(0,0%,100%,.1);backdrop-filter:blur(5px);z-index:1100;display:flex;justify-content:center;align-items:center}.full-screen-modal .modal-content[data-v-34f756fa]{width:100%;height:100%;background:var(--bg-color);display:flex;flex-direction:column}.diary-modal[data-v-34f756fa]{background:var(--bg-color)}.modal-header[data-v-34f756fa]{padding:15px 20px;border-bottom:2px solid hsla(4,100%,85%,.2);display:flex;flex-direction:column;gap:15px;background:#fff;box-shadow:var(--shadow-sm)}.header-toolbar[data-v-34f756fa]{display:flex;justify-content:space-between;align-items:center;width:100%}.header-title-row[data-v-34f756fa]{width:100%}.header-left[data-v-34f756fa],.header-right[data-v-34f756fa]{display:flex;align-items:center;gap:15px}.modal-body[data-v-34f756fa]{padding:0;flex:1;overflow-y:auto}.diary-body[data-v-34f756fa]{max-width:800px;margin:0 auto;width:100%;padding:40px 20px}.title-input[data-v-34f756fa]{font-size:1.8rem;border:none;border-bottom:1px solid transparent;outline:none;background:transparent;width:100%;font-weight:700;color:var(--text-color);padding:5px 0;transition:border-color .3s}.title-input[data-v-34f756fa]:focus{border-bottom-color:var(--primary-color)}.content-editor[data-v-34f756fa]{width:100%;height:70vh;border:none;outline:none;resize:none;font-size:1.2rem;line-height:1.8;color:var(--text-color);background:transparent;font-family:inherit;padding:20px;background-image:linear-gradient(transparent 96%,var(--accent-color) 96%);background-size:100% 2rem;line-height:2rem}.select-input[data-v-34f756fa]{padding:8px 12px;border:2px solid #eee;border-radius:var(--border-radius-md);outline:none;background:var(--bg-color);color:var(--text-color);font-weight:500}.btn-save[data-v-34f756fa]{background:var(--primary-color);color:#fff;border:none;padding:8px 24px;border-radius:var(--border-radius-round);cursor:pointer;font-weight:600;box-shadow:var(--shadow-sm);transition:all .3s}.btn-save[data-v-34f756fa]:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.btn-edit[data-v-34f756fa]{background:var(--secondary-color);color:#fff;border:none;padding:8px 24px;border-radius:var(--border-radius-round);cursor:pointer;font-weight:600;box-shadow:var(--shadow-sm)}.btn-back[data-v-34f756fa]{background:none;border:none;color:#666;cursor:pointer;font-size:1rem;font-weight:600}.diary-view-content[data-v-34f756fa]{font-size:1.2rem;line-height:2rem;color:var(--text-color);padding:20px;background:#fff;border-radius:var(--border-radius-lg);box-shadow:var(--shadow-sm);min-height:60vh}.view-meta[data-v-34f756fa]{color:#999;font-size:.9rem;margin-bottom:30px;border-bottom:1px dashed var(--accent-color);padding-bottom:15px}.view-text[data-v-34f756fa]{white-space:pre-wrap}.empty-state[data-v-34f756fa]{text-align:center;padding:50px 0;color:#999;background:#fff;border-radius:var(--border-radius-lg);box-shadow:var(--shadow-sm)}@media (max-width:768px){.diary-header[data-v-34f756fa]{flex-direction:column;gap:15px}.timeline[data-v-34f756fa]{padding-left:0}.timeline[data-v-34f756fa]:before{display:none}.timeline-item[data-v-34f756fa]{flex-direction:column}.timeline-date[data-v-34f756fa]{position:static;flex-direction:row;align-items:baseline;gap:5px;margin-bottom:10px;width:auto;text-align:left}.timeline-content[data-v-34f756fa]{margin-left:0}.diary-card[data-v-34f756fa]:before{display:none}.title-input[data-v-34f756fa]{width:100%;font-size:1.4rem}.content-editor[data-v-34f756fa]{background-image:none;line-height:1.6}.header-right[data-v-34f756fa]{gap:8px}.select-input[data-v-34f756fa]{padding:4px 8px;font-size:12px}}