@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Noto+Sans+TC:wght@400;500;700;900&display=swap";:root{--md-sys-color-background:#120b18;--md-sys-color-on-background:#e9e0eb;--md-sys-color-primary:#a85bc4;--md-sys-color-on-primary:#fff;--md-sys-color-primary-container:#4c1a59;--md-sys-color-on-primary-container:#f9d8ff;--md-sys-color-secondary:#745679;--md-sys-color-on-secondary:#fff;--md-sys-color-secondary-container:#2b1f36;--md-sys-color-on-secondary-container:#f0dbf2;--md-sys-color-surface:#191022;--md-sys-color-on-surface:#e9e0eb;--md-sys-color-surface-variant:#281c33;--md-sys-color-on-surface-variant:#d3c2d6;--md-sys-color-outline:#9c89a0;--md-sys-color-outline-variant:#4f3f54;--md-sys-color-error:#ffb4ab;--md-sys-color-on-error:#690005;--md-sys-color-success:#34d399;--md-sys-color-on-success:#003924;--md-sys-color-success-container:#005236;--md-sys-color-on-success-container:#6effc6;--font-sans:"Inter","Noto Sans TC",system-ui,-apple-system,sans-serif;--md-shape-corner-small:8px;--md-shape-corner-medium:12px;--md-shape-corner-large:16px;--md-shape-corner-full:9999px;--transition-fast:.15s cubic-bezier(.2,0,0,1);--transition-normal:.3s cubic-bezier(.2,0,0,1)}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--md-sys-color-background);color:var(--md-sys-color-on-background);font-family:var(--font-sans);line-height:1.6;overflow-x:hidden;min-height:100vh}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--md-sys-color-background)}::-webkit-scrollbar-thumb{background:var(--md-sys-color-outline-variant);border-radius:var(--md-shape-corner-full)}::-webkit-scrollbar-thumb:hover{background:var(--md-sys-color-outline)}.app-container{max-width:1000px;margin:0 auto;padding:2.5rem 1.5rem;min-height:100vh;display:flex;flex-direction:column}.main-content{flex:1;display:flex;flex-direction:column}.app-header{justify-content:space-between;padding-bottom:1.5rem;border-bottom:1px solid var(--md-sys-color-outline-variant);margin-bottom:2.5rem}.app-header,.app-logo{display:flex;align-items:center}.app-logo{font-weight:700;font-size:1.6rem;color:var(--md-sys-color-primary);letter-spacing:-.02em}.app-logo,.nav-link{text-decoration:none;gap:.5rem}.nav-link{color:var(--md-sys-color-on-surface-variant);font-weight:500;font-size:.95rem;padding:.5rem 1rem;border-radius:var(--md-shape-corner-full);transition:var(--transition-fast);display:flex;align-items:center;border:1px solid transparent}.nav-link:hover{color:var(--md-sys-color-on-surface);background:#ffffff0a}.nav-link.active{color:var(--md-sys-color-on-primary-container);background:var(--md-sys-color-primary-container)}h1,h2,h3,h4{font-weight:700;letter-spacing:-.01em;margin-bottom:1rem;color:var(--md-sys-color-on-background)}p{color:var(--md-sys-color-on-surface-variant);margin-bottom:1.5rem}.glass-card{background:var(--md-sys-color-surface);border:1px solid var(--md-sys-color-outline-variant);border-radius:var(--md-shape-corner-large);padding:2.5rem;box-shadow:none;transition:var(--transition-normal)}.glass-card:hover{border-color:var(--md-sys-color-outline)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.75rem 1.5rem;font-family:var(--font-sans);font-size:.95rem;font-weight:500;border-radius:var(--md-shape-corner-full);border:1px solid transparent;cursor:pointer;transition:var(--transition-fast);text-decoration:none;gap:.5rem}.btn-primary{background:var(--md-sys-color-primary);color:var(--md-sys-color-on-primary)}.btn-primary:hover{filter:brightness(1.08);box-shadow:0 1px 3px #0003}.btn-primary:disabled{background:var(--md-sys-color-outline-variant);color:var(--md-sys-color-outline);cursor:not-allowed;filter:none;box-shadow:none;opacity:.5}.btn-secondary{background:transparent;color:var(--md-sys-color-primary);border:1px solid var(--md-sys-color-outline)}.btn-secondary:hover{background:#a85bc40d;border-color:var(--md-sys-color-primary)}.btn-danger{background:transparent;color:var(--md-sys-color-error);border:1px solid var(--md-sys-color-outline-variant)}.btn-danger:hover{background:#ef444414;border-color:var(--md-sys-color-error)}.form-group{margin-bottom:1.5rem}.form-label{display:block;font-weight:500;color:var(--md-sys-color-on-surface);margin-bottom:.5rem;font-size:.9rem}.form-input,.form-select,.form-textarea{width:100%;padding:.75rem 1rem;background:transparent;border:1px solid var(--md-sys-color-outline);border-radius:var(--md-shape-corner-small);color:var(--md-sys-color-on-background);font-family:var(--font-sans);font-size:1rem;transition:var(--transition-fast)}.form-input:focus,.form-select:focus,.form-textarea:focus{outline:none;border-color:var(--md-sys-color-primary);border-width:2px;padding:.72rem .97rem}.form-textarea{min-height:120px;resize:vertical}.progress-container{width:100%;background:var(--md-sys-color-surface-variant);height:8px;overflow:hidden;margin-bottom:1.5rem}.progress-bar,.progress-container{border-radius:var(--md-shape-corner-full)}.progress-bar{background:var(--md-sys-color-primary);height:100%;transition:width .4s cubic-bezier(.2,0,0,1)}.badge{display:inline-flex;align-items:center;padding:.25rem .6rem;border-radius:var(--md-shape-corner-small);font-size:.75rem;font-weight:600}.badge-primary{background:var(--md-sys-color-primary-container);color:var(--md-sys-color-on-primary-container)}.badge-success{background:var(--md-sys-color-success-container);color:var(--md-sys-color-on-success-container)}.badge-warning{background:var(--md-sys-color-secondary-container);color:var(--md-sys-color-on-secondary-container)}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fadeIn .4s cubic-bezier(.2,0,0,1) forwards}.story-output-text{font-size:1.25rem;line-height:1.8;color:var(--md-sys-color-on-background);text-align:justify}.story-output-text u{text-underline-offset:4px;text-decoration-thickness:3px;text-decoration-color:var(--md-sys-color-primary);color:var(--md-sys-color-primary);font-weight:600;padding:0 2px;text-decoration-line:underline;text-decoration-style:solid}