@import "https://fonts.googleapis.com/css2?family=Noto+Serif+TC:wght@400;500;600;700&family=Noto+Sans+TC:wght@300;400;500;700&display=swap";*{box-sizing:border-box}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}#root{width:100%;max-width:100%;min-height:100vh;margin:0 auto}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--primary:#c41e3a;--primary-light:#e85a71;--secondary:#2c3e50;--bg:#faf8f5;--card-bg:#fff;--text:#333;--text-light:#666;--border:#e0e0e0;--shadow:0 2px 8px #0000001a;--font-serif:"Noto Serif TC", "KaiTi", "STKaiti", serif;--font-sans:"Noto Sans TC", "PingFang SC", "Microsoft YaHei", sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background:var(--bg);color:var(--text);font-size:18px;line-height:1.8}.app{flex-direction:column;min-height:100vh;display:flex}.navbar{background:var(--card-bg);box-shadow:var(--shadow);z-index:100;position:sticky;top:0}.nav-container{justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;padding:1rem 2rem;display:flex}.nav-logo{color:var(--primary);font-size:1.8rem;font-weight:700;font-family:var(--font-serif);text-decoration:none}.nav-links{align-items:center;gap:1.5rem;font-size:1.1rem;display:flex}.nav-links a{color:var(--text);text-decoration:none;transition:color .2s}.nav-links a:hover{color:var(--primary)}.user-name{color:var(--text-light)}.btn-logout{border:1px solid var(--border);cursor:pointer;background:0 0;border-radius:6px;padding:.4rem 1rem;font-size:1rem;transition:all .2s}.btn-logout:hover{background:var(--primary);color:#fff;border-color:var(--primary)}.main-content{flex:1;width:100%;max-width:1200px;margin:0 auto;padding:2rem}.home{text-align:center}.hero-section{background:linear-gradient(135deg,#fff 0%,#f5f5f5 100%);border-radius:20px;margin-bottom:3rem;padding:4rem 0}.hero-section h1{color:var(--secondary);font-size:3rem;font-family:var(--font-serif);margin-bottom:1rem}.hero-section p{color:var(--text-light);margin-bottom:2.5rem;font-size:1.3rem}.hero-buttons{justify-content:center;gap:1.5rem;display:flex}.btn-primary{background:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:10px;padding:1rem 2rem;font-size:1.2rem;text-decoration:none;transition:background .2s}.btn-primary:hover{background:var(--primary-light)}.btn-primary:disabled{cursor:not-allowed;background:#ccc}.btn-secondary{background:var(--secondary);color:#fff;cursor:pointer;border:none;border-radius:10px;padding:1rem 2rem;font-size:1.2rem;text-decoration:none;transition:background .2s}.btn-secondary:hover{background:#34495e}.poem-card{background:var(--card-bg);box-shadow:var(--shadow);border-radius:16px;margin-bottom:2rem;padding:2rem}.poem-card.featured{border-left:6px solid var(--primary)}.poem-card h2{color:var(--primary);margin-bottom:1.5rem;font-size:2rem}.poem-title{color:var(--primary);font-size:1.8rem;font-family:var(--font-serif);margin-bottom:.5rem}.poem-author{color:var(--text-light);margin-bottom:1.5rem;font-size:1.1rem}.poem-text p{font-size:1.4rem;line-height:2.2;font-family:var(--font-serif);margin-bottom:.8rem}.features{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;margin-top:4rem;display:grid}.feature-card{background:var(--card-bg);box-shadow:var(--shadow);text-align:center;border-radius:16px;padding:2rem}.feature-card h3{color:var(--primary);font-size:1.5rem;font-family:var(--font-serif);margin-bottom:.8rem}.feature-card p{color:var(--text-light);font-size:1.1rem}.loading{text-align:center;color:var(--text-light);padding:3rem;font-size:1.2rem}.filters{flex-wrap:wrap;gap:1rem;margin-bottom:2.5rem;display:flex}.search-input,.theme-select{border:2px solid var(--border);min-width:220px;font-size:1.1rem;font-family:var(--font-sans);border-radius:10px;flex:1;padding:1rem 1.2rem}.search-input:focus,.theme-select:focus{border-color:var(--primary);outline:none}.poems-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.5rem;display:grid}.poem-card h3{color:var(--secondary);font-size:1.5rem;font-family:var(--font-serif);margin-bottom:.8rem}.poem-preview{color:var(--text-light);font-size:1rem;font-family:var(--font-serif)}.poem-detail{text-align:center;max-width:800px;margin:0 auto;padding:3rem}.poem-title-large{color:var(--primary)!important;font-size:3.5rem!important;font-family:var(--font-serif)!important;margin-bottom:1rem!important;font-weight:700!important}.poem-author-large{color:var(--text-light)!important;margin-bottom:2.5rem!important;font-size:1.5rem!important}.poem-full-text-large{font-family:var(--font-serif);background:var(--card-bg);box-shadow:var(--shadow);border-radius:20px;margin:3rem 0;padding:3rem;font-size:2.2rem;line-height:2.8}.poem-full-text-large p{margin-bottom:1.5rem}.poem-themes{flex-wrap:wrap;justify-content:center;gap:.8rem;margin-bottom:3rem;display:flex}.theme-tag{color:var(--text-light);background:#f5f5f5;border-radius:25px;padding:.5rem 1rem;font-size:1rem}.quiz-page{max-width:700px;margin:0 auto}.quiz-stats{background:var(--card-bg);border-radius:12px;justify-content:center;gap:3rem;margin-bottom:2rem;padding:1.5rem;font-size:1.2rem;display:flex}.quiz-card{background:var(--card-bg);box-shadow:var(--shadow);border-radius:16px;padding:2.5rem}.quiz-question{color:var(--secondary);margin-bottom:2rem;font-size:1.4rem}.quiz-options{flex-direction:column;gap:1rem;display:flex}.quiz-option{border:2px solid var(--border);cursor:pointer;text-align:left;background:#fff;border-radius:10px;padding:1.2rem;font-size:1.2rem;transition:all .2s}.quiz-option:hover{border-color:var(--primary-light)}.quiz-option.selected{border-color:var(--primary);background:#fff5f5}.quiz-result{text-align:center;border-radius:12px;padding:2rem;font-size:1.3rem}.quiz-result.correct{background:#e8f5e9}.quiz-result.wrong{background:#ffebee}.login-page{justify-content:center;align-items:center;min-height:60vh;display:flex}.login-card{background:var(--card-bg);box-shadow:var(--shadow);border-radius:16px;width:100%;max-width:450px;padding:3rem}.login-card h2{text-align:center;color:var(--secondary);margin-bottom:2rem;font-size:2rem}.login-card form{flex-direction:column;gap:1.2rem;display:flex}.login-card input{border:2px solid var(--border);font-size:1.1rem;font-family:var(--font-sans);border-radius:10px;padding:1rem}.login-card input:focus{border-color:var(--primary);outline:none}.login-card button{margin-top:1rem}.error{color:var(--primary);text-align:center;margin-bottom:1.5rem;font-size:1.1rem}.switch-mode{text-align:center;color:var(--text-light);margin-top:1.5rem}.switch-mode button{color:var(--primary);cursor:pointer;background:0 0;border:none;font-size:1.1rem;text-decoration:underline}.my-poems-page{grid-template-columns:1fr 1fr;gap:2rem;display:grid}@media (width<=900px){.my-poems-page{grid-template-columns:1fr}}.create-poem{background:var(--card-bg);box-shadow:var(--shadow);border-radius:16px;padding:2rem}.create-poem h3{color:var(--secondary);margin-bottom:1rem;font-size:1.5rem}.create-poem form{flex-direction:column;gap:1.2rem;margin-top:1.5rem;display:flex}.create-poem input,.create-poem textarea{border:2px solid var(--border);font-size:1.1rem;font-family:var(--font-sans);border-radius:10px;padding:1rem}.create-poem textarea{resize:vertical;min-height:180px}.create-poem input:focus,.create-poem textarea:focus{border-color:var(--primary);outline:none}.create-poem label{align-items:center;gap:.8rem;font-size:1.1rem;display:flex}.poems-list{background:var(--card-bg);box-shadow:var(--shadow);border-radius:16px;padding:2rem}.poems-list h3{color:var(--secondary);margin-bottom:1.5rem;font-size:1.5rem}.poem-item{border-bottom:1px solid var(--border);padding:1.5rem}.poem-item:last-child{border-bottom:none}.poem-item h4{color:var(--secondary);font-size:1.3rem;font-family:var(--font-serif);margin-bottom:.8rem}.poem-item p{font-family:var(--font-serif);margin-bottom:.8rem;font-size:1.1rem}.poem-status{color:var(--text-light);background:#f0f0f0;border-radius:6px;padding:.3rem .8rem;font-size:.9rem}@media (width<=768px){body{padding:0 10px;font-size:16px}.nav-container{flex-direction:column;gap:.8rem;padding:.8rem 1rem}.nav-logo{font-size:1.4rem}.nav-links{flex-wrap:wrap;justify-content:center;gap:.8rem;font-size:.9rem}.main-content{padding:1rem}.hero-section{margin-bottom:1.5rem;padding:2rem 1rem}.hero-section h1{font-size:1.8rem}.hero-section p{font-size:1rem}.hero-buttons{flex-direction:column;gap:.8rem}.btn-primary,.btn-secondary{text-align:center;width:100%;padding:.8rem 1.5rem;font-size:1rem}.poem-card{padding:1rem}.poem-title-large{font-size:1.8rem!important}.poem-author-large{font-size:1rem!important}.poem-full-text-large{margin:1.5rem 0;padding:1.5rem;font-size:1.3rem;line-height:2.2}.features{grid-template-columns:1fr;gap:1rem}.feature-card{padding:1rem}.poems-grid{grid-template-columns:1fr}}.modal-overlay{z-index:1000;background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-content{background:var(--card-bg);border-radius:12px;width:90%;max-width:600px;max-height:80vh;padding:2rem;position:relative;overflow-y:auto}.modal-close{cursor:pointer;color:var(--text-light);background:0 0;border:none;font-size:2rem;position:absolute;top:1rem;right:1rem}.modal-close:hover{color:var(--primary)}.poem-full-text{font-family:var(--font-serif);margin:1.5rem 0;font-size:1.3rem;line-height:2}.poem-full-text p{text-indent:2em}.poem-themes{color:var(--text-light);font-size:.9rem}.admin-page{max-width:1000px;margin:0 auto;padding:2rem}.admin-tabs{border-bottom:2px solid var(--border);gap:1rem;margin:1.5rem 0;display:flex}.admin-tabs button{cursor:pointer;color:var(--text-light);background:0 0;border:none;padding:.75rem 1.5rem;font-size:1rem}.admin-tabs button.active{color:var(--primary);border-bottom:2px solid var(--primary);margin-bottom:-2px}.admin-list{flex-direction:column;gap:.5rem;display:flex}.admin-item{background:var(--card-bg);box-shadow:var(--shadow);border-radius:8px;justify-content:space-between;align-items:center;padding:1rem;display:flex}.admin-item strong{font-size:1.1rem}.badge{background:var(--primary);color:#fff;border-radius:4px;margin-left:.5rem;padding:.2rem .5rem;font-size:.8rem}.admin-actions{gap:.5rem;display:flex}.btn-small{border:1px solid var(--border);cursor:pointer;background:#fff;border-radius:4px;padding:.4rem .8rem}.btn-small:hover{background:var(--bg)}.btn-small.btn-danger{color:#c0392b;border-color:#c0392b}.btn-small.btn-danger:hover{background:#fef2f2}.admin-link{color:var(--primary);font-weight:600}