@layer theme{:root,:host{--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--radius-sm:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--shadow-sm:0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--default-font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components,utilities;:root{--wechat-green:#07c160;--wechat-green-hover:#06ad56;--wechat-green-light:#e7f7ee;--bg-primary:#ededed;--bg-secondary:#fff;--bg-chat:#f5f5f5;--text-primary:#181818;--text-secondary:#888;--text-tertiary:#b2b2b2;--text-link:#576b95;--border-color:#d9d9d9;--divider-color:#e5e5e5;--bubble-self:#95ec69;--bubble-other:#fff;--shadow-sm:0 1px 3px #00000014;--shadow-md:0 4px 12px #0000001a;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:16px;--spacing-lg:24px;--spacing-xl:32px;--radius-sm:4px;--radius-md:8px;--radius-lg:16px;--radius-full:9999px;--font-size-xs:12px;--font-size-sm:14px;--font-size-base:16px;--font-size-lg:18px;--font-size-xl:24px;--font-size-2xl:32px}*{box-sizing:border-box}html{-webkit-tap-highlight-color:transparent;font-size:16px}body{background:var(--bg-primary);color:var(--text-primary);min-height:100vh;margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.5}.container{width:100%;max-width:640px;padding:0 var(--spacing-md);margin:0 auto}.card{background:var(--bg-secondary);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:var(--spacing-lg)}.btn{justify-content:center;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md)var(--spacing-lg);font-size:var(--font-size-base);border-radius:var(--radius-md);cursor:pointer;border:none;outline:none;font-weight:500;transition:all .2s;display:inline-flex}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-primary{background:var(--wechat-green);color:#fff}.btn-primary:hover:not(:disabled){background:var(--wechat-green-hover)}.btn-primary:active:not(:disabled){transform:scale(.98)}.btn-secondary{background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-color)}.btn-secondary:hover:not(:disabled){background:var(--bg-primary)}.input,.textarea{width:100%;padding:var(--spacing-md);font-size:var(--font-size-base);color:var(--text-primary);background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);outline:none;transition:border-color .2s}.input:focus,.textarea:focus{border-color:var(--wechat-green)}.textarea{resize:none;min-height:120px;line-height:1.6}.slider{appearance:none;background:var(--border-color);border-radius:var(--radius-full);outline:none;width:100%;height:6px}.slider::-webkit-slider-thumb{appearance:none;background:var(--wechat-green);cursor:pointer;width:24px;height:24px;box-shadow:var(--shadow-md);border-radius:50%;transition:transform .2s}.slider::-webkit-slider-thumb:hover{transform:scale(1.1)}.slider::-moz-range-thumb{background:var(--wechat-green);cursor:pointer;width:24px;height:24px;box-shadow:var(--shadow-md);border:none;border-radius:50%}.bubble{padding:var(--spacing-md);border-radius:var(--radius-lg);word-break:break-word;line-height:1.6;position:relative}.bubble-self{background:var(--bubble-self);color:var(--text-primary)}.bubble-other{background:var(--bubble-other);color:var(--text-primary);box-shadow:var(--shadow-sm)}.spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:20px;height:20px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.dots-loading{gap:4px;display:flex}.dots-loading span{background:var(--wechat-green);border-radius:50%;width:8px;height:8px;animation:1.4s ease-in-out infinite bounce}.dots-loading span:first-child{animation-delay:-.32s}.dots-loading span:nth-child(2){animation-delay:-.16s}.dots-loading span:nth-child(3){animation-delay:0s}@keyframes bounce{0%,to{animation-timing-function:cubic-bezier(.8,0,1,1);transform:translateY(-25%)}50%{animation-timing-function:cubic-bezier(0,0,.2,1);transform:none}}.fade-in{animation:.3s fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-tertiary{color:var(--text-tertiary)}.text-green{color:var(--wechat-green)}.font-bold{font-weight:700}.font-medium{font-weight:500}.mt-sm{margin-top:var(--spacing-sm)}.mt-md{margin-top:var(--spacing-md)}.mt-lg{margin-top:var(--spacing-lg)}.mt-xl{margin-top:var(--spacing-xl)}.mb-sm{margin-bottom:var(--spacing-sm)}.mb-md{margin-bottom:var(--spacing-md)}.mb-lg{margin-bottom:var(--spacing-lg)}.mb-xl{margin-bottom:var(--spacing-xl)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-sm{gap:var(--spacing-sm)}.gap-md{gap:var(--spacing-md)}.gap-lg{gap:var(--spacing-lg)}.w-full{width:100%}.page{background:var(--bg-primary);min-height:100vh;padding:var(--spacing-md)}.main{max-width:480px;padding-bottom:var(--spacing-xl);margin:0 auto}.header{text-align:center;padding:var(--spacing-xl)0}.title{justify-content:center;align-items:center;gap:var(--spacing-sm);font-size:var(--font-size-2xl);color:var(--text-primary);margin:0 0 var(--spacing-sm)0;font-weight:700;display:flex}.title-emoji{font-size:36px}.subtitle{font-size:var(--font-size-base);color:var(--text-secondary);margin:0}.input-section{gap:var(--spacing-lg);flex-direction:column;display:flex}.slider-wrapper{padding-top:var(--spacing-sm)}.reset-button{justify-content:center;align-items:center;gap:var(--spacing-sm);width:100%;margin-top:var(--spacing-lg);padding:var(--spacing-md);font-size:var(--font-size-base);color:var(--text-secondary);border:1px dashed var(--border-color);border-radius:var(--radius-lg);cursor:pointer;background:0 0;font-weight:500;transition:all .2s;display:flex}.reset-button:hover{background:var(--bg-secondary);border-color:var(--wechat-green);color:var(--wechat-green)}.footer{text-align:center;margin-top:var(--spacing-xl)}.footer-text{font-size:var(--font-size-sm);color:var(--text-tertiary);margin:0}@media (min-width:640px){.page{padding:var(--spacing-xl)}.header{padding:var(--spacing-xl)0 var(--spacing-lg)0}.title{font-size:40px}.title-emoji{font-size:44px}}.argument-input{width:100%}.input-label{font-size:var(--font-size-base);color:var(--text-primary);margin-bottom:var(--spacing-sm);font-weight:500;display:block}.input-wrapper{position:relative}.argument-input .textarea{width:100%;min-height:120px;padding:var(--spacing-md);padding-bottom:calc(var(--spacing-md) + 24px);font-size:var(--font-size-base);color:var(--text-primary);background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);resize:none;outline:none;line-height:1.6;transition:border-color .2s,box-shadow .2s}.argument-input .textarea:focus{border-color:var(--wechat-green);box-shadow:0 0 0 3px var(--wechat-green-light)}.argument-input .textarea:disabled{background:var(--bg-primary);cursor:not-allowed}.argument-input .textarea::placeholder{color:var(--text-tertiary)}.char-count{right:var(--spacing-md);bottom:var(--spacing-sm);font-size:var(--font-size-xs);color:var(--text-tertiary);position:absolute}.char-count.near-limit{color:#f56c6c}.intensity-slider{width:100%}.slider-header{margin-bottom:var(--spacing-md);justify-content:space-between;align-items:center;display:flex}.slider-label{font-size:var(--font-size-base);color:var(--text-primary);font-weight:500}.intensity-badge{align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs)var(--spacing-sm);border-radius:var(--radius-full);color:#fff;font-size:var(--font-size-sm);font-weight:500;transition:background-color .3s;display:flex}.intensity-emoji{font-size:16px}.intensity-text{text-align:center;min-width:32px}.slider-container{position:relative}.intensity-slider .slider{appearance:none;border-radius:var(--radius-full);cursor:pointer;outline:none;width:100%;height:8px;transition:background .3s}.intensity-slider .slider:disabled{opacity:.5;cursor:not-allowed}.intensity-slider .slider::-webkit-slider-thumb{appearance:none;border:3px solid var(--wechat-green);cursor:pointer;background:#fff;border-radius:50%;width:28px;height:28px;transition:transform .2s,border-color .3s;box-shadow:0 2px 8px #00000026}.intensity-slider .slider::-webkit-slider-thumb:hover{transform:scale(1.1)}.intensity-slider .slider::-moz-range-thumb{border:3px solid var(--wechat-green);cursor:pointer;background:#fff;border-radius:50%;width:24px;height:24px;box-shadow:0 2px 8px #00000026}.slider-marks{margin-top:var(--spacing-sm);justify-content:space-between;padding:0 4px;display:flex}.mark{font-size:var(--font-size-xs);color:var(--text-tertiary);transition:color .2s}.mark.active{color:var(--wechat-green);font-weight:600}.generate-button{justify-content:center;align-items:center;gap:var(--spacing-sm);width:100%;padding:var(--spacing-md)var(--spacing-lg);font-size:var(--font-size-lg);color:#fff;background:var(--wechat-green);border-radius:var(--radius-lg);cursor:pointer;border:none;outline:none;font-weight:600;transition:all .2s;display:flex}.generate-button:hover:not(:disabled){background:var(--wechat-green-hover);transform:translateY(-1px);box-shadow:0 4px 12px #07c16066}.generate-button:active:not(:disabled){box-shadow:none;transform:translateY(0)}.generate-button:disabled{opacity:.7;cursor:not-allowed}.generate-button .icon{font-size:20px}.generate-button .spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:20px;height:20px;animation:.8s linear infinite spin}.response-list{margin-top:var(--spacing-lg)}.loading-state{padding:var(--spacing-xl);background:var(--bg-secondary);border-radius:var(--radius-lg);flex-direction:column;justify-content:center;align-items:center;display:flex}.loading-animation{margin-bottom:var(--spacing-md)}.loading-state .dots-loading{gap:6px;display:flex}.loading-state .dots-loading span{background:var(--wechat-green);border-radius:50%;width:12px;height:12px;animation:1.4s ease-in-out infinite bounce}.loading-text{font-size:var(--font-size-base);color:var(--text-secondary);margin:0}.error-state{padding:var(--spacing-xl);border-radius:var(--radius-lg);background:#fef0f0;border:1px solid #f56c6c;flex-direction:column;justify-content:center;align-items:center;display:flex}.error-icon{margin-bottom:var(--spacing-sm);font-size:32px}.error-text{font-size:var(--font-size-base);color:#f56c6c;text-align:center;margin:0}.list-title{align-items:center;gap:var(--spacing-sm);font-size:var(--font-size-lg);color:var(--text-primary);margin:0 0 var(--spacing-md)0;font-weight:600;display:flex}.list-title .title-icon{font-size:20px}.responses{gap:var(--spacing-md);flex-direction:column;display:flex}.response-card{opacity:0;animation:.3s forwards fadeIn}.card-header{margin-bottom:var(--spacing-sm);justify-content:space-between;align-items:center;display:flex}.card-index{font-size:var(--font-size-sm);color:var(--text-secondary);font-weight:500}.copy-button{padding:var(--spacing-xs)var(--spacing-sm);font-size:var(--font-size-xs);color:var(--text-secondary);border:1px solid var(--border-color);border-radius:var(--radius-sm);cursor:pointer;background:0 0;align-items:center;gap:4px;transition:all .2s;display:flex}.copy-button:hover{background:var(--bg-primary);border-color:var(--wechat-green);color:var(--wechat-green)}.copy-icon{font-size:12px}.card-content{padding:var(--spacing-md);font-size:var(--font-size-base);border-radius:var(--radius-lg);word-break:break-word;line-height:1.6}.card-content.bubble-self{background:var(--bubble-self);color:var(--text-primary)}