AI 瑙ｆⅵ 路姊﹀瑙ｆ瀽路鍛ㄥ叕瑙ｆⅵ 路榫欐収浜?/title> <meta name="description" content="AI姊﹀瑙ｆ瀽宸ュ叿锛岃緭鍏ヤ綘鐨勬ⅵ澧冨唴瀹癸紝AI鏅鸿兘鍒嗘瀽姊﹀瀵撴剰銆傛兜鐩栧父瑙佹ⅵ澧冭薄寰佹剰涔夈€佸績鐞嗘殫绀鸿В璇伙紝榫欐収浜慉I瑙ｆⅵ銆?> <meta name="keywords" content="AI瑙ｆⅵ,姊﹀瑙ｆ瀽,鍛ㄥ叕瑙ｆⅵ,鍋氭ⅵ,姊︾殑鍚箟,姊︾殑棰勭ず,姊﹀鍒嗘瀽,鍦ㄧ嚎瑙ｆⅵ,AI鍛ㄥ叕瑙ｆⅵ,榫欐収浜?> <meta name="author" content="榫欐収浜戠鎶€"> <meta name="robots" content="index, follow"> <link rel="apple-touch-icon" href="/icon-192.png"> <link rel="manifest" href="/manifest.json"> <link rel="canonical" href="https://榫欐収浜?com/dream.html"> <meta name="theme-color" content="#6B21A8"> <meta property="og:type" content="website"> <meta property="og:site_name" content="榫欐収浜?> <meta property="og:title" content="AI 瑙ｆⅵ 路姊﹀瑙ｆ瀽路榫欐収浜?> <meta property="og:description" content="AI姊﹀瑙ｆ瀽宸ュ叿锛岃緭鍏ヤ綘鐨勬ⅵ澧冨唴瀹癸紝AI鏅鸿兘鍒嗘瀽姊﹀瀵撴剰銆?> <meta property="og:image" content="https://lhy-h5.pages.dev/og-cover.jpg"> <meta property="og:image:width" content="900"> <meta property="og:image:height" content="471"> <meta property="og:image:type" content="image/jpeg"> <meta property="og:url" content="https://榫欐収浜?com/dream.html"> <meta property="og:locale" content="zh_CN"> <meta name="twitter:card" content="summary"> <meta name="twitter:title" content="AI 瑙ｆⅵ 路姊﹀瑙ｆ瀽路榫欐収浜?> <meta name="twitter:description" content="AI姊﹀瑙ｆ瀽宸ュ叿锛岃緭鍏ユⅵ澧冨唴瀹癸紝AI鏅鸿兘鍒嗘瀽姊﹀瀵撴剰銆?> <link rel="stylesheet" href="/css/tech-ui.css?v=20260721c"> <link rel="stylesheet" href="/css/lh-design.css?v=20260721c"> <link rel="stylesheet" href="/css/lh-clean-override.css?v=20260721c"> <link rel="stylesheet" href="/css/lh-mp-theme.css?v=20260722"> <link rel="stylesheet" href="/js/pricing.css"> <style> :root { --dream-purple: #7C3AED; --dream-indigo: #4338CA; --dream-dark: #0F0B1E; --dream-accent: #A78BFA; --dream-glow: #C4B5FD; --dream-card-bg: rgba(255,255,255,0.06); --dream-card-border: rgba(255,255,255,0.1); } body { background: linear-gradient(160deg, #0F0B1E 0%, #1E102F 25%, #1A1543 50%, #0F172A 100%); min-height: 100vh; color: #E2E8F0; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; } /* 鏄熺┖绮掑瓙 */ body::before { content: ''; position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-image: radial-gradient(2px 2px at 20px 30px, rgba(255,255,255,0.3), transparent), radial-gradient(2px 2px at 40px 70px, rgba(255,255,255,0.2), transparent), radial-gradient(1px 1px at 90px 40px, rgba(255,255,255,0.4), transparent), radial-gradient(2px 2px at 160px 120px, rgba(255,255,255,0.3), transparent), radial-gradient(1px 1px at 200px 50px, rgba(255,255,255,0.2), transparent), radial-gradient(2px 2px at 80px 200px, rgba(255,255,255,0.3), transparent), radial-gradient(1px 1px at 300px 80px, rgba(255,255,255,0.2), transparent), radial-gradient(2px 2px at 250px 180px, rgba(255,255,255,0.3), transparent), radial-gradient(1px 1px at 120px 250px, rgba(255,255,255,0.2), transparent), radial-gradient(2px 2px at 350px 140px, rgba(255,255,255,0.3), transparent); background-size: 400px 300px; background-repeat: repeat; pointer-events: none; z-index: 0; opacity: 0.6; } .app-container { position: relative; z-index: 1; max-width: 520px; margin: 0 auto; padding: 20px 16px 40px; } .app-header { text-align: center; padding: 24px 0 8px; } .app-header .moon-icon { width: 72px; height: 72px; margin: 0 auto 12px; background: linear-gradient(135deg, #FBBF24, #B453F7); border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 36px; box-shadow: 0 0 40px rgba(167,139,250,0.3); } .app-header h1 { font-size: 26px; font-weight: 700; color: #fff; margin: 0 0 4px; text-shadow: 0 0 20px rgba(196,181,253,0.3); } .app-header p { font-size: 14px; color: rgba(255,255,255,0.55); margin: 0; } .service-count { font-size: 12px; color: rgba(167,139,250,0.5); margin-top: 4px; } /* 姊﹀杈撳叆鍖?*/ .dream-input-card { background: var(--dream-card-bg); backdrop-filter: blur(12px); border: 1px solid var(--dream-card-border); border-radius: 20px; padding: 24px 20px; margin: 24px 0 16px; } .dream-input-card label { display: block; font-size: 15px; font-weight: 600; color: rgba(255,255,255,0.85); margin-bottom: 10px; } .dream-input-card textarea { width: 100%; min-height: 140px; padding: 14px 16px; font-size: 15px; line-height: 1.6; color: #E2E8F0; background: rgba(0,0,0,0.3); border: 1px solid rgba(255,255,255,0.12); border-radius: 14px; resize: none; outline: none; transition: border-color 0.2s; font-family: inherit; box-sizing: border-box; } .dream-input-card textarea:focus { border-color: var(--dream-accent); box-shadow: 0 0 16px rgba(167,139,250,0.15); } .dream-input-card textarea::placeholder { color: rgba(255,255,255,0.3); } .dream-tips { display: flex; flex-wrap: wrap; gap: 8px; margin: 14px 0 0; } .dream-tip-btn { padding: 6px 14px; font-size: 13px; color: rgba(255,255,255,0.55); background: rgba(255,255,255,0.06); border: 1px solid rgba(255,255,255,0.08); border-radius: 20px; cursor: pointer; transition: all 0.2s; font-family: inherit; } .dream-tip-btn:active { transform: scale(0.96); } .dream-tip-btn.selected { background: rgba(167,139,250,0.2); border-color: var(--dream-accent); color: var(--dream-glow); } /* 鍒嗘瀽鎸夐挳 */ .btn-analyze { width: 100%; padding: 16px; font-size: 17px; font-weight: 700; color: #fff; background: linear-gradient(135deg, #7C3AED, #4338CA); border: none; border-radius: 50px; cursor: pointer; transition: all 0.2s; font-family: inherit; margin-bottom: 16px; } .btn-analyze:active { transform: scale(0.97); opacity: 0.9; } .btn-analyze:disabled { opacity: 0.4; cursor: not-allowed; transform: none; } /* 缁撴灉鍖?*/ .result-section { opacity: 0; transform: translateY(20px); transition: all 0.5s ease; } .result-section.show { opacity: 1; transform: translateY(0); } .result-card { background: var(--dream-card-bg); backdrop-filter: blur(12px); border: 1px solid var(--dream-card-border); border-radius: 20px; padding: 24px 20px; margin-bottom: 16px; } .result-card-title { font-size: 15px; font-weight: 600; color: var(--dream-accent); margin-bottom: 12px; display: flex; align-items: center; gap: 8px; } .result-card-title .icon { font-size: 20px; } .result-content { font-size: 15px; line-height: 1.8; color: rgba(255,255,255,0.75); white-space: pre-wrap; } .result-content .highlight { color: var(--dream-glow); font-weight: 500; } /* 鎵撳瓧鏈烘晥鏋?*/ .typewriter-cursor::after { content: '|'; color: var(--dream-accent); animation: blink 0.8s step-end infinite; } @keyframes blink { 50% { opacity: 0; } } /* 鍔犺浇鍔ㄧ敾 */ .loading-area { text-align: center; padding: 60px 0 30px; } .loading-spinner { width: 48px; height: 48px; margin: 0 auto 16px; border: 3px solid rgba(255,255,255,0.1); border-top-color: var(--dream-accent); border-radius: 50%; animation: spin 0.8s linear infinite; } @keyframes spin { to { transform: rotate(360deg); } } .loading-text { font-size: 14px; color: rgba(255,255,255,0.45); animation: pulse 1.5s ease-in-out infinite; } @keyframes pulse { 0%,100%{opacity:0.4} 50%{opacity:1} } /* 棰勮閬僵锛堜粯鍏嶈垂棰勮 + 妯＄硦锛?*/ .preview-blur-wrapper { position: relative; overflow: hidden; } .preview-blur-wrapper .preview-content { filter: blur(16px); max-height: 200px; overflow: hidden; pointer-events: none; user-select: none; } .preview-overlay { position: absolute; bottom: 0; left: 0; right: 0; background: linear-gradient(transparent, rgba(15,11,30,0.85)); padding: 60px 20px 20px; text-align: center; } .preview-overlay .preview-btn { padding: 14px 36px; font-size: 16px; font-weight: 700; color: #fff; background: linear-gradient(135deg, #7C3AED, #4338CA); border: none; border-radius: 50px; cursor: pointer; font-family: inherit; box-shadow: 0 0 30px rgba(124,58,237,0.4); } .preview-btn:active { transform: scale(0.97); } .preview-overlay .preview-sub { font-size: 12px; color: rgba(255,255,255,0.4); margin-top: 8px; } /* 瑙ｉ攣鍚庡畬鏁磋В璇?*/ .dream-symbol-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin-top: 12px; } .symbol-item { background: rgba(255,255,255,0.04); border: 1px solid rgba(255,255,255,0.06); border-radius: 12px; padding: 14px 12px; text-align: center; } .symbol-item .sym-icon { font-size: 26px; margin-bottom: 6px; } .symbol-item .sym-label { font-size: 13px; color: rgba(255,255,255,0.6); } .symbol-item .sym-value { font-size: 13px; color: var(--dream-glow); font-weight: 500; margin-top: 2px; } /* footer 椤佃剼 */ .disclaimer { text-align: center; font-size: 11px; color: rgba(255,255,255,0.2); padding: 24px 0 8px; } .result-disclaimer { font-size: 12px; color: rgba(255,255,255,0.25); text-align: center; margin: 12px 0 0; } </style> </head> <body> <div class="app-container" id="app"> <div class="app-header"> <div class="moon-icon">馃寵</div> <h1>AI 瑙ｆⅵ</h1> <p>杈撳叆浣犵殑姊﹀锛孉I涓轰綘娣卞害瑙ｆ瀽</p> <div class="service-count">Already been solved <span id="serviceCount">15,687</span> dreams</div> </div>  <template v-if="step === 'input'"> <div class="dream-input-card"> <label>馃寽鎻忚堪浣犵殑姊﹀</label> <textarea v-model="dreamText" ref="dreamInput" placeholder="姣斿锛氭垜姊﹁鑷繁鍦ㄥぇ娴烽噷娓告吵锛屾捣姘村緢娓呮緢锛岃繙澶勬湁涓€鑹樺ぇ鑸光€?#10; 鎻忚堪寰楄秺璇︾粏锛岃В璇昏秺绮惧噯~"></textarea> <div class="dream-tips"> <button v-for="tip in dreamTips" :key="tip.text" class="dream-tip-btn" :class="{selected: dreamText === tip.text}" @click="dreamText = tip.text; $refs.dreamInput.focus()"> {{ tip.label }} </button> </div> </div> <button class="btn-analyze" :disabled="!dreamText.trim()" @click="startAnalyze"> 馃寵 AI 瑙ｆ瀽姊﹀ </button> </template>  <template v-if="step === 'loading'"> <div class="loading-area"> <div class="loading-spinner"></div> <div class="loading-text">{{ loadingMsg }}</div> </div> </template>  <template v-if="step === 'result'"> <div class="result-section show">  <div class="result-card"> <div class="result-card-title"><span class="icon">馃寣</span> 姊﹀姒傝</div> <div class="result-content">浣犳ⅵ瑙佷簡锛?span class="highlight">{{ dreamSummary }}</span></div> </div>  <div class="result-card preview-blur-wrapper" v-if="!unlocked"> <div class="preview-content"> <div class="result-card-title"><span class="icon">馃敭</span> 鏍稿績瑙ｆ瀽</div> <div class="result-content">{{ previewContent }}</div> </div> <div class="preview-overlay"> <button class="preview-btn" @click="showUnlockModal">鉁?瑙ｉ攣瀹屾暣瑙ｈ</button> <div class="preview-sub">鍒嗕韩鍗冲厤璐?路鐪嬪箍鍛婂厤璐?路绔嬪嵆浠樿垂浠吢dream.price.toFixed(2)}}</div> </div> </div>  <template v-if="unlocked"> <div class="result-card"> <div class="result-card-title"><span class="icon">馃敭</span> 鏍稿績瑙ｆ瀽</div> <div class="result-content" id="dreamMainContent"></div> </div> <div class="result-card"> <div class="result-card-title"><span class="icon">馃攽</span> 璞″緛鎰忎箟</div> <div class="result-content" id="dreamSymbolContent"></div> </div> <div class="result-card"> <div class="result-card-title"><span class="icon">馃挱</span> 蹇冪悊鏆楃ず</div> <div class="result-content" id="dreamPsyContent"></div> </div> <div class="result-card"> <div class="result-card-title"><span class="icon">馃挕</span> 寮€杩愬缓璁?/div> <div class="result-content" id="dreamAdviceContent"></div> </div> </template> <p class="result-disclaimer">馃獝姊﹀瑙ｆ瀽浠呬緵濞变箰鍙傝€冿紝AI 瑙ｈ鍩轰簬浼犵粺鏂囧寲鍜屽績鐞嗗鐞嗚</p> </div> </template> </div> <script src="https://cdn.bootcdn.net/ajax/libs/vue/3.4.21/vue.global.prod.min.js"></script> <script src="/js/pricing.js?v=20260721d"></script> <script> const { createApp, ref } = Vue; const DREAM_TIPS = [ { label: '馃 姊﹁鍧犺惤', text: '鎴戞ⅵ瑙佽嚜宸变粠楂樺鍧犺惤锛屼竴鐩村線涓嬫帀锛屽緢瀹虫€? }, { label: '馃挧姊﹁姘?, text: '鎴戞ⅵ瑙佽嚜宸卞湪娓呮緢鐨勬捣姘撮噷娓告吵锛屾劅瑙夊緢鏀炬澗' }, { label: '馃Ψ 姊﹁鎺夌墮', text: '姊﹁鐗欓娇鎺変簡锛屼竴棰椾竴棰楁帀涓嬫潵锛屽緢鎱屽紶' }, { label: '馃弮姊﹁琚拷', text: '姊﹁琚粈涔堜笢瑗胯拷璧讹紝鎷煎懡璺戜絾璺戜笉鍔? }, { label: '馃拃姊﹁鍘讳笘', text: '姊﹁宸叉晠鐨勪翰浜哄洖鏉ヤ簡锛岃窡鎴戣璇? }, { label: '馃浉姊﹁椋?, text: '姊﹁鑷繁鍦ㄥぉ绌洪缈旓紝鑳界湅鍒板湴闈㈢殑涓€鍒? }, ]; // 棰勫啓姊﹀鎽樿锛堝叧閿瘝鍖归厤锛?function generateDreamSummary(text) { const keywords = [ { pattern: /姘磡娌硘娴穦婀東姹焲娓告吵|姘翠腑鐨?s, label: '馃寠涓庢按鐩稿叧鐨勬ⅵ' }, { pattern: /椋瀨椋炵繑|澶╃┖|楂樼┖|浜憒缈辩繑/s, label: '馃晩锔?椋炵繑鐨勬ⅵ' }, { pattern: /鍧爘璺岃惤|楂樼┖|鎺夎惤|濉屾柟/s, label: '鉀帮笍鍧犺惤鐨勬ⅵ' }, { pattern: /杩絴杩借刀|璺憒閫冭窇|琚拷|杩芥潃/s, label: '馃弮琚拷璧剁殑姊? }, { pattern: /鐗檤鎺夌墮|鐗欓娇/s, label: '馃Ψ 鎺夌墮鐨勬ⅵ' }, { pattern: /姝粅鍘讳笘|浜楝紎浜蹭汉|宸叉晠/s, label: '馃挮涓庨€濊€呯浉鍏崇殑姊? }, { pattern: /铔噟榫檤楸紎鐚珅鐙梶鑰佽檸|鍔ㄧ墿/s, label: '馃悕鍔ㄧ墿鐨勬ⅵ' }, { pattern: /鑰冭瘯|涓婅|鏁欏|鑰佸笀|瀛︿範/s, label: '馃摎鑰冭瘯鐨勬ⅵ' }, { pattern: /缁撳|濠氱ぜ|鏂板|鏂伴儙/s, label: '馃拻濠氱ぜ鐨勬ⅵ' }, { pattern: /鐏珅鐑鐏劙|鐏伨/s, label: '馃敟鐏殑姊? }, { pattern: /灞眧鐖北|鐧诲北|灞遍《/s, label: '鉀帮笍灞辩殑姊? }, { pattern: /闆▅闆獆椋庢毚|闂數|闆?s, label: '鉀堬笍澶╂皵鐨勬ⅵ' }, ]; for (const kw of keywords) { if (kw.pattern.test(text)) return kw.label; } return '馃敭鐙壒鐨勬ⅵ'; } function getPreviewContent(text) { const keywords = [ { pattern: /姘磡娌硘娴穦婀東姹焲娓告吵/s, content: '姘村湪姊︿腑閫氬父璞″緛鐫€娼滄剰璇嗗拰鎯呮劅娴佸姩銆傛竻婢堢殑姘翠唬琛ㄥ唴蹇冨钩鍜岋紝娉㈡稕姹规秾鍒欏彲鑳芥殫绀烘儏缁尝鍔ㄣ€備綘姊﹁鑷繁鍦ㄦ按涓紝鍙兘鍙嶆槧浣犺繎鏈熷鏌愮鎯呮劅鐘舵€佺殑瑙夊療涓庢帰绱€? }, { pattern: /椋瀨椋炵繑|澶╃┖|楂樼┖/s, content: '椋炵繑鐨勬ⅵ寰€寰€璞″緛鐫€鑷敱鍜岀獊鐮淬€傛ⅵ瑙佽嚜宸卞湪澶╃┖椋炵繑锛屽彲鑳戒唬琛ㄤ綘娓存湜鎽嗚劚鐜板疄涓殑鏉熺細锛屾垨鑰呬綘姝ｅ浜庝竴涓厖婊″笇鏈涘拰鍒涢€犲姏鐨勯樁娈点€傚ぉ绌虹殑骞块様涔熸殫绀虹潃浣犵殑蹇冩€佸彉寰楀紑闃斻€? }, { pattern: /鍧爘璺岃惤|楂樼┖|鎺夎惤/s, content: '鍧犺惤鐨勬ⅵ鏄渶甯歌鐨勬ⅵ澧冧箣涓€銆傞€氬父鍙嶆槧浣犲鏌愪簺浜嬫儏鐨勫け鎺ф劅鎴栫劍铏戞儏缁€傚彲鑳戒綘鏈€杩戝湪鎷呭績鏌愪欢浜嬫儏浼氬け璐ワ紝鎴栬€呭鏌愪釜閲嶈鍐冲畾鎰熷埌涓嶅畨銆? }, { pattern: /杩絴杩借刀|璺憒閫冭窇/s, content: '姊﹁琚拷璧朵唬琛ㄤ綘鍦ㄩ€冮伩鏌愪簺涓嶆効闈㈠鐨勪簨鐗┿€傝繖鍙兘鏄伐浣滀笂鐨勫帇鍔涖€佷汉闄呭叧绯讳腑鐨勭煕鐩撅紝鎴栨槸鍐呭績娣卞鐨勬煇涓儏缁€傝窇涓嶅姩鍒欐殫绀轰綘鎰熷埌鏃犲姏搴斿銆? }, { pattern: /鐗檤鎺夌墮|鐗欓娇/s, content: '鎺夌墮鐨勬ⅵ涓庢矡閫氬拰琛ㄨ揪鏈夊叧銆傚彲鑳戒綘鍦ㄧ幇瀹炵敓娲讳腑璇翠簡涓嶈璇寸殑璇濓紝鎴栨槸鎰熷埌闅句互琛ㄨ揪鑷繁銆備篃鍙兘鍙嶆槧浣犲琛拌€佹垨澶卞幓鍔涢噺鐨勭劍铏戙€? }, { pattern: /姝粅鍘讳笘|浜宸叉晠/s, content: '姊﹁宸叉晠鐨勪翰浜哄湪浼犵粺鏂囧寲涓父琚 涓?鎵樻ⅵ"锛屼唬琛ㄤ粬浠浣犵殑鐗垫寕鎴栦綘鎯冲康浠栦滑銆備粠蹇冪悊瀛﹁搴︾湅锛岃繖鍙兘浠ｈ〃浣犲湪澶勭悊涓уけ鍜屽搥浼わ紝鎴栨槸闇€瑕佷粬浠浘缁忕粰浣犵殑鏀寔鍜屾櫤鎱с€? }, { pattern: /铔噟榫檤楸紎鐚珅鐙梶鑰佽檸|鍔ㄧ墿/s, content: '姊﹁鍔ㄧ墿閫氬父璞″緛鏌愮鏈兘鎴栫洿瑙夈€備笉鍚岀殑鍔ㄧ墿鏈変笉鍚岀殑瀵撴剰锛氳泧鍙兘浠ｈ〃杞彉鎴栨綔钘忕殑鏅烘収锛涙按涓殑楸间唬琛ㄨ储杩愶紱鐙楄薄寰佸繝璇氾紱鐚唬琛ㄧ嫭绔嬪拰绁炵銆? }, { pattern: /鑰冭瘯|涓婅|鏁欏|鑰佸笀/s, content: '鑰冭瘯鐨勬ⅵ鍙嶆槧浣犲鑷繁鐨勮姹傚拰瀵硅瘎浠风殑鍦ㄦ剰銆備綘鍙兘姝ｅ湪闈复鏌愪釜"鑰冮獙"锛屾垨鑰呭湪鎷呭績鑷繁鏄惁鍋氬緱瓒冲濂姐€? }, { pattern: /缁撳|濠氱ぜ|鏂板|鏂伴儙/s, content: '濠氱ぜ鐨勬ⅵ涓嶄竴瀹氫唬琛ㄥ濮绘湰韬€傛洿澶氭椂鍊欏畠璞″緛鏂扮殑寮€濮嬨€佷袱涓儴鍒嗙殑鏁村悎锛堝鐞嗘€т笌鎰熸€х殑缁撳悎锛夛紝鎴栨槸瀵逛汉鐢熸柊闃舵鐨勬湡寰呬笌涓嶅畨銆? }, { pattern: /鐏珅鐑鐏劙|鐏伨/s, content: '鐏湪姊︿腑鍙岄潰鎬у緢寮猴細鏃㈠彲浠ユ槸婵€鎯呫€佸垱閫犲姏鐨勮薄寰侊紝涔熷彲鑳戒唬琛ㄦ劋鎬掓垨鐮村潖銆傛ⅵ瑙佺伀鐒伴€氬父鏆楃ず浣犲唴蹇冩湁寮虹儓鐨勬儏缁湪娑屽姩銆? }, { pattern: /灞眧鐖北|鐧诲北|灞遍《/s, content: '姊﹁灞辫薄寰佺潃鐩爣鍜屾寫鎴樸€傜埇灞辩殑杩囩▼浠ｈ〃浣犳鍦ㄥ厠鏈嶅洶闅撅紱绔欏湪灞遍《鍒欓绀虹潃浣犲嵆灏嗚揪鎴愮洰鏍囷紝鎰熷彈鍒版垚灏卞拰婊¤冻銆? }, { pattern: /闆▅闆獆椋庢毚|闂數|闆?s, content: '闆ㄥ拰椋庢毚浠ｈ〃鎯呯华鐨勫娉勫拰鍑€鍖栥€傛ⅵ瑙佹毚闆ㄥ彲鑳借〃绀轰綘姝ｅ湪缁忓巻鎯呮劅涓婄殑鍔ㄨ崱锛屼絾闆ㄨ繃澶╂櫞涔嬪悗寰€寰€杩庢潵鏂扮殑寮€濮嬨€傞洩璞″緛绾噣鍜屽钩闈欍€? }, ]; for (const kw of keywords) { if (kw.pattern.test(text)) return kw.content; } return '浣犵殑姊﹀闈炲父鐙壒锛屽寘鍚簡璁稿涓€у寲鐨勫厓绱犮€備粠蹇冪悊瀛﹁搴︾湅锛岃繖涓ⅵ鍙兘涓庝綘杩戞湡鐨勭敓娲荤粡鍘嗐€佹綔鎰忚瘑涓殑鎯呮劅娉㈠姩鏈夊叧銆傛瘡涓ⅵ澧冮兘鏄綔鎰忚瘑鐨勭嫭鐗硅鎭紝瀹冭瘯鍥鹃€氳繃璞″緛鎬х殑鐢婚潰鍛婅瘔浣犱竴浜涢噸瑕佺殑淇℃伅銆?; } // 瀹屾暣瑙ｈ鐢熸垚锛堟爣璁板寲澶勭悊锛屽寘鍚娈靛唴瀹癸級 async function generateFullReading(text) { const baseInterpretation = getPreviewContent(text); const summary = generateDreamSummary(text); // 璞″緛鎰忎箟 const symbols = [ '鍦ㄤ紶缁熸枃鍖栦腑锛屾ⅵ澧冭瑙嗕负娼滄剰璇嗙殑鐩存帴琛ㄨ揪銆?, '浣犳墍姊﹁鐨勬儏澧冨彲鑳戒笌浣犺繎鏃ョ殑鐢熸椿浣撻獙鏈夋繁灞傚叧鑱斻€?, '姊︿腑鐨勬儏鎰熷己搴﹀線寰€涓庣幇瀹炰腑鐨勬儏缁帇鍔涙垚姝ｆ瘮銆?, '浠庡績鐞嗗瑙掑害锛屾ⅵ澧冧腑鐨勫厓绱犲線寰€鏄唴蹇冨啿绐佹垨娓存湜鐨勬姇灏勩€?, '涓嶅悓鏂囧寲瀵瑰悓涓€姊﹀鐨勮В璇诲彲鑳芥埅鐒朵笉鍚岋紝浣嗘綔鎰忚瘑鐨勮瑷€鏄浉閫氱殑銆?, '璁板綍姊﹀鏄簡瑙ｈ嚜鎴戠殑閲嶈閫斿緞锛屾寔缁叧娉ㄦⅵ澧冩湁鍔╀簬鎻愬崌鑷垜璁ょ煡銆?, ]; // 浜旇/寮€杩愬缓璁? const advices = [ '馃尶浠婃棩瀹滐細鍐ユ兂10鍒嗛挓锛屼繚鎸佸績骞虫皵鍜?, '馃拵骞歌繍鑹诧細绱壊鍜岄噾鑹?, '馃専骞歌繍鏂瑰悜锛氭涓滄柟', '馃摽寤鸿浣╂埓锛氱传姘存櫠鎴栨湀鍏夌煶楗板搧', '鈽笍鑳介噺鎻愮ず锛氭湰鍛ㄩ€傚悎鍋氶噸瑕佸喅瀹?, ]; const mainContent = baseInterpretation; const symbolContent = symbols.join('\n\n'); const psyContent = '浣犵殑鎯呮劅鐘舵€佷笌姊﹀涓殑鍦烘櫙鏈夊瘑鍒囧叧鑱斻€? + symbols.slice(0, 2).join(''); const adviceContent = advices.slice(0, Math.floor(Math.random() * 3) + 2).join('\n'); return { mainContent, symbolContent, psyContent, adviceContent, summary }; } const app = createApp({ setup() { const step = ref('input'); const dreamText = ref(''); const dreamTips = DREAM_TIPS; const dreamSummary = ref(''); const previewContent = ref(''); const loadingMsg = ref('AI姝ｅ湪鎺ユ敹姊﹀淇℃伅...'); const unlocked = ref(false); const dream = { name: 'AI瑙ｆⅵ瀹屾暣瑙ｈ', price: 1.99 }; const msgs = [ 'AI姝ｅ湪鎺ユ敹姊﹀淇℃伅...', '姝ｅ湪鍒嗘瀽姊﹀鍏冪礌...', '姝ｅ湪瀵圭収鍙ょ睄瑙ｈ...', '姝ｅ湪鐢熸垚涓€у寲瑙ｆ瀽...', '鍗冲皢瀹屾垚瑙ｈ...', ]; async function startAnalyze() { if (!dreamText.value.trim()) return; step.value = 'loading'; dreamSummary.value = generateDreamSummary(dreamText.value); previewContent.value = getPreviewContent(dreamText.value); // 鏃嬭浆鎻愮ず let idx = 0; const timer = setInterval(() => { idx = (idx + 1) % msgs.length; loadingMsg.value = msgs[idx]; }, 1200); // 寤舵椂妯℃嫙AI澶勭悊锛堢湡瀹炲満鏅簲鏀逛负fetch Worker锛? await new Promise(r => setTimeout(r, 3000 + Math.random() * 1500)); clearInterval(timer); const reading = await generateFullReading(dreamText.value); dreamSummary.value = reading.summary; step.value = 'result'; } function showUnlockModal() { showAssessUnlockModal('dream', { onAdUnlock() { unlockContent(); }, onShareUnlock() { unlockContent(); }, onPayUnlock() { startPayment('dream', function() { unlockContent(); }); }, }); } function unlockContent() { unlocked.value = true; // 绔嬪嵆濉厖瀹屾暣鍐呭 generateFullReading(dreamText.value).then(reading => { const mainEl = document.getElementById('dreamMainContent'); const symEl = document.getElementById('dreamSymbolContent'); const psyEl = document.getElementById('dreamPsyContent'); const advEl = document.getElementById('dreamAdviceContent'); if (mainEl) typewriter(mainEl, reading.mainContent, 30); if (symEl) typewriter(symEl, reading.symbolContent, 20); if (psyEl) typewriter(psyEl, reading.psyContent, 25); if (advEl) typewriter(advEl, reading.adviceContent, 15); }); } function typewriter(el, text, speed = 25) { let i = 0; el.classList.add('typewriter-cursor'); const tw = setInterval(() => { if (i < text.length) { el.textContent += text[i]; i++; } else { clearInterval(tw); el.classList.remove('typewriter-cursor'); } }, speed); } // 鍔犺浇鏈嶅姟娆℃暟 fetch('/api/service-count').then(r => r.json()).then(d => { const el = document.getElementById('serviceCount'); if (el && d.count) el.textContent = Number(d.count).toLocaleString(); }).catch(() => {}); return { step, dreamText, dreamTips, dreamSummary, previewContent, loadingMsg, unlocked, dream, startAnalyze, showUnlockModal }; } }); app.mount('#app'); </script> </body> </html>