AI姣忔棩杩愬娍路浠婃棩鏄熷骇杩愬娍棰勬祴路榫欐収浜?/title> <meta name="description" content="榫欐収浜慉I姣忔棩杩愬娍鈥斺€旀瘡鏃ユ槦搴ц繍鍔块娴嬶紝AI瑙ｈ浣犱粖澶╃殑浜嬩笟銆佹劅鎯呫€佽储杩愯蛋鍔裤€?> <meta name="keywords" content="AI杩愬娍,姣忔棩杩愬娍,鏄熷骇杩愬娍,浠婃棩杩愬娍,杩愬娍棰勬祴,姣忔棩鏄熷骇,榫欐収浜?> <meta name="author" content="榫欐収浜戠鎶€"> <meta name="robots" content="index, follow, max-image-preview:large"> <link rel="apple-touch-icon" href="/icon-192.png"> <link rel="manifest" href="/manifest.json"> <link rel="canonical" href="https://榫欐収浜?com/daily-fortune.html"> <meta name="baidu-site-verification" content="LHY-PENDING"> <meta name="google-site-verification" content="LHY-PENDING"> <meta name="theme-color" content="#2563EB"> <meta property="og:type" content="website"> <meta property="og:site_name" content="榫欐収浜?> <meta property="og:title" content="AI姣忔棩杩愬娍路浠婃棩鏄熷骇杩愬娍棰勬祴路榫欐収浜?> <meta property="og:description" content="榫欐収浜慉I姣忔棩杩愬娍鈥斺€旀瘡鏃ユ槦搴ц繍鍔块娴嬶紝AI瑙ｈ浣犱粖澶╃殑浜嬩笟銆佹劅鎯呫€佽储杩愯蛋鍔裤€?> <meta property="og:image" content="https://榫欐収浜?com/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:image:alt" content="榫欐収浜?AI璇佷欢鐓?鑰佺収鐗囦慨澶?AI娴嬭瘎"> <meta property="og:url" content="https://榫欐収浜?com/daily-fortune.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="榫欐収浜慉I姣忔棩杩愬娍鈥斺€旀瘡鏃ユ槦搴ц繍鍔块娴嬶紝AI瑙ｈ浣犱粖澶╃殑浜嬩笟銆佹劅鎯呫€佽储杩愯蛋鍔裤€?> <meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate"> <meta http-equiv="Pragma" content="no-cache"> <meta http-equiv="Expires" content="0"> <style> :root { --c-primary: #2563EB; --c-primary-light: #3B82F6; --c-primary-dark: #0D4AD3; --c-gold: #2563EB; --c-gold-light: #2563EB; --c-gold-dark: #2563EB; --c-bg: #F5F7FA; --c-bg-warm: #F5F7FA; --c-card-bg: #FFFFFF; --c-card-border: rgba(37,99,235,0.25); --c-text-main: #FFFFFF; --c-text-sub: rgba(107,114,128,0.9); --c-text-muted: #5A6378; --c-btn-grad: linear-gradient(135deg, #2563EB, #3B82F6); --c-btn-gold: linear-gradient(135deg, #2563EB, #2563EB); --radius: 14px; --radius-lg: 20px; --shadow-card: 0 4px 20px rgba(37,99,235,0.25); --max-width: 480px; } * { margin:0; padding:0; box-sizing:border-box; } html { font-size:16px; -webkit-tap-highlight-color:transparent; } body { font-family:"Noto Serif SC","Source Han Serif SC","STSong","SimSun","PingFang SC","Microsoft YaHei",serif; background:var(--c-bg); color:var(--c-text-main); min-height:100vh; width:100%;overflow-x:hidden;display:block; justify-content:center; } #app { width:100%; max-width:var(--max-width); min-height:100vh; position:relative; overflow-x:hidden; background:linear-gradient(180deg, #F5F7FA 0%, #F5F7FA 15%, #FFFFFF 100%); padding-bottom:40px; ; overflow-x: hidden;} [v-cloak] { display:none; } .home-screen { display:flex; flex-direction:column; align-items:center; text-align:center; padding-top:55px; animation:fadeInUp 0.6s ease; padding:55px 20px 0; } .home-date { font-size:13px; color:var(--c-text-muted); margin-bottom:4px; } .logo-icon { width:90px; height:90px; background:var(--c-btn-gold); border-radius:50%; display:flex; align-items:center; justify-content:center; font-size:48px; margin-bottom:24px; box-shadow:0 4px 20px rgba(218,165,32,0.35); } .home-title { font-size:26px; font-weight:700; color:var(--c-primary-dark); margin-bottom:8px; letter-spacing:1px; } .home-subtitle { font-size:14px; color:var(--c-text-sub); margin-bottom:32px; line-height:1.6; } .btn-start { width:100%; max-width:300px; padding:18px 32px; background:var(--c-btn-grad); color:#1F2937; border:none; border-radius:50px; font-size:20px; font-weight:600; cursor:pointer; box-shadow:var(--shadow-btn); transition:transform 0.2s; font-family:inherit; letter-spacing:2px; animation:pulse 2s ease-in-out infinite; } .btn-start:active { transform:scale(0.95); } .home-counter { margin-top:24px; font-size:13px; color:var(--c-text-muted); } /* Question screen */ .question-screen { padding:40px 20px; animation:fadeInUp 0.4s ease; } .question-progress { text-align:center; margin-bottom:16px; } .question-progress span { display:inline-block; width:12px; height:12px; border-radius:50%; margin:0 4px; background:#ddd; } .question-progress span.active { background:var(--c-primary); } .question-progress span.done { background:var(--c-gold); } .question-text { font-size:18px; font-weight:600; text-align:center; margin-bottom:28px; color:var(--c-primary-dark); line-height:1.6; } .question-options { display:flex; flex-direction:column; gap:12px; } .question-opt { padding:16px 20px; background:var(--c-card-bg); border:1.5px solid var(--c-card-border); border-radius:var(--radius); font-size:15px; cursor:pointer; transition:all 0.2s; font-family:inherit; display:flex; align-items:center; gap:12px; } .question-opt:active { background:var(--c-bg-warm); border-color:var(--c-gold); } .question-opt.selected { border-color:var(--c-primary); background:rgba(37,99,235,0.05); } .opt-icon { font-size:28px; flex-shrink:0; } .opt-text { font-size:15px; font-weight:500; } /* Result */ .result-screen { padding:30px 20px 40px; animation:fadeInUp 0.5s ease; } .result-card { background:var(--c-card-bg); border:2px solid var(--c-gold-light); border-radius:var(--radius-lg); padding:32px 24px; text-align:center; margin-bottom:16px; box-shadow:0 6px 25px rgba(218,165,32,0.12); position:relative; overflow:hidden; } .result-card::before { content:''; position:absolute; top:0; left:0; right:0; height:4px; background:var(--c-btn-gold); } .result-label { font-size:13px; color:var(--c-text-sub); margin-bottom:6px; } .result-type { font-size:36px; font-weight:800; background:var(--c-btn-gold); -webkit-background-clip:text; -webkit-text-fill-color:transparent; background-clip:text; margin-bottom:4px; } .result-keyword { font-size:15px; color:var(--c-gold-dark); margin-bottom:16px; font-weight:600; } .result-summary { font-size:14px; color:var(--c-text-sub); line-height:1.7; } .result-disclaimer { font-size:12px; color:var(--c-text-muted); text-align:center; margin:16px 0; } .dim-card { background:var(--c-card-bg); border:1px solid var(--c-card-border); border-radius:var(--radius); padding:16px 18px; margin-bottom:10px; box-shadow:var(--shadow-card); } .dim-header { display:flex; align-items:center; justify-content:space-between; margin-bottom:6px; } .dim-name { font-size:15px; font-weight:600; } .dim-stars { font-size:14px; letter-spacing:1px; } .star-on { color:var(--c-gold); } .star-off { color:#ddd; } .dim-detail { font-size:13px; color:var(--c-text-sub); line-height:1.7; margin-top:8px; padding-top:10px; border-top:1px dashed var(--c-divider); } .dim-lock { text-align:center; padding:8px 0 0; } .dim-lock-text { font-size:12px; color:var(--c-text-muted); } .unlock-section { text-align:center; margin:20px 0; } .btn-unlock { display:inline-flex; align-items:center; gap:8px; padding:14px 36px; background:var(--c-btn-gold); color:#1F2937; border:none; border-radius:50px; font-size:16px; font-weight:600; cursor:pointer; box-shadow:0 4px 15px rgba(218,165,32,0.35); transition:transform 0.2s; font-family:inherit; } .btn-unlock:active { transform:scale(0.97); } .unlock-hint { font-size:12px; color:var(--c-text-muted); margin-top:10px; } .result-actions { display:flex; gap:12px; margin-top:20px; } .btn-action { flex:1; padding:14px 16px; border-radius:50px; font-size:14px; font-weight:600; cursor:pointer; text-align:center; transition:transform 0.2s; font-family:inherit; border:none; } .btn-action.share { background: linear-gradient(160deg, #F5F7FA 0%, #F5F7FA 50%, #FFFFFF 100%); color:var(--c-primary); border:1.5px solid var(--c-primary); } .btn-action.retest { background:var(--c-bg-warm); color:var(--c-text-sub); } .btn-action:active { transform:scale(0.97); } .global-disclaimer { margin-top:20px; padding:14px 16px; background:rgba(0,0,0,0.03); border-radius:var(--radius-sm); font-size:11px; color:var(--c-text-muted); text-align:center; line-height:1.6; } .cross-promo { margin-top:16px; padding:20px; background:var(--c-card-bg); border-radius:var(--radius-lg); border:1px solid var(--c-card-border); } .cross-promo-title { font-size:14px; font-weight:600; color:var(--c-text-sub); margin-bottom:12px; text-align:center; } .cross-promo-links { display:flex; flex-direction:column; gap:8px; } .cross-promo-link { display:flex; align-items:center; gap:10px; padding:12px 16px; background:var(--c-bg-warm); border-radius:var(--radius-sm); text-decoration:none; color:var(--c-text-main); font-size:14px; transition:transform 0.2s; } .cross-promo-link:active { transform:scale(0.97); } .cross-promo-icon { font-size:20px; } .toast { position:fixed; top:50%; left:50%; transform:translate(-50%,-50%); background:rgba(0,0,0,0.78); color:#1F2937; padding:14px 24px; border-radius:10px; font-size:14px; z-index:200; animation:fadeIn 0.2s ease; pointer-events:none; } .ad-modal { position:fixed; top:0; left:0; right:0; bottom:0; background:rgba(0,0,0,0.35); z-index:150; display:flex; align-items:center; justify-content:center; animation:fadeIn 0.25s ease; padding:20px; } .ad-modal-content { background: linear-gradient(160deg, #F5F7FA 0%, #F5F7FA 50%, #FFFFFF 100%); border-radius:var(--radius-lg); padding:28px 24px; text-align:center; max-width:340px; width:100%; animation:slideUp 0.3s ease; } .ad-modal-icon { font-size:48px; margin-bottom:16px; } .ad-modal-title { font-size:17px; font-weight:700; margin-bottom:8px; } .ad-modal-sub { font-size:13px; color:var(--c-text-sub); margin-bottom:20px; line-height:1.6; } .btn-ad-watch { width:100%; padding:14px; background:var(--c-btn-gold); color:#1F2937; border:none; border-radius:50px; font-size:16px; font-weight:600; cursor:pointer; margin-bottom:10px; font-family:inherit; } .btn-ad-share { width:100%; padding:12px; background:none; border:1.5px solid var(--c-gold); color:var(--c-gold-dark); border-radius:50px; font-size:14px; cursor:pointer; font-family:inherit; } .btn-ad-close { background:none; border:none; color:var(--c-text-muted); font-size:13px; cursor:pointer; margin-top:8px; font-family:inherit; } @keyframes fadeIn { from{opacity:0} to{opacity:1} } @keyframes fadeInUp { from{opacity:0;transform:translateY(20px)} to{opacity:1;transform:translateY(0)} } @keyframes slideUp { from{transform:translateY(100%)} to{transform:translateY(0)} } @keyframes pulse { 0%,100%{transform:scale(1)} 50%{transform:scale(1.05)} } </style> <script src="https://cdn.bootcdn.net/ajax/libs/vue/3.4.21/vue.global.prod.min.js"></script> <script src="https://res.wx.qq.com/open/js/jweixin-1.6.0.js"></script> <link rel="stylesheet" href="/js/pricing.css"> <style> /* 榫欐収浜戞敼閫爒2: 绱у噾/鍘荤櫧/楂樺姣?footer/妯℃€?鍒嗕韩钀藉湴 */ .lh-footer{position:fixed;right:16px;bottom:calc(20px + env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:10px;z-index:80;}.lh-fab{width:44px;height:44px;border-radius:50%;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:18px;box-shadow:0 4px 16px rgba(0,0,0,.5);-webkit-transition:transform .15s;}.lh-fab:active{transform:scale(.9);}.lh-fab.gzh{background:rgba(0,229,255,.18);border:1.5px solid rgba(0,229,255,.6);color:#2563EB;}.lh-fab.fav{background:rgba(37,99,235,.18);border:1.5px solid rgba(37,99,235,.6);color:#2563EB;} .lh-fbtn{padding:6px 14px;border-radius:18px;font-size:12px;font-weight:500;cursor:pointer;font-family:inherit;border:1px solid rgba(37,99,235,.45);background:rgba(45,30,79,.72);color:#1F2937;-webkit-} .lh-fbtn.follow{border-color:rgba(0,229,255,.5);background:rgba(20,60,90,.72);} .lh-modal{position:fixed;inset:0;background:rgba(0,0,0,0.35);z-index:200;display:none;align-items:center;justify-content:center;padding:20px;} .lh-modal-box,.lh-landing-box{background:linear-gradient(160deg,#F5F7FA,#1A1238);border:1px solid rgba(37,99,235,.35);border-radius:16px;padding:22px;max-width:320px;width:100%;text-align:center;color:#1F2937;box-shadow:0 12px 40px rgba(0,0,0,.6);} .lh-modal-title,.lh-landing-brand{font-size:18px;font-weight:700;margin-bottom:8px;background:linear-gradient(135deg,#2563EB,#3B82F6));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;} .lh-modal-tip,.lh-landing-desc{font-size:13px;color:rgba(0,229,255,0.7);line-height:1.7;margin-bottom:14px;} .lh-modal-btn,.lh-landing-cta{display:block;width:100%;padding:12px;border:none;border-radius:24px;background:linear-gradient(135deg,#2563EB,#3B82F6));color:#1F2937;font-size:15px;font-weight:600;cursor:pointer;font-family:inherit;margin-bottom:8px;text-decoration:none;box-sizing:border-box;} .lh-modal-close,.lh-landing-close{background:transparent;border:none;color:#9C95C9;font-size:13px;cursor:pointer;padding:6px;font-family:inherit;} .lh-follow-qr{width:200px;height:200px;border-radius:10px;background: linear-gradient(160deg, #F5F7FA 0%, #F5F7FA 50%, #FFFFFF 100%);padding:6px;margin:4px auto 8px;display:block;} .lh-follow-tip{font-size:12px;color:rgba(0,229,255,0.7);margin-bottom:12px;} .lh-landing{position:fixed;inset:0;z-index:300;display:flex;align-items:center;justify-content:center;padding:20px;background:linear-gradient(160deg,rgba(20,12,40,.95),rgba(35,22,68,.95));} .lh-landing-brand{font-size:26px;letter-spacing:2px;} .lh-landing-sub{font-size:13px;color:#2563EB;margin-bottom:14px;letter-spacing:3px;} .lh-toast{position:fixed;left:50%;bottom:90px;transform:translateX(-50%) translateY(8px);background:rgba(20,12,40,.95);color:#1F2937;border:1px solid rgba(37,99,235,.4);padding:9px 16px;border-radius:22px;font-size:13px;z-index:250;opacity:0;transition:all .25s;pointer-events:none;} .lh-toast.show{opacity:1;transform:translateX(-50%) translateY(0);} /* 鍘荤櫧搴?楂樺姣?*/ [style*="background:#fff" i],[style*="background:#ffffff" i],[style*="background:white" i]{background:rgba(35,22,68,.85)!important;color:#1F2937!important} [style*="background-color: #F5F7FA" i],[style*="background-color:#ffffff" i]{background-color:rgba(35,22,68,.85)!important} .btn-action.share{background:rgba(45,30,79,.7)!important;color:#1F2937!important;border-color:rgba(37,99,235,.5)!important} .perm-modal-content,.upload-modal-content,.modal,.overlay-box{background:rgba(35,22,68,.95)!important;color:#1F2937!important;border:1px solid rgba(37,99,235,.3)} .global-disclaimer{background:rgba(0,0,0,0.1)!important;color:rgba(0,229,255,0.7)!important} .cross-promo{background:rgba(45,30,79,.5)!important;color:#1F2937!important} .cross-promo-link{background:rgba(35,22,68,.7)!important;color:#1F2937!important} /* 绱у噾 */ .result-screen,.result-actions,.unlock-section{margin-top:6px!important;padding-top:0!important} .result-actions{margin-top:10px!important;gap:8px!important} .cross-promo{margin-top:10px!important;padding:10px 12px!important} .global-disclaimer{margin-top:8px!important;padding:10px 12px!important} .btn-unlock{padding:12px 30px!important;font-size:15px!important} .unlock-hint{margin-top:6px!important} /* 鍘诲浣欐寜閽?閲嶆柊娴嬭瘯 */ .btn-action.retest{display:none!important} </style> <style> .starry{position:absolute;inset:0;z-index:0;overflow:hidden;pointer-events:none;; overflow: hidden; } .starry ~ *{position:relative;z-index:1;} .s-star{position:absolute;background: linear-gradient(160deg, #F5F7FA 0%, #F5F7FA 50%, #FFFFFF 100%);border-radius:50%;box-shadow:0 0 4px rgba(31,41,55,1),0 0 9px rgba(200,200,255,.55);animation-name:stw;animation-timing-function:ease-in-out;animation-iteration-count:infinite;} @keyframes stw{0%,100%{opacity:.15;transform:scale(.6)}50%{opacity:1;transform:scale(1.35)}} .s-shoot{position:absolute;width:90px;height:1.5px;background:linear-gradient(90deg,transparent,rgba(31,41,55,1));top:12%;left:-100px;transform:rotate(22deg);animation:sh 11s linear infinite;opacity:0;box-shadow:0 0 6px rgba(75,85,99,1);} @keyframes sh{0%{transform:translateX(0) translateY(0) rotate(22deg);opacity:0}3%{opacity:1}12%{transform:translateX(120vw) translateY(45vh) rotate(22deg);opacity:0}100%{opacity:0}} </style> <link rel="stylesheet" href="/css/ai-enhance.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"> </head> <body class="lh-bg-tech"> <div id="app" v-cloak><div class="starry" aria-hidden="true"><span class="s-shoot"><span class="s-star" style="top:94.9%;left:6.9%;width:3.5px;height:3.5px;animation-delay:1.27s;animation-duration:4.55s"><span class="s-star" style="top:7.2%;left:34.4%;width:2px;height:2px;animation-delay:4.68s;animation-duration:5.02s"><span class="s-star" style="top:51.4%;left:89.6%;width:4px;height:4px;animation-delay:0.6s;animation-duration:3.53s"><span class="s-star" style="top:82.3%;left:84.3%;width:4px;height:4px;animation-delay:3.55s;animation-duration:3.67s"><span class="s-star" style="top:85.8%;left:23.5%;width:2px;height:2px;animation-delay:0.64s;animation-duration:3.03s"><span class="s-star" style="top:51.9%;left:21.7%;width:3px;height:3px;animation-delay:1.22s;animation-duration:4.36s"><span class="s-star" style="top:34.6%;left:40.4%;width:2px;height:2px;animation-delay:2.96s;animation-duration:3.04s"><span class="s-star" style="top:28.8%;left:53.2%;width:2px;height:2px;animation-delay:4.42s;animation-duration:3.9s"><span class="s-star" style="top:94.6%;left:11.9%;width:3.5px;height:3.5px;animation-delay:1.07s;animation-duration:4.31s"><span class="s-star" style="top:19.2%;left:60.3%;width:2px;height:2px;animation-delay:2.0s;animation-duration:4.76s"><span class="s-star" style="top:2.8%;left:80.0%;width:3.5px;height:3.5px;animation-delay:3.84s;animation-duration:3.86s"><span class="s-star" style="top:59.6%;left:27.0%;width:3px;height:3px;animation-delay:3.67s;animation-duration:3.77s"><span class="s-star" style="top:68.6%;left:81.9%;width:2.5px;height:2.5px;animation-delay:1.04s;animation-duration:3.81s"><span class="s-star" style="top:34.1%;left:31.6%;width:2.5px;height:2.5px;animation-delay:0.21s;animation-duration:2.88s"><span class="s-star" style="top:55.7%;left:51.9%;width:2.5px;height:2.5px;animation-delay:3.24s;animation-duration:3.23s"><span class="s-star" style="top:11.6%;left:67.7%;width:4px;height:4px;animation-delay:2.34s;animation-duration:2.71s"><span class="s-star" style="top:30.4%;left:83.3%;width:3px;height:3px;animation-delay:3.29s;animation-duration:4.99s"><span class="s-star" style="top:77.3%;left:44.8%;width:3.5px;height:3.5px;animation-delay:0.07s;animation-duration:4.68s"><span class="s-star" style="top:65.4%;left:96.2%;width:3.5px;height:3.5px;animation-delay:2.55s;animation-duration:3.91s"><span class="s-star" style="top:76.7%;left:46.1%;width:2px;height:2px;animation-delay:0.78s;animation-duration:4.11s"><span class="s-star" style="top:14.7%;left:43.0%;width:1.5px;height:1.5px;animation-delay:0.8s;animation-duration:3.48s"><span class="s-star" style="top:28.4%;left:94.0%;width:3px;height:3px;animation-delay:0.56s;animation-duration:3.93s"><span class="s-star" style="top:81.0%;left:71.8%;width:2.5px;height:2.5px;animation-delay:4.58s;animation-duration:4.42s"><span class="s-star" style="top:63.9%;left:72.7%;width:2px;height:2px;animation-delay:4.1s;animation-duration:2.93s"><span class="s-star" style="top:78.5%;left:64.9%;width:2px;height:2px;animation-delay:3.48s;animation-duration:4.36s"><span class="s-star" style="top:21.7%;left:87.6%;width:2px;height:2px;animation-delay:0.62s;animation-duration:3.59s"><span class="s-star" style="top:55.7%;left:8.6%;width:2px;height:2px;animation-delay:1.07s;animation-duration:4.41s"><span class="s-star" style="top:53.8%;left:85.5%;width:4px;height:4px;animation-delay:4.81s;animation-duration:4.35s"><span class="s-star" style="top:83.2%;left:55.2%;width:3.5px;height:3.5px;animation-delay:4.92s;animation-duration:3.16s"><span class="s-star" style="top:63.5%;left:55.0%;width:2.5px;height:2.5px;animation-delay:2.95s;animation-duration:4.98s"><span class="s-star" style="top:84.4%;left:9.4%;width:2px;height:2px;animation-delay:3.05s;animation-duration:3.73s"><span class="s-star" style="top:92.6%;left:15.3%;width:3px;height:3px;animation-delay:0.44s;animation-duration:4.34s"><span class="s-star" style="top:32.1%;left:84.2%;width:1.5px;height:1.5px;animation-delay:1.35s;animation-duration:3.92s"><span class="s-star" style="top:88.6%;left:90.5%;width:2.5px;height:2.5px;animation-delay:2.95s;animation-duration:3.31s"><span class="s-star" style="top:66.8%;left:45.8%;width:3px;height:3px;animation-delay:2.01s;animation-duration:5.19s"><span class="s-star" style="top:70.7%;left:18.7%;width:2.5px;height:2.5px;animation-delay:2.41s;animation-duration:4.95s"><span class="s-star" style="top:17.5%;left:34.4%;width:2px;height:2px;animation-delay:2.84s;animation-duration:2.52s"><span class="s-star" style="top:70.8%;left:10.9%;width:3px;height:3px;animation-delay:2.57s;animation-duration:4.58s"><span class="s-star" style="top:13.9%;left:95.6%;width:2px;height:2px;animation-delay:2.42s;animation-duration:3.12s"><span class="s-star" style="top:65.9%;left:73.2%;width:2.5px;height:2.5px;animation-delay:2.12s;animation-duration:2.99s"><span class="s-star" style="top:62.3%;left:42.5%;width:2px;height:2px;animation-delay:4.6s;animation-duration:3.71s"><span class="s-star" style="top:54.5%;left:52.9%;width:3px;height:3px;animation-delay:4.72s;animation-duration:3.51s"><span class="s-star" style="top:59.8%;left:50.4%;width:2px;height:2px;animation-delay:3.76s;animation-duration:3.19s"><span class="s-star" style="top:28.7%;left:64.2%;width:2px;height:2px;animation-delay:1.01s;animation-duration:5.08s"><span class="s-star" style="top:15.1%;left:77.1%;width:3.5px;height:3.5px;animation-delay:4.26s;animation-duration:4.11s"><span class="s-star" style="top:86.4%;left:37.2%;width:1.5px;height:1.5px;animation-delay:0.11s;animation-duration:4.62s"><span class="s-star" style="top:45.4%;left:64.0%;width:2px;height:2px;animation-delay:0.91s;animation-duration:3.16s"><span class="s-star" style="top:54.9%;left:54.8%;width:4px;height:4px;animation-delay:0.65s;animation-duration:4.34s"><span class="s-star" style="top:59.3%;left:38.0%;width:4px;height:4px;animation-delay:1.42s;animation-duration:4.54s"><span class="s-star" style="top:67.4%;left:60.3%;width:2px;height:2px;animation-delay:2.65s;animation-duration:4.26s"><span class="s-star" style="top:51.5%;left:28.1%;width:2px;height:2px;animation-delay:3.95s;animation-duration:4.76s"><span class="s-star" style="top:63.8%;left:67.4%;width:2px;height:2px;animation-delay:4.91s;animation-duration:4.52s"><span class="s-star" style="top:40.5%;left:10.8%;width:2.5px;height:2.5px;animation-delay:3.04s;animation-duration:5.09s"><span class="s-star" style="top:75.2%;left:74.0%;width:4px;height:4px;animation-delay:4.89s;animation-duration:4.66s"><span class="s-star" style="top:10.2%;left:89.4%;width:2.5px;height:2.5px;animation-delay:2.56s;animation-duration:2.67s"><span class="s-star" style="top:6.4%;left:62.7%;width:3.5px;height:3.5px;animation-delay:2.8s;animation-duration:2.41s"><span class="s-star" style="top:73.1%;left:89.5%;width:2.5px;height:2.5px;animation-delay:3.74s;animation-duration:4.56s"><span class="s-star" style="top:81.3%;left:47.0%;width:4px;height:4px;animation-delay:3.33s;animation-duration:4.2s"><span class="s-star" style="top:62.5%;left:90.0%;width:3px;height:3px;animation-delay:1.45s;animation-duration:3.09s"><span class="s-star" style="top:41.2%;left:63.0%;width:3px;height:3px;animation-delay:3.92s;animation-duration:4.8s"><span class="s-star" style="top:57.6%;left:31.7%;width:3px;height:3px;animation-delay:0.56s;animation-duration:2.56s"><span class="s-star" style="top:61.1%;left:43.9%;width:2.5px;height:2.5px;animation-delay:4.2s;animation-duration:5.14s"></div><div class="home-screen" v-if="step==='home'"> <div class="home-date">{{ todayStr }}</div> <div class="logo-icon" :class="{ pulse: !tested }">馃彯</div> <h1 class="home-title">AI姣忔棩杩愬娍</h1> <p class="home-subtitle">姣忔棩涓€娴嬶紝AI瑙ｈ浣犱粖鏃ョ殑杩愬娍璧板悜<br>{{ tested ? '浠婃棩宸叉祴璇曪紝鏌ョ湅缁撴灉' : '鍥炵瓟3涓棶棰橈紝浜嗚В浠婂ぉ鐨勪綘' }}</p> <button class="btn-start" @click="startTest" v-if="!tested">馃幆寮€濮嬩粖鏃ユ祴璇?/button> <button class="btn-start" @click="viewResult" v-else>馃摐鏌ョ湅浠婃棩缁撴灉</button> <p class="home-counter" v-if="serviceCount>0">宸蹭负 {{ formatNumber(serviceCount) }} 浣嶇敤鎴峰仛杩囨祴璇?/p> </div> <div class="question-screen" v-if="step==='questions'"> <div class="question-progress"> <span v-for="i in 3" :key="i" :class="{ active: i===qIndex+1, done: i<qIndex+1 }"> </div> <div class="question-text">{{ currentQuestion.text }}</div> <div class="question-options"> <div class="question-opt" v-for="(opt,oi) in currentQuestion.options" :key="oi" :class="{ selected: selectedAnswers[qIndex]===oi }" @click="selectAnswer(oi, opt.score)"> <span class="opt-icon">{{ opt.icon }} <span class="opt-text">{{ opt.text }} </div> </div> </div> <div class="result-screen" v-if="step==='result' && resultData"> <div class="result-card"> <div class="result-label">馃搮 {{ todayStr }} 姣忔棩杩愬娍</div> <div class="result-type">{{ resultData.type }}</div> <div class="result-keyword">銆寋{ resultData.keyword }}銆?/div> <div class="result-summary">{{ resultData.summary }}</div> </div> <p class="result-disclaimer">鈿狅笍鏈唴瀹逛粎渚涘ū涔愬弬鑰冿紝骞堕潪涓撲笟蹇冪悊瀛﹀垎鏋?/p> <div v-for="(d, i) in dimensions" :key="d.id" v-if="i < 2" class="dim-card" :class="{'blurred-card': !unlocked}"> <div class="dim-header"> <span class="dim-name">{{ d.icon }} {{ d.name }}</span> <span class="dim-stars">{{ d.stars }}</span> </div> <div class="dim-desc">{{ d.desc }}</div> </div> <div class="unlock-section" v-if="!unlocked"> <button class="btn-assess-unlock" @click="showPayModal">馃敁瑙ｉ攣瀹屾暣杩愬娍瑙ｈ</button> </div> <div v-for="(d, i) in dimensions" :key="d.id + '_blur'" v-if="i >= 2" class="dim-card blurred-card"> <div class="dim-header"> <span class="dim-name">{{ d.icon }} {{ d.name }}</span> <span class="dim-stars">{{ d.stars }}</span> </div> <div class="dim-desc">{{ d.desc }}</div> </div>  <div v-if="aiContent || aiLoading" class="ai-content-card" style="background:linear-gradient(135deg,#2563EB 0%,#3B82F6 100%);border-radius:16px;padding:20px;margin:16px 0;color:#1F2937;box-shadow:0 4px 20px rgba(102,126,234,0.3);"> <div style="display:flex;align-items:center;gap:8px;margin-bottom:12px;"> <span style="font-size:20px;">馃 <span style="font-size:15px;font-weight:700;letter-spacing:1px;">AI澶фā鍨嬫繁搴﹁В璇? <span style="font-size:10px;background: rgba(37,99,235, 0.1);padding:2px 8px;border-radius:10px;margin-left:auto;">Powered by GLM-4 </div> <div v-if="aiLoading && !aiContent" style="text-align:center;padding:20px 0;"> <div style="display:inline-block;width:40px;height:40px;border:3px solid #9CA3AF;border-top-color:#1F2937;border-radius:50%;animation:ai-spin 0.8s linear infinite;"></div> <div style="margin-top:12px;font-size:13px;opacity:0.9;">猸?AI姝ｅ湪瑙傛祴鏄熻薄...</div> <style>@keyframes ai-spin{to{transform:rotate(360deg)}}</style> </div> <div v-else style="font-size:14px;line-height:1.8;white-space:pre-wrap;opacity:0.95;"> {{ aiContent }}<span v-if="aiLoading" style="display:inline-block;width:2px;height:16px;background: linear-gradient(160deg, #F5F7FA 0%, #F5F7FA 50%, #FFFFFF 100%);animation:ai-blink 0.8s step-end infinite;vertical-align:middle;margin-left:2px;"> <style>@keyframes ai-blink{0%,100%{opacity:1}50%{opacity:0}} /* Blurred card */ .blurred-card { filter: blur(5px); opacity: 0.45; pointer-events: none; user-select: none; } </style> </div> </div> <div class="result-actions"> <button class="btn-action retest" @click="handleRetest">馃攧鏄庡ぉ鍐嶆潵</button> </div> <div class="global-disclaimer"> 鈿狅笍鍏ㄩ儴鍐呭浠呬綔涓鸿叮鍛冲ū涔愬弬鑰冿紝鏃犵瀛﹂娴嬩綔鐢紝涓嶅彲浣滀负浜虹敓鍐崇瓥渚濇嵁銆?br><a href="https://beian.miit.gov.cn/" target="_blank" rel="noopener">婊嘔CP澶?024038048鍙?2</a> </div> <div class="cross-promo"> <div class="cross-promo-title">杩樻兂娴嬩粈涔堬紵</div> <div class="cross-promo-links"> <a class="cross-promo-link" href="/face.html"><span class="cross-promo-icon">馃敭 AI闈㈤儴姘旇川鍒嗘瀽路鎺㈢浣犵殑鎬ф牸</a> <a class="cross-promo-link" href="/tarot.html"><span class="cross-promo-icon">馃儚 AI濉旂綏鐗?路閫忚浣犵殑蹇冩剰</a> <a class="cross-promo-link" href="/personality.html"><span class="cross-promo-icon">馃 AI鎬ф牸娴嬭瘯路鍙戠幇鐪熷疄鐨勪綘</a> <a class="cross-promo-link" href="/past-life.html"><span class="cross-promo-icon">馃尭 AI鍓嶄笘浠婄敓路鎺㈠浣犵殑鍓嶄笘</a> <a class="cross-promo-link" href="/beauty.html"><span class="cross-promo-icon">鉁?AI棰滃€煎垎鏋?路娴嬫祴浣犵殑棰滃€?/a> <a class="cross-promo-link" href="/name-score.html"><span class="cross-promo-icon">馃摑鍚嶅瓧鏂囧寲鎬ф牸娴嬭瘎路鎺㈢储鍚嶅瓧鍐呮兜</a> </div> </div> <div class="cross-promo"> <div class="cross-promo-title">馃摳 AI璇佷欢鐓у伐鍏风</div> <div class="cross-promo-links"> <a class="cross-promo-link" href="/idphoto.html"><span class="cross-promo-icon">馃帹 AI鎹㈠簳鑹茶瘉浠剁収</a> <a class="cross-promo-link" href="/beautify.html"><span class="cross-promo-icon">鉁?AI缇庨绮句慨</a> <a class="cross-promo-link" href="/crop.html"><span class="cross-promo-icon">鉁傦笍 AI鏅鸿兘瑁佸壀灏哄</a> <a class="cross-promo-link" href="/layout.html"><span class="cross-promo-icon">馃枿锔?鐩哥焊鎺掔増鎵撳嵃</a> <a class="cross-promo-link" href="/professional.html"><span class="cross-promo-icon">馃捈鑱屼笟褰㈣薄鐓?/a> </div> </div> </div> <div class="toast" v-if="toastMsg" v-text="toastMsg"></div> </div> <script> const QUESTIONS = [ { text: '浠婂ぉ璧峰簥鏃讹紝浣犵殑蹇冩儏鐘舵€佹槸锛?, options: [ { icon: '馃槉', text: '鍏冩皵婊℃弧锛屽厖婊℃湡寰?, score: 3 }, { icon: '馃槓', text: '骞冲钩娣℃贰锛屾寜閮ㄥ氨鐝?, score: 2 }, { icon: '馃槾', text: '杩樻兂鍐嶇潯涓€浼氬効', score: 1 } ] }, { text: '浠婂ぉ鐨勪綘锛屾渶鎯虫€庝箞搴﹁繃锛?, options: [ { icon: '馃弮', text: '鍑洪棬璧拌蛋锛岃瑙佹湅鍙?, score: 3 }, { icon: '馃捈', text: '涓撴敞宸ヤ綔鎴栧涔狅紝鍏呭疄涓€澶?, score: 2 }, { icon: '馃摎', text: '瀹呭鏀炬澗锛屼韩鍙楃嫭澶?, score: 1 } ] }, { text: '浠婂ぉ浣犳渶鎯冲皾璇曚粈涔堟柊浜嬬墿锛?, options: [ { icon: '馃嵆', text: '鍋氫竴閬撴病鍋氳繃鐨勮彍', score: 3 }, { icon: '馃幃', text: '璇曡瘯鏂版父鎴忔垨鏂癆pp', score: 2 }, { icon: '馃幍', text: '寰幆鍚啛鎮夌殑姝屽崟灏卞ソ', score: 1 } ] } ]; const RESULT_TYPES = [ { type: '澶栧悜鎺㈢储鍨?, keyword: '娲诲姏鍥涘皠', summary: '浠婂ぉ鐨勪綘鍏呮弧鑳介噺鍜屽ソ濂囧績锛屽鏂颁簨鐗╄穬璺冩璇曘€傞€傚悎杩堝嚭鑸掗€傚湀锛屼富鍔ㄤ笌浜轰氦娴併€佸皾璇曟柊浣撻獙銆傛敞鎰忛€傚綋鏀舵暃绮惧姏锛岄伩鍏嶈檸澶磋泧灏俱€? }, { type: '娌夌ǔ楂樻晥鍨?, keyword: '涓撴敞鑷磋繙', summary: '浠婂ぉ鐨勪綘鎬濊矾娓呮櫚銆佸仛浜嬫湁鏉＄悊銆傞€傚悎闆嗕腑绮惧姏瀹屾垚鎵嬪ご鐨勯噸瑕佷换鍔★紝鏁堢巼浼氭瘮骞虫椂楂樺緢澶氥€傝寰楅€傛椂浼戞伅锛岃澶ц剳淇濇寔鏈€浣崇姸鎬併€? }, { type: '鍐呯渷骞冲拰鍨?, keyword: '闈欐按娴佹繁', summary: '浠婂ぉ鐨勪綘鍊惧悜浜庡悜鍐呮帰绱紝浜彈鐙鏃跺厜銆傝繖鏄矇娣€鎬濊€冪殑濂芥椂鏈猴紝閫傚悎璇讳功銆佸啓浣滄垨鏁寸悊鎬濈华銆傚唴蹇冪殑骞抽潤鏄渶濂界殑鍏呯數鏂瑰紡銆? }, { type: '鍧囪　鍜岃皭鍨?, keyword: '寮犲紱鏈夊害', summary: '浠婂ぉ鐨勪綘鍦ㄥ悇涓淮搴﹂兘寰堝钩琛★紝鏃笉杩囧垎婵€杩涗篃涓嶈繃鍒嗕繚瀹堛€傝繖绉嶇姸鎬佽浣犺兘浠庡搴斿鍚勭鎯呭喌锛屾槸浠婂ぉ鏈€鑸掓湇鐨勭姸鎬併€? }, { type: '绀句氦娲昏穬鍨?, keyword: '浜烘皵婊℃弧', summary: '浠婂ぉ鐨勪綘绀句氦娆叉湜寮虹儓锛岄€傚悎绾︽湅鍙嬭仛椁愩€佸弬鍔犳椿鍔ㄣ€備綘鐨勭儹鎯呬細鎰熸煋韬竟鐨勪汉锛屼汉闄呭叧绯荤殑浜掑姩璁╀綘鑾峰緱鑳介噺鍜屾弧瓒虫劅銆? }, { type: '鍒涢€犺扛鍙戝瀷', keyword: '鐏垫劅娑岀幇', summary: '浠婂ぉ浣犵殑鍒涢€犲姏鍜屾兂璞″姏杈惧埌宄板€笺€傞€傚悎杩涜鍒涙剰绫诲伐浣滄垨鑹烘湳琛ㄨ揪锛屽緢澶氬钩鏃舵兂涓嶅埌鐨勭偣瀛愪細鍦ㄤ粖澶╂诞鐜般€傝刀绱ц褰曚笅鏉ワ紒' } ]; const DIM_TEMPLATES = { social: [ '绀句氦鍊惧悜鍋忛珮锛屼粖澶╃殑浣犲湪浜虹兢涓細琛ㄧ幇娲昏穬銆傞€傚悎鍙備笌闆嗕綋娲诲姩鎴栧洟闃熷悎浣滐紝浣犵殑鐑儏浼氭劅鏌撲粬浜恒€備笌浜轰氦娴佽兘鑾峰緱棰濆鐨勮兘閲忓拰鐏垫劅銆?, '绀句氦鍊惧悜閫備腑锛屼粖澶╂棦鎰挎剰涓庝汉浜掑姩涔熻兘浜彈鐙銆備綘鐨勭ぞ浜よ妭濂忓湪鑸掗€傚尯锛屼笉鐢ㄥ埢鎰忔敼鍙樸€傞伒寰唴蹇冪殑鎰熷彈锛屾兂鍘诲氨鍘伙紝鎯抽潤灏遍潤銆?, '绀句氦鍊惧悜鍋忎綆锛屼粖澶╀綘鏇村€惧悜浜庡畨闈欏湴鐙鎴栧皬鑼冨洿浜ゆ祦銆傝繖涓嶆槸鍧忎簨锛岄€傚綋鐨勮嚜鎴戠┖闂存湁鍔╀簬鍙嶆€濆拰鍏呯數銆傚惉浠庡唴蹇冪殑澹伴煶灏卞ソ銆? ], action: [ '琛屽姩鍔涜緝寮猴紝浠婂ぉ鐨勪綘鍋氫簨鏋滄柇涓嶇姽璞€傞€傚悎澶勭悊閭ｄ簺涓€鐩存嫋寤剁殑浠诲姟锛岃秮杩欒偂鍔插ご涓€榧撲綔姘旀悶瀹氥€傛晥鐜囦細瓒呭嚭浣犵殑棰勬湡銆?, '琛屽姩鍔涢€備腑锛屼粖澶╃殑浣犵ǔ鎵庣ǔ鎵撲笉鍐掕繘銆傛寜璁″垝鎺ㄨ繘鏄粖澶╃殑涓绘棆寰嬶紝铏界劧閫熷害涓嶅揩浣嗘瘡涓€姝ラ兘璧板緱寰堟墡瀹炪€傞€傚悎鍋氶渶瑕佽€愬績鍜岀粏鑷寸殑宸ヤ綔銆?, '琛屽姩鍔涚◢缂擄紝浠婂ぉ鐨勪綘鏇撮€傚悎鎬濊€冨拰瑙勫垝鑰岄潪鎵ц銆備笉濡ㄥ埄鐢ㄨ繖涓姸鎬侊紝濂藉ソ姊崇悊涓嬪懆鐨勮鍒掑拰鏂瑰悜銆傜（鍒€涓嶈鐮嶆煷宸ワ紝鎯虫竻妤氫簡鍐嶅姩銆? ], openness: [ '寮€鏀惧害楂橈紝浠婂ぉ浣犲鏂颁綋楠屽厖婊″ソ濂囧績鍜屽寘瀹瑰姏銆傞€傚悎鎺ヨЕ涓嶅悓棰嗗煙鐨勪汉鍜屼俊鎭紝鍙兘浼氭敹鑾锋剰鎯充笉鍒扮殑鍚彂銆備繚鎸佸紑鏀惧績鎬侊紝璁╀笘鐣岀粰浣犳儕鍠溿€?, '寮€鏀惧害閫備腑锛屼粖澶╃殑浣犳棦淇濇寔瀵规柊浜嬬墿鐨勫叴瓒ｄ篃鍧氭寔鑷繁鐨勫師鍒欍€傝繖鏄竴绉嶅仴搴风殑骞宠　锛屾棦涓嶈繃鍒嗕繚瀹堜篃涓嶇洸鐩拷閫愭疆娴併€?, '寮€鏀惧害鍋忎綆锛屼粖澶╃殑浣犲€惧悜浜庡畧鍦ㄨ嚜宸辩啛鎮夊拰鑸掗€傜殑鍖哄煙銆傝繖璁╀綘鎰熷埌瀹夊叏鍜屾斁鏉撅紝浣嗗伓灏斾篃鍙互缁欒嚜宸变竴鐐瑰皬灏忕殑鏂颁綋楠屼綔涓鸿皟鍓傘€? ], stability: [ '鎯呯华绋冲畾鎬ч珮锛屼粖澶╀綘鐨勫唴蹇冨钩闈欎粠瀹广€傞潰瀵圭獊鍙戞儏鍐典篃鑳戒繚鎸佺悊鎬у拰鍐烽潤锛岃繖绉嶇姸鎬佽浣犲湪鍏抽敭鏃跺埢琛ㄧ幇鍑鸿壊銆傜户缁繚鎸佽繖浠戒粠瀹广€?, '鎯呯华绋冲畾鎬ч€備腑锛屼粖澶╀綘澶ч儴鍒嗘椂闂磋兘淇濇寔骞崇ǔ銆傚伓灏旂殑灏忔儏缁尝鍔ㄦ槸姝ｅ父鐨勶紝鎺ョ撼瀹冧滑鑰岄潪瀵规姉锛屽弽鑰岃兘璁╁績澧冩洿蹇洖鍒板钩琛°€?, '鎯呯华绋冲畾鎬х◢浣庯紝浠婂ぉ浣犲彲鑳芥瘮骞虫椂鏇存晱鎰熶竴浜涖€備笉蹇呰嫑璐ｈ嚜宸憋紝瑙夊療鍒版儏缁殑璧蜂紡鏈韩灏辨槸涓€绉嶈兘鍔涖€傜粰鑷繁涓€浜涙煍杞殑绌洪棿銆? ] }; const { createApp } = Vue; createApp({ data() { return { step: 'home', tested: false, qIndex: 0, selectedAnswers: [], resultData: null, dimensions: [], unlocked: false, aiContent: null, aiLoading: false, showAdModal: false, serviceCount: 19876, toastMsg: null, toastTimer: null, todayStr: '' } }, computed: { currentQuestion() { return QUESTIONS[this.qIndex]; } }, mounted() { const d = new Date(); this.todayStr = d.getFullYear()+'骞?+(d.getMonth()+1)+'鏈?+d.getDate()+'鏃?鍛?+['鏃?,'涓€','浜?,'涓?,'鍥?,'浜?,'鍏?][d.getDay()]; this.checkSavedState(); this.fetchServiceCount(); this.setupWxShare(); setInterval(() => { this.serviceCount += Math.floor(Math.random()*3)+1; }, 5000); }, methods: { checkSavedState() { try { const saved = localStorage.getItem('daily_trait_state'); if (saved) { const data = JSON.parse(saved); const today = new Date().toDateString(); if (data.date === today && data.resultData) { this.step = 'home'; this.tested = true; this.resultData = data.resultData; this.dimensions = data.dimensions || []; } } } catch(e) {} }, async fetchServiceCount() { try { const r = await fetch('/api/service-count'); const d = await r.json(); if (d.code===0 && d.count>0) this.serviceCount = d.count + 8688; } catch(e) {} }, async setupWxShare() { try { const r = await fetch('/api/wx-jsconfig?url='+encodeURIComponent(window.location.href)); const d = await r.json(); if (d.code===0 && d.config && window.wx) { window.wx.config({ debug:false, appId:d.config.appId, timestamp:d.config.timestamp, nonceStr:d.config.nonceStr, signature:d.config.signature, jsApiList:['updateAppMessageShareData','updateTimelineShareData'] }); window.wx.ready(() => { const sd = { title:'AI姣忔棩杩愬娍路浠婃棩杩愬娍棰勬祴', desc:'娴嬩簡浠婂ぉ鐨勮繍鍔匡紝鎸哄噯鐨勶紒浣犱篃鏉ヨ瘯璇晘', link:window.location.href, imgUrl: 'https://榫欐収浜?com/og-cover.jpg' }; window.wx.updateAppMessageShareData(sd); window.wx.updateTimelineShareData(sd); }); } } catch(e) {} }, formatNumber(n) { return n.toString().replace(/\B(?=(\d{3})+(?!\d))/g,','); }, showToast(msg, dur=2000) { this.toastMsg=msg; clearTimeout(this.toastTimer); this.toastTimer=setTimeout(()=>{this.toastMsg=null;},dur); }, startTest() { this.step = 'questions'; this.qIndex = 0; this.selectedAnswers = []; }, selectAnswer(idx, score) { this.selectedAnswers.push(score); if (this.qIndex < 2) { this.qIndex++; } else { this.generateResult(); this.enhanceWithAI(); } }, generateResult() { const total = this.selectedAnswers.reduce((a,b)=>a+b,0); const typeIdx = total >= 7 ? 0 : total >= 6 ? 1 : total >= 5 ? 2 : total >= 4 ? 3 : total >= 3 ? 4 : 5; const result = RESULT_TYPES[typeIdx]; this.resultData = result; const pick = arr => arr[Math.floor(Math.random()*arr.length)]; const s1 = this.selectedAnswers[0], s2 = this.selectedAnswers[1], s3 = this.selectedAnswers[2]; this.dimensions = [ { id:'social', icon:'馃挰', name:'绀句氦鍊惧悜', stars: s1 === 3 ? 5 : s1 === 2 ? 3 : 2, detail: s1 >= 3 ? DIM_TEMPLATES.social[0] : s1 === 2 ? DIM_TEMPLATES.social[1] : DIM_TEMPLATES.social[2] }, { id:'action', icon:'馃挭', name:'琛屽姩鍔?, stars: s2 === 3 ? 5 : s2 === 2 ? 3 : 2, detail: s2 >= 3 ? DIM_TEMPLATES.action[0] : s2 === 2 ? DIM_TEMPLATES.action[1] : DIM_TEMPLATES.action[2] }, { id:'openness', icon:'馃挕', name:'寮€鏀炬€?, stars: s3 === 3 ? 5 : s3 === 2 ? 3 : 2, detail: s3 >= 3 ? DIM_TEMPLATES.openness[0] : s3 === 2 ? DIM_TEMPLATES.openness[1] : DIM_TEMPLATES.openness[2] }, { id:'stability', icon:'馃', name:'鎯呯华绋冲畾', stars: Math.min(5, Math.max(2, Math.round(total/3 + (Math.random()-0.5)))), detail: pick(DIM_TEMPLATES.stability) } ]; this.step = 'result'; this.tested = true; this.unlocked = false; this.saveState(); }, viewResult() { this.step = 'result'; }, saveState() { try { localStorage.setItem('daily_trait_state', JSON.stringify({ resultData:this.resultData, dimensions:this.dimensions, date:new Date().toDateString(), timestamp:Date.now() })); } catch(e) {} }, showPayModal() { this.showAdModal = false; const self = this; showAssessUnlockModal('fortune', { onAdUnlock() { self.unlocked = true; self.saveState(); self.showToast('鉁?瑙ｉ攣鎴愬姛锛佹煡鐪嬪畬鏁存€ф牸瑙ｈ'); }, onShareUnlock() { self.unlocked = true; self.saveState(); self.showToast('鉁?瑙ｉ攣鎴愬姛锛佹煡鐪嬪畬鏁存€ф牸瑙ｈ'); } onPayUnlock() { startPayment('fortune', function() { self.unlocked = true; self.saveState(); self.downloadResult(); }); }, });; }, // AI澶фā鍨嬪寮猴細娴佸紡鐢熸垚姣忔棩杩愬娍锛岄€愬瓧鏄剧ず async enhanceWithAI() { this.aiLoading = true; this.aiContent = ''; const today = new Date().toISOString().split('T')[0]; AIStream.stream('fortune', {zodiac:this.selectedZodiac||'鐧界緤搴?, date:today}, (content) => { this.aiContent = content; }, (full) => { this.aiContent = full; this.aiLoading = false; console.log('[AI] 姣忔棩杩愬娍AI澧炲己鎴愬姛'); }, (err) => { console.log('[AI] 姣忔棩杩愬娍闄嶇骇:', err); this.aiLoading = false; } ); }, handleShare() { if (window.wx && window.wx.ready) { this.showToast('璇风偣鍑诲彸涓婅銆屸€︺€嶅垎浜粰鏈嬪弸鎴栨湅鍙嬪湀'); } else { const link = window.location.href; if (navigator.clipboard) navigator.clipboard.writeText(link).then(()=>this.showToast('閾炬帴宸插鍒讹紒鍒嗕韩缁欐湅鍙嬩滑鍚?)); else this.showToast('璇锋墜鍔ㄥ鍒堕摼鎺ュ垎浜?); } }, handleRetest() { localStorage.removeItem('daily_trait_state'); this.step='home'; this.tested=false; this.resultData=null; this.dimensions=[]; this.unlocked=false; } } }).mount('#app'); </script> <script src="/js/ai-stream.js"></script> <script src="/js/pricing.js?v=20260721d"></script> <script src="https://qzs.gdtimg.com/union/res/union_sdk/page/unjs/un.js"></script> <script> (function() { var params = new URLSearchParams(window.location.search); var ref = params.get('ref'); if (ref && ref.startsWith('sh_')) { fetch('https://lhy-h5.pages.dev/api/share-verify', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ token: ref, toolKey: 'fortune' }) }).catch(function() {}); } var STORED_NICK = localStorage.getItem('lh_nickname'); if (!STORED_NICK) { document.addEventListener('DOMContentLoaded', function() { setTimeout(function() { var overlay = document.createElement('div'); overlay.id = 'lh-login-overlay'; overlay.style.cssText = 'position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.75);z-index:999998;display:flex;align-items:center;justify-content:center;padding:20px;'; overlay.innerHTML = '<div style="background:#fff;border-radius:20px;padding:32px 24px;max-width:320px;width:100%;text-align:center;box-shadow:0 8px 32px rgba(0,0,0,0.2);">' + '<div style="font-size:56px;margin-bottom:12px;">👤</div>' + '<div style="font-size:18px;font-weight:700;color:#1a1a1a;margin-bottom:6px;">欢迎进入龙慧云</div>' + '<div style="font-size:13px;color:#888;margin-bottom:24px;line-height:1.6;">请输入你的昵称，开始AI测评之旅</div>' + '<input id="lh-login-nick" type="text" placeholder="输入昵称" maxlength="12" style="width:100%;padding:12px 14px;border:1.5px solid #e0e0e0;border-radius:12px;font-size:15px;box-sizing:border-box;margin-bottom:14px;outline:none;" />' + '<button id="lh-login-btn" style="width:100%;padding:14px;background:linear-gradient(135deg,#165DFF,#2979FF);color:#fff;border:none;border-radius:50px;font-size:15px;font-weight:700;cursor:pointer;">确定进入</button>' + '<div id="lh-login-err" style="font-size:12px;color:#ff4d4f;margin-top:8px;display:none;"></div>' + '</div>'; document.body.appendChild(overlay); var btn = document.getElementById('lh-login-btn'); var input = document.getElementById('lh-login-nick'); var errEl = document.getElementById('lh-login-err'); input.focus(); input.addEventListener('keyup', function(e) { if (e.key === 'Enter') btn.click(); }); btn.addEventListener('click', function() { var nick = input.value.trim(); if (!nick) { errEl.textContent = '璇疯緭鍏ユ樀绉?; errEl.style.display = 'block'; return; } localStorage.setItem('lh_nickname', nick); overlay.remove(); if (window.__vueApp) window.__vueApp.config.globalProperties.$lhSetNickname && window.__vueApp.config.globalProperties.$lhSetNickname(nick); }); }, 100); }); } })(); </script> <div class="lh-footer"><button class="lh-fab gzh" onclick="lhFollow()" title="鍏虫敞鍏紬鍙?>?<br><span style="font-size:9px;line-height:1">鍏?/button><button class="lh-fab fav" onclick="lhFav()" title="鏀惰棌">鈽?/button></div><div class="lh-modal" id="lhFollowModal" onclick="if(event.target===this)lhFollowClose()"><div class="lh-modal-box"><div class="lh-modal-title">鍏虫敞榫欐収椋庣墿鍏紬鍙?/div><img class="lh-follow-qr" src="/images/gzh-qr.png" alt="榫欐収椋庣墿鍏紬鍙蜂簩缁寸爜" onerror="this.style.background='#fff';this.alt='浜岀淮鐮佸姞杞藉け璐?"><div class="lh-follow-tip">闀挎寜鍥剧墖 → 璇嗗埆鍥句腑浜岀淮鐮?鍏虫敞</div><button class="lh-modal-close" onclick="lhFollowClose()">鍏抽棴</button></div></div><script> (function(){ function lhToast(m){var t=document.createElement("div");t.className="lh-toast";t.textContent=m;document.body.appendChild(t);setTimeout(function(){t.classList.add("show")},10);setTimeout(function(){t.classList.remove("show");setTimeout(function(){t.remove()},300)},2400);} window.lhFav=function(){var ua=navigator.userAgent;lhToast(/MicroMessenger/i.test(ua)?"鐐瑰嚮鍙充笂瑙?路路路鈫?鏀惰棌鏈〉闈?:"鎸?Ctrl+D 鏀惰棌鏈〉闈?);}; window.lhFollow=function(){var m=document.getElementById("lhFollowModal");if(m)m.style.display="flex";}; window.lhFollowClose=function(){var m=document.getElementById("lhFollowModal");if(m)m.style.display="none";}; var unlocking=false; function setupWxShare(){try{if(window.wx&&window.wx.ready){var link=location.origin+location.pathname+"?ref=share";var title=document.title||"榫欐収浜?;var desc="AI 娴嬭瘎 / 宸ュ叿锛屽厤璐瑰ソ鐜?;var img=location.origin+"/og-cover.jpg";window.wx.ready(function(){try{window.wx.updateAppMessageShareData({title:title,desc:desc,link:link,imgUrl:img});window.wx.updateTimelineShareData({title:title,link:link,imgUrl:img});}catch(e){}});}}catch(e){}} if(/[?&]ref=share/.test(location.search)){var lm=document.createElement("div");lm.className="lh-landing";lm.innerHTML='<div class="lh-landing-box"><div class="lh-landing-brand">榫欐収浜?/div><div class="lh-landing-sub">AI 娴嬭瘎路宸ュ叿</div><div class="lh-landing-desc">鏈嬪弸鍒嗕韩缁欎綘<br>涓€璧锋潵浣撻獙</div><a class="lh-landing-cta" href="/">鎴戜篃瑕佸厤璐瑰埗浣?/a><button class="lh-landing-close" onclick="this.closest(\'.lh-landing\').style.display=\'none\'">鍏抽棴</button></div>';document.body.appendChild(lm);} window.addEventListener("pagehide",function(){window._lhShared=false;unlocking=false;}); })(); </script> <script src="/js/lh-particles-v2.js"></script> <script src="/js/lh-design-v2.js"></script> </body>  </html>