.main-container{display:flex;flex:1;flex-direction:column;align-items:center;padding:2vh 6vw;overflow-y:auto}.main-container.has-image{--mask-color: color-mix(in srgb, var(--bg-color) 80%, transparent);background-image:linear-gradient(var(--mask-color),var(--mask-color)),var(--bg-image);background-size:cover;background-position:center;background-repeat:no-repeat}.content-area,.select-area,.input-area{width:100%;max-width:840px}.welcome-screen{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;color:var(--theme-color);min-height:40vh;font-size:24px;font-weight:600;margin-bottom:30px}.welcome-text{position:relative}.welcome-text.loading{animation:breathing 2s infinite ease-in-out}.content-area{display:flex;flex-direction:column;padding:16px 0;margin:0}.content-area p{text-indent:2em;line-height:1.5}.if-image{display:flex;width:100%;object-fit:cover;border:var(--default-border);border-radius:6px;justify-content:center}.if-content{position:relative;padding:0;margin:0}.delete-this{width:32px;height:32px;font-size:16px;color:var(--theme-color-transparent);background-color:transparent;position:absolute;padding:0;margin:0;top:0;right:0;border:none;outline:none;cursor:pointer;opacity:0;pointer-events:none}.delete-this:hover{color:var(--theme-color);background-color:var(--hover-bg)}.if-content:hover .delete-this{opacity:1;pointer-events:auto}.chapter-title{display:flex;justify-content:center;align-items:center;width:100%;margin:24px 0 16px;text-align:center}.chapter-title span{position:relative;font-family:"Noto Serif CJK SC",Songti SC,SimSun,serif;font-size:20px;font-weight:600;color:var(--theme-color);padding-bottom:.5em;letter-spacing:.1em}.chapter-title span:after{content:"";position:absolute;bottom:0;left:0%;width:100%;height:2px;background:linear-gradient(to right,transparent,var(--theme-color) 20%,var(--theme-color) 80%,transparent);opacity:.7}.select-area{padding:0;margin:0}.input-area,.select-item,.select-back{display:flex;flex-direction:row;border:var(--default-border);border-radius:24px;padding:8px;box-shadow:var(--default-shadow);margin-bottom:8px}.select-item p,.select-back p{padding-top:6px;padding-left:12px;min-height:32px}.selected{background-color:var(--theme-color);animation:pulse 2s infinite ease-in-out}.if-content:hover,.select-item:not(.selected):hover,.select-back:hover{background-color:var(--hover-bg)}.select-item:hover,.select-back:hover{cursor:pointer}#inputArea.hidden{display:none}#messageInput{width:100%;border:none;outline:none;resize:none;padding-left:12px;padding-top:6px;min-height:32px;display:flex;align-items:center;background-color:transparent;color:var(--text-color);caret-color:var(--text-color)}#messageInput::placeholder{color:var(--text-color)}.content-area p,.select-item p,.select-back p,#messageInput{font-size:16px;font-family:"Noto Serif CJK SC",Songti SC,SimSun,serif,Segoe UI,Microsoft YaHei}.input-actions{display:flex;justify-content:space-between;align-items:center}.send-btn{background:var(--theme-color);color:#fff;border:none;width:32px;height:32px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center}.left-actions,.right-actions{display:flex;gap:10px}.action-btn{background:transparent;border:var(--default-border);padding:6px 12px;border-radius:20px;color:var(--text-muted);cursor:pointer;font-size:12px}.action-btn:hover{background:var(--hover-bg)}.icon-btn{background:transparent;border:none;color:var(--text-muted);cursor:pointer;font-size:16px}.sidebar-empty{width:0px;min-width:0px;transition:all .3s ease}.sidebar-header-empty{display:flex;height:60px}.logo-area{display:flex;align-items:center;gap:8px;color:var(--theme-color);font-weight:700}.header-actions{display:flex;color:var(--text-color)}.sidebar-header{padding:16px;display:flex;justify-content:space-between;align-items:center;height:60px;width:260px;background-color:var(--sidebar-bg-color);border-right:var(--default-border);border-bottom:var(--default-border);font-size:16px;position:fixed;top:0;left:-164px;z-index:30;border-radius:0 30px 30px 0;transition:left .3s ease,border-radius .3s ease}.sidebar{padding-top:16px;width:260px;height:100%;background-color:var(--sidebar-bg-color);border-right:var(--default-border);display:flex;flex-direction:column;flex-shrink:0;position:fixed;left:-100%;z-index:10;transition:left .3s ease}.sidebar-empty.expanded{width:260px;min-width:260px}.sidebar.expanded{left:0}.sidebar-header.expanded{left:0;border-radius:0}.new-fiction-btn{margin:0 20px;padding:10px 0;background:transparent;border:var(--default-border);border-radius:20px;color:var(--text-color);font-size:14px;cursor:pointer;min-width:220px}.new-fiction-btn:hover{background:var(--hover-bg)}.history-container{flex:1;overflow-y:auto;padding:20px}.empty-history{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:var(--text-color);font-size:12px;gap:10px}.history-item{display:flex;justify-content:space-between;align-items:center;padding:6px;border-radius:8px;cursor:pointer;font-size:14px}.history-item-title{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-right:.5em}.history-item .sidebar-button{opacity:0}.history-item:hover .sidebar-button{opacity:1}.history-item.active{background-color:#eef2ff;color:var(--theme-color)}.history-item:hover:not(.active){background-color:var(--hover-bg)}.others{padding:8px 16px;display:flex;align-items:center;gap:10px;border-top:var(--default-border)}.others-info{display:flex;flex-direction:column;flex-grow:1;font-size:12px;color:var(--text-color);align-items:flex-start}.others-info a{color:var(--text-color);text-decoration:none}.others-info a:hover,#about:hover{background-color:var(--hover-bg);cursor:pointer}.sidebar-button{width:32px;height:32px;font-size:16px;color:var(--text-color);border-radius:50%;border:0;background-color:transparent}.sidebar-button:hover{background-color:var(--hover-bg);cursor:pointer}@keyframes breathing{0%,to{opacity:.6}50%{opacity:1}}@keyframes spin{0%{transform:rotate(0)}50%{transform:rotate(180deg)}to{transform:rotate(360deg)}}@property --theme-color{syntax: "<color>"; inherits: true; initial-value: #4d6bfe;}@property --text-color{syntax: "<color>"; inherits: true; initial-value: #333333;}@property --bg-color{syntax: "<color>"; inherits: true; initial-value: #ffffff;}@property --sidebar-bg-color{syntax: "<color>"; inherits: true; initial-value: #f9fafb;}@property --border-color{syntax: "<color>"; inherits: true; initial-value: #e5e5e5;}:root{--theme-color-transparent: color-mix(in srgb, var(--theme-color) 60%, transparent);--text-color-transparent: color-mix(in srgb, var(--text-color) 80%, transparent);transition:--theme-color .3s ease,--text-color .3s ease,--bg-color .3s ease,--sidebar-bg-color .3s ease,--border-color .3s ease;--hover-bg: #00000022;--default-border: 1px solid var(--border-color);--default-shadow: 0 4px 6px -1px rgba(0, 0, 0, .05)}*{box-sizing:border-box;margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}body{background-color:var(--bg-color);color:var(--text-color);height:100vh;overflow:hidden}.app-container{display:flex;height:100%;width:100%;margin:0;padding:0}.old-text{opacity:1}.new-text{opacity:0}.old-text,.new-text.loading{position:relative;transition:all .6s linear}.new-text,.old-text.loading{position:absolute;left:0;top:0;width:100%;overflow:hidden;white-space:nowrap;transition:all .6s linear}.old-text.loading{animation:erase-old 2s linear forwards}.new-text.loading{animation:reveal-new 2s linear forwards}@keyframes erase-old{0%{clip-path:inset(0 0 0 0);opacity:1}50%{clip-path:inset(0 0 0 100%);opacity:0}to{clip-path:inset(0 0 0 100%);opacity:0}}@keyframes reveal-new{0%{clip-path:inset(0 100% 0 0);opacity:0}50%{clip-path:inset(0 100% 0 0);opacity:0}to{clip-path:inset(0 0 0 0);opacity:1}}@keyframes pulse{0%{box-shadow:0 0 0 0 var(--theme-color)}70%{box-shadow:0 0 0 4px var(--theme-color-transparent)}to{box-shadow:0 0 0 6px transparent}}.backdrop{--modal-content-line-height: 44px;--modal-content-button-width: 66px;--gap-x1: 8px;--gap-x2: 16px;--gap-x3: 24px;--gap-half: 4px;--error-color: #dc3545;--radius-tiny: 4px;--radius-small: 6px;position:fixed;z-index:1000;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:var(--hover-bg);display:flex;justify-content:center;align-items:center}.modal{position:absolute;color:var(--text-color);background-color:var(--bg-color);width:80vw;max-width:400px;border-radius:var(--radius-small);border:var(--default-border)}.modal-content{padding:24px}.modal-content strong,.modal-content span{display:block;margin-bottom:var(--gap-x2);color:var(--text-color)}.modal-item{position:relative}.modal-item label{display:block;margin-bottom:var(--gap-x1);font-weight:600;font-size:.95em;color:var(--text-color)}.modal-item input,.modal-item select{width:100%;margin-bottom:var(--gap-x3);height:var(--modal-content-line-height);border:var(--default-border);border-radius:var(--radius-tiny);font-size:1em;background-color:var(--sidebar-bg-color);color:var(--text-color);transition:all .3s}.modal-item input::placeholder,.modal-item select::placeholder{color:var(--text-color-transparent)}.modal-item input:focus,.modal-item select:focus{outline:none;border-color:var(--theme-color);box-shadow:var(--default-shadow)}.modal-item input.error:focus,.modal-item select.error:focus{border-color:var(--error-color)}.modal-buttons{display:flex;flex-direction:row;gap:var(--gap-x2);justify-content:flex-end}.modal-button{height:var(--modal-content-line-height);width:var(--modal-content-button-width);border:none;border-radius:var(--radius-small);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;font-size:.95em;font-weight:600;text-align:center;letter-spacing:.1em;transition:transform .2s ease}.modal-button.confirm{background-color:var(--theme-color);color:#fff}.modal-button.cancel{background-color:#f3f4f6;color:#4b5563;border:1px solid #d1d5db}.modal-button.delete{background-color:#ef4444;color:#fff}.modal-button:hover{transform:translateY(-2px)}.error-message{position:absolute;left:0;bottom:var(--gap-half);padding:0;margin:0;color:var(--error-color);font-size:12px;pointer-events:none}.card-icon{font-size:20px;margin-right:12px;padding-top:2px}.card-content{flex:1}.card-title{font-size:14px;font-weight:700;color:var(--text-color);margin-bottom:4px}.card-desc{font-size:12px;color:var(--text-color-transparent);line-height:1.4;margin-bottom:6px}.card-meta{font-size:12px;color:var(--theme-color);font-family:Courier New,monospace;font-weight:700;opacity:.8}.option-card{display:flex;align-items:flex-start;padding:12px;border:var(--default-border);border-radius:var(--radius-small);text-decoration:none;transition:all .2s ease;background:var(--bg-color);margin-bottom:12px;-webkit-user-select:none;user-select:none;cursor:pointer}.option-card:hover{transform:translateY(-2px);animation:pulse 2s infinite ease-in-out}.option-card:active{transform:translateY(0)}.option-card.active{background:var(--theme-color-transparent);animation:pulse 2s infinite ease-in-out}