:root{--vt-c-white: #ffffff;--vt-c-white-soft: #f8f8f8;--vt-c-white-mute: #f2f2f2;--vt-c-black: #181818;--vt-c-black-soft: #222222;--vt-c-black-mute: #282828;--vt-c-indigo: #2c3e50;--vt-c-divider-light-1: rgba(60, 60, 60, .29);--vt-c-divider-light-2: rgba(60, 60, 60, .12);--vt-c-divider-dark-1: rgba(84, 84, 84, .65);--vt-c-divider-dark-2: rgba(84, 84, 84, .48);--vt-c-text-light-1: var(--vt-c-indigo);--vt-c-text-light-2: rgba(60, 60, 60, .66);--vt-c-text-dark-1: var(--vt-c-white);--vt-c-text-dark-2: rgba(235, 235, 235, .64)}:root{--color-background: var(--vt-c-white);--color-background-soft: var(--vt-c-white-soft);--color-background-mute: var(--vt-c-white-mute);--color-border: var(--vt-c-divider-light-2);--color-border-hover: var(--vt-c-divider-light-1);--color-heading: var(--vt-c-text-light-1);--color-text: var(--vt-c-text-light-1);--section-gap: 160px}@media (prefers-color-scheme: dark){:root{--color-background: var(--vt-c-black);--color-background-soft: var(--vt-c-black-soft);--color-background-mute: var(--vt-c-black-mute);--color-border: var(--vt-c-divider-dark-2);--color-border-hover: var(--vt-c-divider-dark-1);--color-heading: var(--vt-c-text-dark-1);--color-text: var(--vt-c-text-dark-2)}}*,*:before,*:after{box-sizing:border-box;margin:0}body{min-height:100vh;color:var(--color-text);background:var(--color-background);transition:color .5s,background-color .5s;line-height:1.6;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:15px;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#app{max-width:1280px;margin:0 auto;padding:2rem;font-weight:400}a{text-decoration:none;color:var(--primary-color);transition:var(--transition);padding:3px}.green{color:#00bd7e}@media (hover: hover){a:hover{background-color:transparent;color:var(--secondary-color)}}@media (min-width: 1024px){body{display:flex;place-items:center;min-height:100vh}#app{width:100%;padding:0 2rem}}:root{--primary-color: #6c5ce7;--secondary-color: #a29bfe;--accent-color: #fd79a8;--text-color: #333333;--light-text: #666666;--border-color: #e0e0e0;--card-bg: #ffffff;--body-bg: #f9f9f9;--success-color: #00b894;--warning-color: #fdcb6e;--error-color: #d63031;--shadow: 0 4px 12px rgba(0, 0, 0, .1);--border-radius: 10px;--btn-radius: 8px;--section-gap: 2rem;--transition: all .3s ease}*{box-sizing:border-box;margin:0;padding:0}html{font-size:16px}body{font-family:PingFang SC,Microsoft YaHei,sans-serif;line-height:1.6;color:var(--text-color);background-color:var(--body-bg)}ul,ol{list-style:none}button,input,select,textarea{font-family:inherit;font-size:inherit;outline:none}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 1rem}header{padding:1.5rem 0;display:flex;justify-content:space-between;align-items:center}.logo{display:flex;align-items:center}.logo h1{color:var(--primary-color);font-size:1.5rem;font-weight:700;margin-left:.5rem}nav ul{display:flex;align-items:center}nav ul li{margin-left:1.5rem}nav ul li a{color:var(--text-color);font-weight:500;padding:.5rem 0;position:relative}nav ul li a:after{content:"";position:absolute;bottom:-3px;left:0;width:0;height:3px;background-color:var(--primary-color);transition:var(--transition)}nav ul li a:hover:after,nav ul li a.active:after{width:100%}footer{background-color:#f5f5f5;padding:2rem 0;margin-top:3rem}.footer-content{display:flex;flex-wrap:wrap;justify-content:space-between;margin-bottom:1.5rem}.footer-links h4,.footer-contact h4{margin-bottom:1rem;color:var(--text-color)}.footer-links ul li{margin-bottom:.5rem}.footer-contact p{margin-bottom:.5rem;color:var(--light-text)}.copyright{text-align:center;color:var(--light-text);padding-top:1.5rem;border-top:1px solid var(--border-color)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.75rem 1.5rem;border-radius:var(--btn-radius);font-weight:600;cursor:pointer;transition:var(--transition);border:none;outline:none;text-decoration:none;font-size:1rem}.btn.primary{background-color:var(--primary-color);color:#fff}.btn.primary:hover{background-color:#5f50d5;transform:translateY(-2px);box-shadow:0 4px 10px #6c5ce74d}.btn.secondary{background-color:#f5f5f5;color:var(--text-color);border:1px solid var(--border-color)}.btn.secondary:hover{background-color:#eaeaea;transform:translateY(-2px);box-shadow:0 4px 10px #0000001a}.btn.small{padding:.5rem 1rem;font-size:.875rem}.page-header{text-align:center;margin-bottom:2rem}.page-header h2{color:var(--primary-color);margin-bottom:.5rem;font-size:2rem}.page-header p{color:var(--light-text);max-width:600px;margin:0 auto}.hero{display:flex;justify-content:space-between;align-items:center;margin:3rem 0}.hero-content{flex:1}.hero-content h2{font-size:2.5rem;color:var(--primary-color);margin-bottom:1rem}.hero-content p{font-size:1.1rem;color:var(--light-text);margin-bottom:2rem;max-width:500px}.hero-buttons{display:flex;gap:1rem}.hero-image{flex:1;display:flex;justify-content:center}.features{padding:3rem 0;text-align:center}.features h2{color:var(--primary-color);margin-bottom:2rem;font-size:2rem}.popular-poems{padding:3rem 0;text-align:center}.popular-poems h2{color:var(--primary-color);margin-bottom:2rem;font-size:2rem}.poem-cards{display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:center;margin-bottom:2rem}.section-title{text-align:center;color:var(--primary-color);margin-bottom:2rem;font-size:2rem}.text-center{text-align:center}.mt-2{margin-top:2rem}.mb-2{margin-bottom:2rem}@media (max-width: 992px){.hero{flex-direction:column;text-align:center}.hero-content{margin-bottom:2rem}.hero-content p{margin:0 auto 2rem}.hero-buttons{justify-content:center}.footer-content>div{flex-basis:48%;margin-bottom:2rem}}@media (max-width: 768px){header{flex-direction:column}nav{margin-top:1.5rem}nav ul{flex-wrap:wrap;justify-content:center}nav ul li{margin:.5rem}.feature-cards{flex-direction:column}.feature-card{flex-basis:100%}.footer-content>div{flex-basis:100%}}@media (max-width: 480px){html{font-size:14px}.hero-buttons{flex-direction:column;width:100%}.btn{width:100%;margin-bottom:1rem}}.modal-overlay[data-v-8b8429e4]{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content[data-v-8b8429e4]{background-color:#fff;border-radius:8px;width:100%;max-width:450px;box-shadow:0 2px 10px #0003}.modal-header[data-v-8b8429e4]{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;border-bottom:1px solid #eee}.modal-header h2[data-v-8b8429e4]{margin:0;font-size:1.2rem;color:#333}.close-button[data-v-8b8429e4]{background:none;border:none;font-size:1.5rem;cursor:pointer;color:#999}.close-button[data-v-8b8429e4]:hover{color:#333}.modal-body[data-v-8b8429e4]{padding:1.5rem}.form-group[data-v-8b8429e4]{margin-bottom:1.2rem}.form-group label[data-v-8b8429e4]{display:block;margin-bottom:.5rem;font-weight:500;color:#555}.form-group input[data-v-8b8429e4]{width:100%;padding:.75rem;border:1px solid #ddd;border-radius:4px;font-size:1rem;background-color:#fff;transition:border-color .3s}.form-group input[data-v-8b8429e4]:focus{outline:none;border-color:#6c5ce7;box-shadow:0 0 0 2px #6c5ce71a}.modal-footer[data-v-8b8429e4]{display:flex;justify-content:flex-end;padding:1rem 1.5rem;border-top:1px solid #eee;gap:1rem}.cancel-button[data-v-8b8429e4]{padding:.5rem 1rem;background-color:#f1f1f1;border:none;border-radius:4px;cursor:pointer;color:#333;transition:background-color .3s}.cancel-button[data-v-8b8429e4]:hover:not(:disabled){background-color:#e1e1e1}.save-button[data-v-8b8429e4]{padding:.5rem 1rem;background-color:#6c5ce7;border:none;border-radius:4px;cursor:pointer;color:#fff;transition:background-color .3s}.save-button[data-v-8b8429e4]:hover:not(:disabled){background-color:#5a49e3}.save-button[data-v-8b8429e4]:disabled,.cancel-button[data-v-8b8429e4]:disabled{opacity:.6;cursor:not-allowed}.required[data-v-8b8429e4]{color:#e74c3c}.form-group input.error[data-v-8b8429e4]{border-color:#e74c3c;box-shadow:0 0 0 2px #e74c3c1a}.error-message[data-v-8b8429e4]{color:#e74c3c;font-size:.875rem;margin-top:.25rem}.help-text[data-v-8b8429e4]{color:#6c757d;font-size:.875rem;margin-top:.25rem}.success-message[data-v-8b8429e4]{background-color:#d4edda;border:1px solid #c3e6cb;color:#155724;padding:1rem;border-radius:4px;margin-bottom:1rem;display:flex;align-items:center;font-weight:500}.success-message i[data-v-8b8429e4]{margin-right:.5rem;color:#28a745}.modal-overlay[data-v-49a1168d]{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content[data-v-49a1168d]{background-color:#fff;border-radius:8px;width:100%;max-width:450px;box-shadow:0 2px 10px #0003}.modal-header[data-v-49a1168d]{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;border-bottom:1px solid #eee}.modal-header h2[data-v-49a1168d]{margin:0;font-size:1.2rem;color:#333}.close-button[data-v-49a1168d]{background:none;border:none;font-size:1.5rem;cursor:pointer;color:#999}.close-button[data-v-49a1168d]:hover{color:#333}.modal-body[data-v-49a1168d]{padding:1.5rem}.form-group[data-v-49a1168d]{margin-bottom:1.2rem}.form-group label[data-v-49a1168d]{display:block;margin-bottom:.5rem;font-weight:500;color:#555}.form-group input[data-v-49a1168d]{width:100%;padding:.75rem;border:1px solid #ddd;border-radius:4px;font-size:1rem;background-color:#fff;transition:border-color .3s}.form-group input[data-v-49a1168d]:focus{outline:none;border-color:#6c5ce7;box-shadow:0 0 0 2px #6c5ce71a}.modal-footer[data-v-49a1168d]{display:flex;justify-content:flex-end;padding:1rem 1.5rem;border-top:1px solid #eee;gap:1rem}.cancel-button[data-v-49a1168d]{padding:.5rem 1rem;background-color:#f1f1f1;border:none;border-radius:4px;cursor:pointer;color:#333;transition:background-color .3s}.cancel-button[data-v-49a1168d]:hover:not(:disabled){background-color:#e1e1e1}.save-button[data-v-49a1168d]{padding:.5rem 1rem;background-color:#6c5ce7;border:none;border-radius:4px;cursor:pointer;color:#fff;transition:background-color .3s}.save-button[data-v-49a1168d]:hover:not(:disabled){background-color:#5a49e3}.save-button[data-v-49a1168d]:disabled,.cancel-button[data-v-49a1168d]:disabled{opacity:.6;cursor:not-allowed}.required[data-v-49a1168d]{color:#e74c3c}.form-group input.error[data-v-49a1168d]{border-color:#e74c3c;box-shadow:0 0 0 2px #e74c3c1a}.error-message[data-v-49a1168d]{color:#e74c3c;font-size:.875rem;margin-top:.25rem}.help-text[data-v-49a1168d]{color:#6c757d;font-size:.875rem;margin-top:.25rem}.success-message[data-v-49a1168d]{background-color:#d4edda;border:1px solid #c3e6cb;color:#155724;padding:1rem;border-radius:4px;margin-bottom:1rem;display:flex;align-items:center;font-weight:500}.success-message i[data-v-49a1168d]{margin-right:.5rem;color:#28a745}.logo-placeholder[data-v-c3a108e2]{display:flex;align-items:center}.logo-placeholder i[data-v-c3a108e2]{font-size:2.5rem;margin-right:1rem;color:#6c5ce7}.login-status[data-v-c3a108e2]{margin-left:auto;position:relative}.login-status a[data-v-c3a108e2]{display:flex;align-items:center;margin-left:20px}.login-status i[data-v-c3a108e2]{margin-right:5px}.user-profile[data-v-c3a108e2]{cursor:pointer;position:relative}.user-info[data-v-c3a108e2]{display:flex;align-items:center;padding:0 10px}.username[data-v-c3a108e2]{margin-right:8px}.role-badge[data-v-c3a108e2]{background-color:#6c5ce7;color:#fff;font-size:.75rem;padding:2px 6px;border-radius:10px;margin-right:5px}.dropdown-arrow[data-v-c3a108e2]{font-size:.85rem;margin-left:5px}.dropdown-menu[data-v-c3a108e2]{position:absolute;top:100%;right:0;width:150px;background-color:#fff;border-radius:4px;box-shadow:0 2px 10px #0000001a;z-index:100;padding:8px 0;display:flex;flex-direction:column}.dropdown-menu a[data-v-c3a108e2]{display:block;padding:8px 16px;color:#333;text-decoration:none;margin:0}.dropdown-menu a[data-v-c3a108e2]:hover{background-color:#f5f5f5}.modify-info-btn[data-v-c3a108e2]{background:none;border:none;text-align:left;padding:8px 16px;color:#333;cursor:pointer;font-size:1rem;font-weight:500;width:100%;font-family:inherit}.modify-info-btn[data-v-c3a108e2]:hover{background-color:#f5f5f5}.logout-btn[data-v-c3a108e2]{background:none;border:none;text-align:left;padding:8px 16px;color:#e74c3c;cursor:pointer;font-size:1rem;width:100%}.logout-btn[data-v-c3a108e2]:hover{background-color:#f5f5f5}.footer-logo[data-v-ca53a00d]{display:flex;align-items:center}.footer-logo i[data-v-ca53a00d]{font-size:2rem;margin-right:1rem;color:#6c5ce7}.app-container{width:100%;min-height:100vh;display:flex;justify-content:center}