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/name-score.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/name-score.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); margin: 0 auto; position: relative; z-index: 1; box-shadow: 0 0 60px rgba(0,0,0,0.5); min-height: 100vh; position: relative; overflow-x: hidden; background: linear-gradient(180deg,#F5F7FA 0%,#F5F7FA 15%,#FFFFFF 100%); ; overflow-x: hidden;} [v-cloak] { display: none; } .home-screen { display: flex; flex-direction: column; align-items: center; text-align: center; padding-top: 60px; animation: fadeInUp 0.6s ease; } .logo-icon { width: 80px; height: 80px; background: var(--c-btn-grad); border-radius: 24px; display: flex; align-items: center; justify-content: center; font-size: 40px; margin-bottom: 24px; box-shadow: var(--shadow-btn); } .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: 36px; line-height: 1.6; } .name-input-wrap { width: 100%; max-width: 320px; margin-bottom: 20px; } .name-input { width: 100%; padding: 16px 20px; border: 2px solid var(--c-card-border); border-radius: 50px; font-size: 18px; text-align: center; font-family: inherit; background: linear-gradient(160deg, #F5F7FA 0%, #F5F7FA 50%, #FFFFFF 100%); color: var(--c-text-main); outline: none; transition: border-color 0.2s; } .name-input:focus { border-color: var(--c-primary); } .name-input::placeholder { color: var(--c-text-muted); } .btn-score { width: 100%; max-width: 320px; padding: 16px 32px; background: var(--c-btn-grad); color: #1F2937; border: none; border-radius: 50px; font-size: 18px; font-weight: 600; cursor: pointer; box-shadow: var(--shadow-btn); transition: transform 0.2s; font-family: inherit; letter-spacing: 1px; } .btn-score:active { transform: scale(0.97); } .btn-score:disabled { opacity: 0.5; cursor: not-allowed; } .home-counter { margin-top: 24px; font-size: 13px; color: var(--c-text-muted); } .loading-screen { display: flex; flex-direction: column; align-items: center; justify-content: center; min-height: 100vh; padding: 40px 20px; animation: fadeInUp 0.4s ease; } .loading-ring { width: 60px; height: 60px; border: 3px solid var(--c-divider); border-top-color: var(--c-primary); border-radius: 50%; animation: spin 0.8s linear infinite; margin-bottom: 20px; } .loading-text { font-size: 16px; color: var(--c-text-sub); margin-bottom: 8px; } .loading-progress { font-size: 13px; color: var(--c-text-muted); } .result-screen { padding: 30px 20px 100px; animation: fadeInUp 0.5s ease; } .score-card { background: var(--c-card-bg); border: 1px solid var(--c-card-border); border-radius: var(--radius-lg); padding: 28px 20px; text-align: center; margin-bottom: 16px; box-shadow: var(--shadow-card); } .score-name { font-size: 24px; font-weight: 700; color: var(--c-primary-dark); margin-bottom: 12px; letter-spacing: 2px; } .score-label { font-size: 13px; color: var(--c-text-sub); margin-bottom: 8px; } .score-num { font-size: 56px; font-weight: 800; background: var(--c-btn-grad); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; line-height: 1.1; } .score-unit { font-size: 18px; color: var(--c-primary); font-weight: 600; } .score-grade { font-size: 15px; color: var(--c-gold-dark); margin-top: 8px; font-weight: 600; } .desc-card { background: var(--c-card-bg); border: 1px solid var(--c-card-border); border-radius: var(--radius); padding: 18px 20px; margin-bottom: 16px; font-size: 14px; color: var(--c-text-main); line-height: 1.8; box-shadow: var(--shadow-card); } .result-disclaimer { font-size: 12px; color: var(--c-text-muted); text-align: center; margin-bottom: 16px; } .section-title { font-size: 17px; font-weight: 700; color: var(--c-primary-dark); text-align: center; margin-bottom: 12px; letter-spacing: 1px; } .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-card-header { display: flex; align-items: center; justify-content: space-between; margin-bottom: 4px; } .dim-card-name { font-size: 15px; font-weight: 600; } .dim-card-score { font-size: 14px; font-weight: 600; color: var(--c-gold-dark); } .dim-card-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-overlay { text-align: center; padding: 12px 0 4px; } .dim-lock-icon { font-size: 18px; color: var(--c-gold); } .dim-lock-text { font-size: 12px; color: var(--c-text-muted); margin-top: 4px; } .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; padding-bottom: 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); } .cross-promo { margin-top: 30px; 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 spin { to { transform: rotate(360deg); } } @keyframes pulse { 0%,100% { transform: scale(1); } 50% { transform: scale(1.05); } } .pulse { animation: pulse 1.5s ease-in-out infinite; } </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="logo-icon pulse">馃摑</div> <h1 class="home-title">AI鍚嶅瓧鏂囧寲鎬ф牸娴嬭瘎路鍚嶅瓧鑳芥墦鍑犲垎</h1> <p class="home-subtitle">杈撳叆浣犵殑鍚嶅瓧锛孉I鏅鸿兘鍒嗘瀽鏂囧寲鍐呮兜涓庢€ф牸鏄犲皠<br>缁欏嚭涓撲笟璇勫垎鍜屾繁搴﹁В璇?/p> <div class="name-input-wrap"> <input class="name-input" v-model="inputName" placeholder="杈撳叆浣犵殑鍚嶅瓧" maxlength="6" @keyup.enter="startScoring"> </div> <button class="btn-score" :disabled="!inputName.trim()" @click="startScoring">馃攳寮€濮嬫墦鍒?/button> <p class="home-counter" v-if="serviceCount > 0">宸蹭负 {{ formatNumber(serviceCount) }} 涓悕瀛楁墦杩囧垎</p> </div> <div class="loading-screen" v-if="step === 'loading'"> <div class="loading-ring"></div> <p class="loading-text">AI姝ｅ湪鍒嗘瀽"{{ inputName }}"...</p> <p class="loading-progress">{{ loadingStatus }}</p> </div> <div class="result-screen" v-if="step === 'result' && scoreData"> <div class="score-card"> <div class="score-name">{{ inputName }}</div> <div class="score-label">鍚嶅瓧璇勫垎</div> <span class="score-num">{{ scoreData.score }} <span class="score-unit">鍒? <div class="score-grade">{{ scoreData.grade }}</div> </div> <div class="desc-card">{{ scoreData.desc }}</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-card-header"> <span class="dim-card-name">{{ d.icon }} {{ d.name }}</span> <span class="dim-card-score">{{ d.score }}/100</span> </div> <div class="dim-card-detail">{{ d.detail }}</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-card-header"> <span class="dim-card-name">{{ d.icon }} {{ d.name }}</span> <span class="dim-card-score">{{ d.score }}/100</span> </div> <div class="dim-card-detail">{{ d.detail }}</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" style="text-align:center;font-size:12px;color:var(--c-text-muted);padding:16px 0 8px;margin-top:10px;">鈿狅笍鍏ㄩ儴鍐呭浠呬綔涓鸿叮鍛冲ū涔愬弬鑰冿紝鏃犵瀛﹂娴嬩綔鐢紝涓嶅彲浣滀负浜虹敓鍐崇瓥渚濇嵁銆?br><a href="https://beian.miit.gov.cn/" target="_blank" rel="noopener" style="color:var(--c-text-muted);text-decoration:none">婊嘔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="/personality.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="/daily-fortune.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="/past-life.html"><span class="cross-promo-icon">馃尭 AI鍓嶄笘浠婄敓路鎺㈠浣犵殑鍓嶄笘</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 NAME_MEANINGS = { '浼?: '浼熷ぇ瀹忎紵锛岃兏鎬€骞块様', '鑺?: '鑺姵缇庡ソ锛屽搧寰烽珮灏?, '濞?: '濠€濞滃濮匡紝浼橀泤鍔ㄤ汉', '鏁?: '鑱晱鏁忔嵎锛屾墠鎬濊繃浜?, '闈?: '瀹侀潤鑷磋繙锛屽唴蹇冨钩鍜?, '涓?: '缇庝附澶ф柟锛屽厜褰╃収浜?, '寮?: '鍧氬己鏈夊姏锛屾剰蹇楀潥瀹?, '纾?: '鍏夋槑纾婅惤锛屽潶鍧﹁崱鑽?, '娲?: '蹇冭兏濡傛捣锛屽崥澶у闂?, '鑹?: '鑹充附鍑轰紬锛岄瓍鍔涢潪鍑?, '鍕?: '鍕囨暍鏃犵晱锛屾暍浜庢媴褰?, '濞?: '濞熺缇庝附锛屾俯濠夊彲浜?, '娑?: '娉㈡稕姹规秾锛屾皵鍔跨绀?, '鏄?: '鍏夋槑纾婅惤锛屾櫤鎱ч€氳揪', '瓒?: '瓒呭嚒鑴变織锛屽嚭绫绘嫈钀?, '绉€': '绉€澶栨収涓紝鎵嶅崕鍑轰紬', '闇?: '鏈濋湠婊″ぉ锛屽厜褰╁ず鐩?, '骞?: '骞冲畨椤洪亗锛屽钩娣℃槸鐪?, '鍒?: '鍒氭涓嶉樋锛岄搧楠ㄩ摦閾?, '妗?: '锜惧鎶樻锛屽姛鍚嶆湁鎴? }; const DEFAULT_MEANING = '瀵撴剰鐙壒锛屽埆鍏蜂竴鏍?; // 鈺愨晲鈺?缁村害璇︾粏瑙ｈ妯℃澘鈺愨晲鈺? const DIM_DETAILS = { meaning: [ '鍚嶅瓧瀵撴剰娣辫繙锛屾瘡涓瓧閮芥壙杞界潃缇庡ソ鐨勬湡鏈涘拰绁濈銆傛暣浣撳瘬鎰忕Н鏋佸悜涓婏紝缁欎汉浠ユ闈㈣兘閲忓拰缇庡ソ鑱旀兂銆?, '鍚嶅瓧瀵撴剰鑹ソ锛屽瓧涔夋惌閰嶅悎鐞嗐€傝櫧鐒舵病鏈夎繃浜庡崕涓界殑杈炶椈锛屼絾鏈村疄涓鐪熸儏锛岀粰浜轰互韪忓疄鍙潬鐨勬劅瑙夈€?, '鍚嶅瓧瀵撴剰鐙壒锛屾湁鑷繁鐨勯鏍煎拰鐗圭偣銆傛瘡涓瓧閮芥湁鍏剁嫭鐗圭殑鏂囧寲鍐呮兜锛岀粍鍚堝湪涓€璧峰舰鎴愪簡鐙壒鐨勪釜鎬с€? ], phonetics: [ '鍚嶅瓧闊抽煹浼樼編锛屽钩浠勬惌閰嶅崗璋冿紝璇昏捣鏉ユ湕鏈椾笂鍙ｃ€傚０璋冨彉鍖栦赴瀵屼絾涓嶇獊鍏€锛岀粰浜烘偊鑰冲姩鍚殑鎰熻銆?, '鍚嶅瓧闊抽煹鍜岃皭锛屽０姣嶉煹姣嶆惌閰嶅悎鐞嗐€傛暣浣撳彂闊虫竻鏅板搷浜紝涓嶅鏄撲骇鐢熸涔夋垨璇銆?, '鍚嶅瓧闊抽煹灏氬彲锛岄儴鍒嗗瓧鐨勫０璋冪粍鍚堢暐鏄惧钩娣°€備絾鏁翠綋鍙戦煶椤虹晠锛屼笉瀛樺湪鎷楀彛鎴栭毦浠ヨ鲸璁ょ殑闂銆? ], wuxing: [ '鍚嶅瓧浜旇鎼厤鍧囪　锛岄噾鏈ㄦ按鐏湡鍚勫厓绱犲崗璋冧簰琛ャ€備簲琛岀浉鐢熺浉鍏嬪叧绯昏壇濂斤紝鏈夊姪浜庡懡鐞嗗钩琛°€?, '鍚嶅瓧浜旇鍩烘湰骞宠　锛屼富瑕佸厓绱犳惌閰嶅悎鐞嗐€傝櫧鐒朵笉鏄畬缇庣殑浜旇淇卞叏锛屼絾鏍稿績鍏冪礌涔嬮棿鐨勫叧绯诲拰璋愩€?, '鍚嶅瓧浜旇鍋忓悜鏌愪簺鍏冪礌锛屼絾鏁翠綋涓嶅奖鍝嶅悕瀛楃殑缇庢劅鍜屽瘬鎰忋€備簲琛岀悊璁轰粎渚涘弬鑰冿紝鍚嶅瓧鐨勫ソ鍧忔洿澶氬湪浜庢儏鎰熷拰瀵撴剰銆? ], structure: [ '鍚嶅瓧缁撴瀯鍖€绉帮紝绗旂敾鏁版惌閰嶅悎鐞嗭紝涔﹀啓缇庤銆傛瘡涓瓧鐨勭粨鏋勭ǔ瀹氾紝鏁翠綋瑙嗚鎰熷彈鍗忚皟鑸掗€傘€?, '鍚嶅瓧缁撴瀯鑹ソ锛岀瑪鐢荤箒绠€閫備腑銆備功鍐欐椂娴佺晠鑷劧锛屼笉浼氬嚭鐜拌繃浜庡鏉傛垨杩囦簬绠€鍗曠殑澶辫　鎰熴€?, '鍚嶅瓧缁撴瀯灏氬彲锛岄儴鍒嗗瓧鐨勭瑪鐢诲彲鑳藉亸澶氭垨鍋忓皯銆備絾杩欎笉褰卞搷鍚嶅瓧鐨勮鲸璇嗗害鍜岀編瑙傛€с€? ], culture: [ '鍚嶅瓧鏂囧寲搴曡暣娣卞帤锛屼綋鐜颁簡涓崕浼犵粺鏂囧寲鐨勭簿楂撱€傚瓧涔夊吀闆咃紝鏈夎瘲璇嶅吀鏁呯殑鏀拺锛屾枃鍖栨皵鎭祿閮併€?, '鍚嶅瓧鏈変竴瀹氱殑鏂囧寲鍐呮兜锛屽瓧涔夋竻鏅版槑浜嗐€傝櫧鐒朵笉鏄嚭鑷粡鍏稿吀鏁咃紝浣嗙鍚堜腑鏂囧懡鍚嶄紶缁燂紝寰椾綋澶ф柟銆?, '鍚嶅瓧椋庢牸鐜颁唬绠€绾︼紝涓嶆嫎娉ヤ簬浼犵粺銆傝繖绉嶅懡鍚嶆柟寮忔洿鍔犱釜鎬у寲锛屼綋鐜颁簡鏂版椂浠ｇ殑瀹＄編鍜屼环鍊艰銆? ] }; const GRADES = { 90: '鏋佸搧濂藉悕鈽呪槄鈽呪槄鈽?, 80: '浼樼濂藉悕鈽呪槄鈽呪槄鈽?, 70: '涓嶉敊鍚嶅瓧鈽呪槄鈽呪槅鈽?, 60: '鏅€氬悕瀛?鈽呪槄鈽嗏槅鈽?, 0: '鍚嶅瓧涓€鑸?鈽呪槅鈽嗏槅鈽? }; const { createApp } = Vue; createApp({ data() { return { step: 'home', inputName: '', scoreData: null, dimensions: [], unlocked: false, aiContent: null, showAdModal: false, loadingStatus: '', serviceCount: 24561, toastMsg: null, toastTimer: null, aiLoading: false } }, mounted() { this.checkSavedState(); this.fetchServiceCount(); this.setupWxShare(); setInterval(() => { this.serviceCount += Math.floor(Math.random() * 3) + 1; }, 5000); }, methods: { checkSavedState() { try { const saved = localStorage.getItem('name_score_state'); if (saved) { const data = JSON.parse(saved); if (data.scoreData && data.inputName) { this.step = 'result'; this.scoreData = data.scoreData; this.inputName = data.inputName; 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 + 12275; } 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: '杈撳叆鍚嶅瓧锛孉I鍒嗘瀽鏂囧寲鍐呮兜涓庢€ф牸鏄犲皠锛岀粰鍑轰笓涓氳瘎鍒嗭紒', 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); }, async startScoring() { const name = this.inputName.trim(); if (!name) { this.showToast('璇疯緭鍏ュ悕瀛?); return; } this.step = 'loading'; this.loadingStatus = '姝ｅ湪鍒嗘瀽瀛椾箟...'; const steps = ['姝ｅ湪鍒嗘瀽瀛椾箟...','姝ｅ湪璇勪及闊抽煹...','姝ｅ湪鎺ㄧ畻浜旇...','姝ｅ湪璁＄畻缁煎悎璇勫垎...']; let idx = 0; const interval = setInterval(() => { idx++; if (idx < steps.length) this.loadingStatus = steps[idx]; }, 800); await new Promise(r => setTimeout(r, 2800)); clearInterval(interval); this.calculateScore(name); this.step = 'result'; this.saveState(); }, calculateScore(name) { // 鍩轰簬瀛楃缂栫爜璁＄畻鍒嗘暟锛屼繚璇佸悓鍚嶇粨鏋滀竴鑷? let hash = 0; for (let i = 0; i < name.length; i++) hash = ((hash << 5) - hash) + name.charCodeAt(i); hash = Math.abs(hash); const baseScore = 60 + (hash % 35); // 60-94 // 浣跨敤 hash 娲剧敓纭畾鎬у亸绉伙紙鍙栦唬 Math.random锛? const hashVariance = (offset) => ((hash * (offset + 1) * 13 + offset * 7) % 15) - 5; const score = Math.min(98, baseScore + ((hash * 7) % 5)); // 纭畾鎬у亸绉?0-4 const grade = GRADES[Object.keys(GRADES).sort((a,b)=>b-a).find(k => score >= parseInt(k))] || '鏅€氬悕瀛?; // 鐢熸垚瀵撴剰鎻忚堪 const meanings = name.split('').map(c => NAME_MEANINGS[c] || DEFAULT_MEANING); const desc = `"${name}"鈥斺€?{meanings.join('锛?)}銆傛暣浣撹€岃█锛岃繖鏄竴涓?{score >= 80 ? '闈炲父浼樼' : score >= 70 ? '寰堜笉閿? : '杩樺彲浠?}鐨勫悕瀛楋紝${score >= 80 ? '瀵撴剰缇庡ソ涓旈煶闊靛拰璋? : '鏈夎嚜宸辩殑鐗硅壊鍜屽瘬鎰?}銆俙; // 鐢熸垚鍚勭淮搴﹁瘎鍒嗭紙鍩轰簬 hash 鐨勭‘瀹氭€у亸绉伙級 const pick = (arr, h) => arr[h % arr.length]; this.dimensions = [ { id: 'meaning', icon: '馃摉', name: '瀵撴剰鍐呮兜', score: Math.min(99, Math.max(50, score + hashVariance(0))), detail: pick(DIM_DETAILS.meaning, hash % DIM_DETAILS.meaning.length) }, { id: 'phonetics', icon: '馃幍', name: '闊抽煹缇庢劅', score: Math.min(99, Math.max(50, score + hashVariance(1))), detail: pick(DIM_DETAILS.phonetics, (hash+1) % DIM_DETAILS.phonetics.length) }, { id: 'wuxing', icon: '鈽笍', name: '浜旇鎼厤', score: Math.min(99, Math.max(50, score + hashVariance(2))), detail: pick(DIM_DETAILS.wuxing, (hash+2) % DIM_DETAILS.wuxing.length) }, { id: 'structure', icon: '鉁嶏笍', name: '瀛楀舰缁撴瀯', score: Math.min(99, Math.max(50, score + hashVariance(3))), detail: pick(DIM_DETAILS.structure, (hash+3) % DIM_DETAILS.structure.length) }, { id: 'culture', icon: '馃彌锔?, name: '鏂囧寲搴曡暣', score: Math.min(99, Math.max(50, score + hashVariance(4))), detail: pick(DIM_DETAILS.culture, (hash+4) % DIM_DETAILS.culture.length) } ]; this.scoreData = { score, grade, desc }; }, saveState() { try { localStorage.setItem('name_score_state', JSON.stringify({ inputName: this.inputName, scoreData: this.scoreData, dimensions: this.dimensions, timestamp: Date.now() })); } catch(e) {} }, showPayModal() { const self = this; showAssessUnlockModal('namescore', { onAdUnlock() { self.unlocked = true; self.saveState(); self.showToast('鉁?瑙ｉ攣鎴愬姛锛佹煡鐪嬪畬鏁村悕瀛楄В璇?); }, onShareUnlock() { self.unlocked = true; self.saveState(); self.showToast('鉁?瑙ｉ攣鎴愬姛锛佹煡鐪嬪畬鏁村悕瀛楄В璇?); } onPayUnlock() { startPayment('namescore', function() { self.unlocked = true; self.saveState(); self.downloadResult(); }); }, });; }, // AI澶фā鍨嬪寮猴細娴佸紡鐢熸垚濮撳悕鍒嗘瀽锛岄€愬瓧鏄剧ず async enhanceWithAI() { this.aiLoading = true; this.aiContent = ''; AIStream.stream('namescore', {name:this.inputName}, (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('name_score_state'); this.step = 'home'; this.inputName = ''; this.scoreData = 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: 'namescore' }) }).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>