鍗忚涓庨殣绉?/h1>

鏈€鍚庢洿鏂帮細2026-07-24 路 MVP 棰勮鏂囨锛屼笂绾垮墠璇峰仛娉曞姟澶嶆牳銆?/p>

鐢ㄦ埛鍗忚

娆㈣繋浣跨敤銆屽康蹇点€嶏紙NianNian锛夈€備娇鐢ㄦ湰鏈嶅姟鍗宠〃绀轰綘鍚屾剰浠ヤ笅鏉℃锛?/p>

浣犻』骞存弧 16 鍛ㄥ瞾锛涜鍕垮皢鏈湇鍔℃彁渚涚粰鍎跨浣跨敤銆?/li>
璐﹀彿涓庡瘑鐮佺敱浣犺嚜琛屼繚绠★紱绯荤粺涓嶆彁渚?/strong>蹇樿瀵嗙爜 / 閭欢鎵惧洖锛岃鐗㈣瀵嗙爜銆?/li>
绂佹鍒╃敤鏈湇鍔′粠浜嬭繚娉曡繚瑙勬椿鍔紝鎴栦笂浼犮€佺敓鎴愯繚娉曟湁瀹冲唴瀹广€?/li>
瀵硅瘽鍐呭鍦ㄤ綘閰嶇疆鐨勬ā鍨嬫湇鍔″晢渚у鐞嗘椂锛岄』閬靛畧璇ユ湇鍔″晢鐨勪娇鐢ㄦ潯娆俱€?/li>
鎻愰啋鎺ㄩ€佸彈璁惧涓庣郴缁熻兘鍔涢檺鍒讹紝涓嶄繚璇?/strong>鍍忓嵆鏃堕€氳杞欢涓€鏍?100% 蹇呰揪銆?/li>
鎴戜滑鍙鏄庢樉杩濊鐨勪汉璁炬垨鍐呭閲囧彇鍋滅敤绛夋帾鏂姐€?/li>

闅愮鏀跨瓥

鎴戜滑鏀堕泦浠€涔?/h3>

璐﹀彿锛堢敤鎴峰悕锛夈€佸璇濆唴瀹广€侀暱鏈熻蹇嗐€佸緟鍔烇紙鍚彲閫夋彁閱掓椂闂达級

璁惧鎺ㄩ€佽闃呬俊鎭紙鑻ヤ綘寮€鍚€氱煡锛?/li>
浣犱富鍔ㄤ笂浼犵殑瀵硅瘽鍥剧墖锛堣嫢浣跨敤璇嗗浘鑳藉姏锛?/li>
涓嶆敹闆?/strong>閭锛涜嚜甯?API Key 榛樿浠呬繚瀛樺湪浣犵殑璁惧鏈満

鏁版嵁濡備綍浣跨敤

鎻愪緵 AI 鏈嬪弸瀵硅瘽銆佽蹇嗗彫鍥炪€佸緟鍔炰笌鍒版湡鎺ㄩ€佹湇鍔?/li>
BYOK 妯″紡锛氳亰澶╃敱浣犵殑娴忚鍣ㄧ洿杩炰綘閰嶇疆鐨勬ā鍨嬫湇鍔″晢锛孠ey 涓嶄笂浼犲康蹇垫湇鍔＄

璁板繂鍚戦噺宓屽叆鍙敱骞冲彴灏忔ā鍨嬪鐞嗭紙涓嶅惈浣犵殑 API Key锛?/li>

浣犵殑鏉冨埄

鍦ㄥ簲鐢ㄥ唴鏌ラ槄銆佺紪杈戙€佸垹闄よ蹇嗕笌寰呭姙

鎾ゅ洖閫氱煡鏉冮檺锛涚敵璇锋敞閿€璐﹀彿锛? 澶╁喎闈欐湡锛?/li>

鏈垚骞翠汉

蹇靛康闈㈠悜 16 鍛ㄥ瞾鍙婁互涓婄敤鎴凤紝涓嶅悜鍎跨鎻愪緵鏈嶅姟銆?/p>
瀹屾暣娉曞姟鏂囨湰涓婄嚎鍓嶅皢鏇挎崲涓烘湰椤甸瑙堢増鏈紱浜﹀彲鎵撳紑鐙珛椤?privacy.html 闃呰銆?/p>

绠＄悊鏈嬪弸

杩樻病鏈夋湅鍙嬨€傚垱寤轰竴涓紝寮€濮嬬涓€娈靛璇濄€?/p>

绠＄悊鏈嬪弸

鐐广€岀紪杈戙€嶄慨鏀逛汉璁撅紱鍒犻櫎闇€浜屾纭銆傛渶澶?5 浣嶆湅鍙嬨€?/p>

鏅?/div>

鏅氶

娓╂煍鍊惧惉路甯綘鐞嗘竻鎯呯华

鍚敤涓?/span>

闃?/div>

闃挎澃鏁欑粌

鍔″疄瑙勫垝路鎷嗚В寰呭姙

鍚敤涓?/span>

涔?/div>

涔︿簣

鐖辫涔︾殑瀹夐潤鏈嬪弸路鍘嗗彶鍙

宸插綊妗?/span>

鍒涘缓鏈嬪弸

棰勮澶村儚

鍚嶇О 绠€浠?/label>

浜鸿 鏈€澶氱害 4000 瀛?路鏈€澶氬垱寤?5 浣嶆湅鍙?/p> </div> <button type="button" class="nn-btn nn-btn--primary nn-btn--block btn-press" style="margin-top:8px;" data-goto="friends">鍒涘缓骞朵繚瀛?/button> </div> </section>  <section class="screen" id="friend-edit"> <header class="nn-header nn-header--solid"> <button type="button" class="nn-icon-btn" data-goto="friends" aria-label="杩斿洖"> <svg viewBox="0 0 24 24"><path d="M15 18l-6-6 6-6"/></svg> </button> <h1 class="nn-header__title">缂栬緫鏈嬪弸</h1> <button type="button" class="nn-btn nn-btn--ghost nn-btn--sm" data-goto="friends">淇濆瓨</button> </header> <div class="nn-scroll"> <div class="nn-field"> <label class="nn-label">棰勮澶村儚</label> <div class="nn-avatar-pick"> <button type="button" class="nn-avatar nn-avatar--sage is-selected" aria-label="闈掔豢"></button> <button type="button" class="nn-avatar nn-avatar--sky" aria-label="闆捐摑"></button> <button type="button" class="nn-avatar nn-avatar--sand" aria-label="鏆栨矙"></button> <button type="button" class="nn-avatar nn-avatar--rose" aria-label="鏌旂帿"></button> <button type="button" class="nn-avatar nn-avatar--slate" aria-label="鐭虫澘"></button> </div> </div> <div class="nn-field"> <label class="nn-label" for="friend-name">鍚嶇О</label> <input class="nn-input" id="friend-name" placeholder="缁欐湅鍙嬭捣涓悕瀛? value="鏅氶" /> </div> <div class="nn-field"> <label class="nn-label" for="friend-bio">绠€浠?/label> <input class="nn-input" id="friend-bio" placeholder="涓€鍙ヨ瘽浠嬬粛" value="娓╂煍鍊惧惉锛屽府浣犵悊娓呮儏缁? /> </div> <div class="nn-field"> <label class="nn-label" for="friend-persona">浜鸿</label> <textarea class="nn-textarea" id="friend-persona" placeholder="鎻忚堪鎬ф牸銆佽璇濇柟寮忋€佽竟鐣屸€?>浣犳槸鏅氶锛屼竴浣嶆俯鏌斻€佸杽浜庡€惧惉鐨勬湅鍙嬨€傝璇濈畝娲佺湡璇氾紝涓嶈鏁欍€傚綋鐢ㄦ埛鎻愬埌鎯冲仛鐨勪簨鏃讹紝鍙互鑷劧鍦板府浠栫悊鎴愬緟鍔烇紝浣嗗厛纭鍐嶈鍔ㄣ€?/textarea> <p class="nn-hint">鏈€澶氱害 4000 瀛?/p> </div> <div class="nn-settings-item" style="background:var(--nn-surface);border:1px solid var(--nn-line-soft);border-radius:var(--r-md);margin-bottom:20px;"> <div> <span class="nn-settings-item__label">褰掓。</span> <p class="nn-hint" style="margin:4px 0 0;">褰掓。鍚庝笉鍙柊鑱婏紝鍘嗗彶浼氳瘽鍙</p> </div> <button type="button" class="nn-switch" aria-checked="false" role="switch"></button> </div> <button type="button" class="nn-btn nn-btn--primary nn-btn--block btn-press" data-goto="friends">淇濆瓨淇敼</button> <button type="button" class="nn-btn nn-btn--danger nn-btn--block" style="margin-top:12px;" data-open-sheet="#deleteFriendSheet" data-friend-name="鏅氶">鍒犻櫎鏈嬪弸</button> <p class="nn-hint" style="margin-top:12px;">鍒犻櫎鍚庣浉鍏充細璇濅笌涓撳睘璁板繂灏嗕竴骞舵竻闄わ紝涓斾笉鍙仮澶嶃€?/p> </div> </section>  <section class="screen" id="chat-banner" data-tab="chat"> <div class="nn-banner"> <span>寰呭姙銆屾彁浜ゅ懆鎶ャ€嶅凡鍒版湡</span> <div class="nn-banner__actions"> <button type="button" class="nn-btn nn-btn--sm nn-btn--secondary" data-goto="todo-detail">鏌ョ湅</button> <button type="button" class="nn-btn nn-btn--sm nn-btn--ghost">寤跺悗</button> </div> </div> <header class="nn-header nn-header--chat"> <button type="button" class="chat-switch" data-open-sheet="#friendSheet" aria-label="鍒囨崲鏈嬪弸"> <span class="nn-avatar nn-avatar--xs nn-avatar--sage">鏅?/span> <span class="chat-switch__label">鏅氶</span> <svg class="chat-switch__chev" viewBox="0 0 24 24"><path d="M6 9l6 6 6-6"/></svg> </button> <div class="chat-header-center"> <div class="chat-header-center__title">瀵硅瘽</div> <div class="chat-header-center__sub">鏄庡ぉ闈㈣瘯濂界揣寮?/div> </div> <button type="button" class="chat-switch chat-switch--end" data-open-sheet="#sessionSheet" aria-label="鍒囨崲浼氳瘽"> <span class="chat-switch__label">浼氳瘽</span> <svg class="chat-switch__chev" viewBox="0 0 24 24"><path d="M6 9l6 6 6-6"/></svg> </button> </header> <div class="chat-messages" data-chat-messages> <div class="bubble bubble--me">鏄庡ぉ瑕侀潰璇曪紝鏈夌偣绱у紶銆?/div> <div class="bubble bubble--friend">鎴戜滑涓€姝ヤ竴姝ユ潵锛屽厛鎶婂叧閿簨椤硅涓嬫潵銆?/div> </div> <div class="chat-composer chat-composer--tab" data-chat-composer> <div class="chat-attach-preview" data-attach-preview hidden></div> <div class="chat-input-row"> <button type="button" class="chat-attach" data-open-sheet="#attachSheet" aria-label="娣诲姞鍥剧墖" title="鐩稿唽鎴栨媿鐓?> <svg viewBox="0 0 24 24" aria-hidden="true"><rect x="3" y="3" width="18" height="18" rx="2"/><circle cx="8.5" cy="8.5" r="1.5"/><path d="M21 15l-5-5L5 21"/></svg> </button> <textarea class="chat-input" rows="1" placeholder="璺熸櫄椋庤鐐逛粈涔堚€? aria-label="娑堟伅杈撳叆">

鏅?/span> 鏅氶鐨勪細璇?

瀵硅瘽

鏄庡ぉ闈㈣瘯濂界揣寮?/div>

鏄ㄥぉ

鏄庡ぉ瑕侀潰璇曪紝鏈夌偣绱у紶锛屼笉鐭ラ亾浠庡摢寮€濮嬪噯澶囥€?/div>
鍚捣鏉ュ績璺虫湁鐐瑰揩鍛€傛垜浠笉鐢ㄤ竴娆″叏鍋氬畬鈥斺€斿厛鍙兂涓変欢鏈€鍏抽敭鐨勶細鑷垜浠嬬粛銆佷竴涓」鐩晠浜嬨€佹兂闂鏂圭殑闂銆傝涓嶈鎴戝府浣犺鎴愭彁閱掞紵 21:14

濂斤紝鎻愰啋鎴戜粖鏅氫節鐐圭粌涓€閬嶈嚜鎴戜粙缁嶃€?/div>
璁颁笅浜嗐€備粖鏅?21:00 鎴戜細鎻愰啋浣犵粌鑷垜浠嬬粛銆傚彟澶栦綘杩囨晱鑺辩敓杩欎簨鎴戜篃浼氳鐫€锛屼箣鍚庣偣椁愪細閬垮紑銆? 21:16

瀵硅瘽

鏂颁細璇?/div>

璺熸垜璇寸偣浠€涔堝惂鈥斺€斾粖澶╄繃寰楁€庝箞鏍凤紵

瀵硅瘽

璇峰厛閰嶇疆妯″瀷 API Key锛屾墠鑳藉紑濮嬪璇濄€?/p>

寰呭姙

寰呭姙

杩樻病鏈夊緟鍔炪€傝亰澶╅噷鎻愬埌瑕佸仛鐨勪簨锛屾垜鍙互甯綘璁颁笅鏉ャ€?/p>

娣诲姞寰呭姙

鏍囬

澶囨敞锛堝彲閫夛級 <label class="nn-label" for="todo-remind-at">鎻愰啋鏃堕棿锛堝彲閫夛級</label> <div class="nn-datetime-row" data-open-datetime="#todo-remind-at" role="button" tabindex="0" aria-label="閫夋嫨鎻愰啋鏃堕棿"> <input class="nn-input nn-input--datetime" id="todo-remind-at" type="datetime-local" /> </div> <p class="nn-hint">閫夋嫨鏃堕棿鍚庯紝鍒版湡浼氭帹閫佹彁閱掞紱涓嶉€夊垯鍙寰呭姙銆佷笉鎺ㄩ€併€?/p> <button type="button" class="nn-btn nn-btn--ghost nn-btn--sm" id="todoClearRemind" hidden style="margin-top:8px;">娓呴櫎鎻愰啋鏃堕棿</button> </div> <div class="nn-field"> <label class="nn-label">鍏宠仈鏈嬪弸锛堝彲閫夛級</label> <select class="nn-select" id="todo-friend"> <option value="">涓嶅叧鑱?/option> </select> </div> <button type="button" class="nn-btn nn-btn--primary nn-btn--block btn-press" style="margin-top:20px;" data-goto="todos">鍒涘缓寰呭姙</button> </div> </section>  <section class="screen" id="todo-detail"> <header class="nn-header nn-header--solid"> <button type="button" class="nn-icon-btn" data-goto="todos" aria-label="杩斿洖"> <svg viewBox="0 0 24 24"><path d="M15 18l-6-6 6-6"/></svg> </button> <h1 class="nn-header__title">寰呭姙璇︽儏</h1> </header> <div class="nn-scroll"> <span class="nn-badge" id="todoDetailBadge">寰呭姙</span> <h2 id="todoDetailTitle" style="font-size:1.25rem;font-weight:600;margin:12px 0 8px;font-family:var(--font-ui);"></h2> <p id="todoDetailMeta" style="color:var(--nn-muted);font-size:var(--fs-sm);margin-bottom:20px;"></p> <div class="nn-settings-group"> <div class="nn-settings-item" style="cursor:default;"> <span class="nn-settings-item__label">鐘舵€?/span> <span class="nn-settings-item__value" id="todoDetailStatus">鏈畬鎴?/span> </div> <div class="nn-settings-item" style="cursor:default;" id="todoDetailPushRow"> <span class="nn-settings-item__label">鎻愰啋</span> <span class="nn-settings-item__value" id="todoDetailPush">涓嶆彁閱?/span> </div> </div> <div style="display:flex;flex-direction:column;gap:10px;margin-top:8px;"> <button type="button" class="nn-btn nn-btn--primary nn-btn--block btn-press" data-action="todo-complete">瀹屾垚</button> <button type="button" class="nn-btn nn-btn--secondary nn-btn--block" data-action="todo-snooze" id="todoDetailSnooze" hidden>寤跺悗 10 鍒嗛挓</button> <button type="button" class="nn-btn nn-btn--danger nn-btn--block" data-action="todo-delete">鍒犻櫎</button> </div> </div> </section>  <section class="screen" id="memories"> <header class="nn-header nn-header--solid"> <button type="button" class="nn-icon-btn" data-goto="me" aria-label="杩斿洖"> <svg viewBox="0 0 24 24"><path d="M15 18l-6-6 6-6"/></svg> </button> <h1 class="nn-header__title">璁板繂搴?/h1> <button type="button" class="nn-icon-btn" data-goto="memory-edit" aria-label="娣诲姞"> <svg viewBox="0 0 24 24"><path d="M12 5v14M5 12h14"/></svg> </button> </header> <div class="nn-chips"> <button type="button" class="nn-chip is-active">鍏ㄩ儴</button> <button type="button" class="nn-chip">璁颁簨</button> <button type="button" class="nn-chip">鍋忓ソ</button> <button type="button" class="nn-chip">浜嬪疄</button> <button type="button" class="nn-chip">鑷姩</button> <button type="button" class="nn-chip">鍏ㄥ眬</button> <button type="button" class="nn-chip">Pinned</button> </div> <div class="nn-scroll"> <div class="nn-list"> <button type="button" class="nn-row" data-goto="memory-edit"> <div class="nn-row__body"> <div class="nn-row__title"><span class="pin-dot"></span> 杩囨晱鑺辩敓</div> <div class="nn-row__meta"><span class="memory-tag">浜嬪疄</span><span class="memory-tag">鑷姩</span><span class="memory-tag">鍏ㄥ眬</span></div> </div> </button> <button type="button" class="nn-row" data-goto="memory-edit"> <div class="nn-row__body"> <div class="nn-row__title">鍛ㄦ湯鍘讳簡鍗氱墿棣嗭紝闂ㄧエ鑺变簡60鍏?/div> <div class="nn-row__meta"><span class="memory-tag">璁颁簨</span><span class="memory-tag">鑷姩</span></div> </div> </button> <button type="button" class="nn-row" data-goto="memory-edit"> <div class="nn-row__body"> <div class="nn-row__title">鍠滄鏅氫笂瀹夐潤鑱婂ぉ</div> <div class="nn-row__meta"><span class="memory-tag">鍋忓ソ</span><span class="memory-tag">鎵嬪姩</span> 路 Pinned</div> </div> </button> </div> </div> </section> <section class="screen" id="memories-empty"> <header class="nn-header nn-header--solid"> <button type="button" class="nn-icon-btn" data-goto="me" aria-label="杩斿洖"> <svg viewBox="0 0 24 24"><path d="M15 18l-6-6 6-6"/></svg> </button> <h1 class="nn-header__title">璁板繂搴?/h1> </header> <div class="nn-empty"> <div class="nn-empty__mark"> <svg viewBox="0 0 24 24"><path d="M12 2a7 7 0 0 1 7 7c0 2.5-1.2 4.2-2.5 5.5L12 22l-4.5-7.5C6.2 13.2 5 11.5 5 9a7 7 0 0 1 7-7z"/><circle cx="12" cy="9" r="2.5"/></svg> </div> <p class="nn-empty__text">杩樻病鏈夎蹇嗐€傝亰鑱婂幓浜嗗摢閲屻€佽姳浜嗗灏戙€佸仛浜嗕粈涔堬紝鎴戜細鏁寸悊鎴愯浜嬶紱閲嶈鐨勪簨瀹炰笌鍋忓ソ涔熶細鑷姩璁颁綇銆?/p> <button type="button" class="nn-btn nn-btn--primary btn-press" data-goto="memory-edit">娣诲姞璁板繂</button> </div> </section>  <section class="screen" id="memory-edit"> <header class="nn-header nn-header--solid"> <button type="button" class="nn-icon-btn" data-goto="memories" aria-label="杩斿洖"> <svg viewBox="0 0 24 24"><path d="M15 18l-6-6 6-6"/></svg> </button> <h1 class="nn-header__title">缂栬緫璁板繂</h1> <button type="button" class="nn-btn nn-btn--ghost nn-btn--sm" data-goto="memories">淇濆瓨</button> </header> <div class="nn-scroll"> <div class="nn-field"> <label class="nn-label">绫诲瀷</label> <select class="nn-select"> <option>浜嬪疄</option> <option>鍋忓ソ</option> <option>璁颁簨</option> <option>绾﹀畾</option> <option>鎶€鑳芥爣绛?/option> </select> </div> <div class="nn-field"> <label class="nn-label">鏍囬</label> <input class="nn-input" value="杩囨晱鑺辩敓" /> </div> <div class="nn-field"> <label class="nn-label">姝ｆ枃</label> <textarea class="nn-textarea">鐢ㄦ埛瀵硅姳鐢熻繃鏁忥紝鐐归涓庨璋卞缓璁渶閬垮紑鑺辩敓鍙婅姳鐢熷埗鍝併€?/textarea> </div> <div class="nn-field"> <label class="nn-label">鑼冨洿</label> <select class="nn-select"> <option selected>鍏ㄥ眬</option> <option>浠呮櫄椋?/option> </select> </div> <div class="nn-settings-item" style="background:var(--nn-surface);border:1px solid var(--nn-line-soft);border-radius:var(--r-md);"> <span class="nn-settings-item__label">Pinned锛堜紭鍏堝彫鍥烇級</span> <button type="button" class="nn-switch is-on" aria-checked="true" role="switch"></button> </div> <p class="nn-hint" style="margin-top:16px;">鏉ユ簮锛氫笌鏅氶鐨勫璇?路鑷姩鍐欏叆</p> <div style="display:flex;gap:10px;margin-top:24px;"> <button type="button" class="nn-btn nn-btn--secondary" style="flex:1;">鍋滅敤</button> <button type="button" class="nn-btn nn-btn--danger" style="flex:1;">鍒犻櫎</button> </div> </div> </section>  <section class="screen" id="me" data-tab="me"> <header class="nn-header nn-header--solid"> <div> <div class="nn-header__brand" style="font-size:1.5rem;">蹇靛康</div> <div class="nn-header__sub">璐﹀彿 xiaoyun</div> </div> </header> <div class="nn-scroll nn-scroll--pad-tab"> <div class="nn-section-label">瀵硅瘽涓庢ā鍨?/div> <div class="nn-settings-group"> <button type="button" class="nn-settings-item" data-goto="friends"> <span class="nn-settings-item__label">绠＄悊鏈嬪弸</span> <span class="nn-settings-item__value">3 浣?/span> <span class="nn-chevron">鈥?/span> </button> <button type="button" class="nn-settings-item" data-goto="model"> <span class="nn-settings-item__label">妯″瀷璁剧疆</span> <span class="nn-settings-item__value">宸查厤缃?/span> <span class="nn-chevron">鈥?/span> </button> <div class="nn-settings-item" style="cursor:default;"> <div> <span class="nn-settings-item__label">鑱旂綉妫€绱?/span> <p class="nn-hint" style="margin:4px 0 0;">鍥哄畾寮€鍚?路瀵硅瘽涓彲鑷姩鏌ヨ祫鏂欏苟寮曠敤淇℃簮</p> </div> <button type="button" class="nn-switch is-on" aria-checked="true" role="switch" data-web-search></button> </div> </div> <div class="nn-section-label">閫氱煡涓庡畨瑁?/div> <div class="nn-settings-group"> <button type="button" class="nn-settings-item" data-goto="notify"> <span class="nn-settings-item__label">閫氱煡涓庡畨瑁?/span> <span class="nn-settings-item__value">璇婃柇</span> <span class="nn-chevron">鈥?/span> </button> </div> <div class="nn-section-label">璁板繂</div> <div class="nn-settings-group"> <button type="button" class="nn-settings-item" data-goto="memories"> <span class="nn-settings-item__label">璁板繂搴?/span> <span class="nn-settings-item__value">3 鏉?/span> <span class="nn-chevron">鈥?/span> </button> <div class="nn-settings-item" style="cursor:default;"> <div> <span class="nn-settings-item__label">鑷姩璁板繂</span> <p class="nn-hint" style="margin:4px 0 0;">寮€鍚悗鑷姩璁颁笅浜嬪疄/鍋忓ソ锛屼互鍙婃棩甯歌浜嬶紙鍘诲摢銆佽姳浜嗗灏戙€佸仛浜嗕粈涔堬級</p> </div> <button type="button" class="nn-switch is-on" aria-checked="true" role="switch"></button> </div> </div> <div class="nn-section-label">璐﹀彿</div> <div class="nn-settings-group"> <button type="button" class="nn-settings-item" data-goto="account"> <span class="nn-settings-item__label">璐﹀彿瀹夊叏</span> <span class="nn-chevron">鈥?/span> </button> <button type="button" class="nn-settings-item" data-goto="privacy"> <span class="nn-settings-item__label">闅愮涓庡叧浜?/span> <span class="nn-chevron">鈥?/span> </button> </div> </div> </section>  <section class="screen" id="model"> <header class="nn-header nn-header--solid"> <button type="button" class="nn-icon-btn" data-goto="me" aria-label="杩斿洖"> <svg viewBox="0 0 24 24"><path d="M15 18l-6-6 6-6"/></svg> </button> <h1 class="nn-header__title">妯″瀷璁剧疆</h1> </header> <div class="nn-scroll"> <p class="nn-hint" style="margin-bottom:16px;">API Key 浠呬繚瀛樺湪鏈満锛岃亰澶╂椂鐢辨祻瑙堝櫒鐩磋繛妯″瀷鍟嗐€?/p> <div class="nn-field"> <label class="nn-label" for="model-base-url">Base URL</label> <input class="nn-input" id="model-base-url" type="url" autocomplete="off" placeholder="https://api.openai.com/v1" /> </div> <div class="nn-field"> <label class="nn-label" for="model-name">Model</label> <input class="nn-input" id="model-name" type="text" autocomplete="off" placeholder="gpt-4o-mini" /> </div> <div class="nn-field"> <label class="nn-label" for="model-api-key">API Key</label> <input class="nn-input" id="model-api-key" type="password" autocomplete="off" placeholder="sk-鈥? /> <p class="nn-hint">宸叉帺鐮佹樉绀?路鎹㈡満闇€閲嶆柊濉啓</p> </div> <button type="button" class="nn-btn nn-btn--secondary nn-btn--block" style="margin-bottom:12px;" data-action="test-model">娴嬭瘯杩炴帴</button> <button type="button" class="nn-btn nn-btn--primary nn-btn--block btn-press" data-action="enable-model">璁句负鍚敤</button> <button type="button" class="nn-btn nn-btn--danger nn-btn--block" style="margin-top:12px;" data-action="delete-model" id="modelDeleteBtn">鍒犻櫎褰撳墠妯″瀷</button> <div class="nn-diag" id="modelTestDiag" style="margin-top:20px;" hidden> <span id="modelTestResult" class="nn-diag__ok"></span> </div> </div> </section>  <section class="screen" id="notify"> <header class="nn-header nn-header--solid"> <button type="button" class="nn-icon-btn" data-goto="me" aria-label="杩斿洖"> <svg viewBox="0 0 24 24"><path d="M15 18l-6-6 6-6"/></svg> </button> <h1 class="nn-header__title">閫氱煡涓庡畨瑁?/h1> </header> <div class="nn-scroll"> <h2 style="font-size:var(--fs-md);font-weight:600;margin-bottom:8px;font-family:var(--font-ui);">寮€鍚彲闈犳彁閱掑墠锛岃鍏堝畨瑁呭埌涓诲睆骞?/h2> <ol class="nn-steps"> <li>杞荤偣搴曢儴鍒嗕韩鎸夐挳锛堟柟妗嗗甫鍚戜笂绠ご锛?/li> <li>鍚戜笅婊戝姩锛岄€夋嫨銆屾坊鍔犲埌涓诲睆骞曘€?/li> <li>鍙充笂瑙掔偣銆屾坊鍔犮€?/li> <li>鍥炲埌妗岄潰锛屼粠鍥炬爣鎵撳紑銆屽康蹇点€嶏紙涓嶈浠?Safari 鏍囩椤垫墦寮€锛?/li> <li>鍦ㄥ簲鐢ㄥ唴寮€鍚€氱煡鏉冮檺</li> </ol> <p class="nn-hint" style="margin:12px 0 20px;">iOS 16.4 浠ヤ笅涓嶆敮鎸?Web 鎺ㄩ€侊紱浣犱粛鍙亰澶╋紝鍒版湡鍚庤鎵撳紑搴旂敤鏌ョ湅鎻愰啋銆?/p> <div class="nn-section-label">鎿嶄綔</div> <div style="display:flex;flex-direction:column;gap:10px;margin-bottom:20px;"> <button type="button" class="nn-btn nn-btn--primary nn-btn--block">璇锋眰閫氱煡鏉冮檺</button> <button type="button" class="nn-btn nn-btn--secondary nn-btn--block">鍙戦€佹祴璇曢€氱煡</button> </div> <div class="nn-section-label">璇婃柇</div> <div class="nn-diag"><span>PWA 鐙珛绐楀彛</span><span class="nn-diag__warn">鏈畨瑁?/span></div> <div class="nn-diag"><span>閫氱煡鏉冮檺</span><span class="nn-diag__warn">鏈巿鏉?/span></div> <div class="nn-diag"><span>鎺ㄩ€佽闃?/span><span class="nn-diag__warn">鏃?/span></div> <div class="nn-diag"><span>鍚庡彴鎺ㄩ€?/span><span class="nn-diag__ok">鐜鏀寔</span></div> </div> </section>  <section class="screen" id="account"> <header class="nn-header nn-header--solid"> <button type="button" class="nn-icon-btn" data-goto="me" aria-label="杩斿洖"> <svg viewBox="0 0 24 24"><path d="M15 18l-6-6 6-6"/></svg> </button> <h1 class="nn-header__title">璐﹀彿瀹夊叏</h1> </header> <div class="nn-scroll"> <div class="nn-section-label">淇敼瀵嗙爜</div> <div class="nn-field"> <label class="nn-label">褰撳墠瀵嗙爜</label> <input class="nn-input" type="password" placeholder="杈撳叆褰撳墠瀵嗙爜" /> </div> <div class="nn-field"> <label class="nn-label">鏂板瘑鐮?/label> <input class="nn-input" type="password" placeholder="杈撳叆鏂板瘑鐮? /> </div> <div class="nn-field"> <label class="nn-label">纭鏂板瘑鐮?/label> <input class="nn-input" type="password" placeholder="鍐嶆杈撳叆鏂板瘑鐮? /> </div> <button type="button" class="nn-btn nn-btn--primary nn-btn--block" style="margin-bottom:28px;">淇濆瓨鏂板瘑鐮?/button> <p class="nn-hint" style="margin-bottom:20px;">绯荤粺鏃犳硶鎵惧洖瀵嗙爜锛岃鍔″繀鐗㈣銆?/p> <button type="button" class="nn-btn nn-btn--secondary nn-btn--block" data-goto="login" style="margin-bottom:12px;">閫€鍑虹櫥褰?/button> <div id="accountDeletionPending" hidden> <div class="nn-diag" style="margin-bottom:12px;"> <span>娉ㄩ攢鐢宠</span> <span class="nn-diag__warn" id="accountDeletionMeta">鍐烽潤鏈熶腑</span> </div> <button type="button" class="nn-btn nn-btn--primary nn-btn--block" data-action="cancel-delete-account" style="margin-bottom:8px;">鎾ら攢娉ㄩ攢鐢宠</button> <p class="nn-hint" style="margin-bottom:12px;">鍐烽潤鏈熷唴鍙殢鏃舵挙閿€锛涘埌鏈熷悗璐﹀彿涓庢暟鎹皢琚垹闄や笖涓嶅彲鎭㈠銆?/p> </div> <button type="button" class="nn-btn nn-btn--danger nn-btn--block" data-action="request-delete-account" id="accountDeleteBtn">鐢宠娉ㄩ攢璐﹀彿</button> <p class="nn-hint" style="margin-top:12px;" id="accountDeleteHint">娉ㄩ攢鏈?7 澶╁喎闈欐湡锛屾湡闂村彲鎾ら攢銆?/p> </div> </section>  <section class="screen" id="privacy"> <header class="nn-header nn-header--solid"> <button type="button" class="nn-icon-btn" data-goto="me" aria-label="杩斿洖"> <svg viewBox="0 0 24 24"><path d="M15 18l-6-6 6-6"/></svg> </button> <h1 class="nn-header__title">闅愮涓庡叧浜?/h1> </header> <div class="nn-scroll"> <div class="nn-settings-group"> <button type="button" class="nn-settings-item" data-goto="legal-preview"> <span class="nn-settings-item__label">鐢ㄦ埛鍗忚涓庨殣绉佹斂绛?/span> <span class="nn-chevron">鈥?/span> </button> </div> <div class="nn-settings-group"> <div class="nn-settings-item" style="cursor:default;"> <span class="nn-settings-item__label">鐗堟湰</span> <span class="nn-settings-item__value">1.0.0-mvp</span> </div> <div class="nn-settings-item" style="cursor:default;"> <span class="nn-settings-item__label">浜у搧</span> <span class="nn-settings-item__value">蹇靛康 NianNian</span> </div> </div> <p style="text-align:center;color:var(--nn-muted);font-size:var(--fs-sm);margin-top:32px;line-height:1.6;"> <span style="font-family:var(--font-brand);font-size:1.5rem;color:var(--nn-teal-600);display:block;margin-bottom:8px;">蹇靛康</span> 涓€浣嶈寰椾綘鐨?AI 鏈嬪弸<br />鑱婄潃鑱婄潃锛屼簨涔熷姙浜? </p> </div> </section>  <nav class="nn-tabbar nn-tabbar--3" id="mainTabbar" aria-label="涓诲鑸?> <button type="button" class="nn-tab" data-tab="todos"> <svg viewBox="0 0 24 24"><path d="M9 11l3 3L22 4"/><path d="M21 12v7a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11"/></svg> 寰呭姙 </button> <button type="button" class="nn-tab is-active" data-tab="chat"> <svg viewBox="0 0 24 24"><path d="M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z"/></svg> 瀵硅瘽 </button> <button type="button" class="nn-tab" data-tab="me"> <svg viewBox="0 0 24 24"><circle cx="12" cy="8" r="4"/><path d="M4 20a8 8 0 0 1 16 0"/></svg> 鎴戠殑 </button> </nav>  <div class="nn-overlay" id="friendSheet" role="dialog" aria-modal="true" aria-labelledby="friendSheetTitle"> <div class="nn-sheet"> <div class="nn-sheet__handle"></div> <h2 class="nn-sheet__title" id="friendSheetTitle">鍒囨崲鏈嬪弸</h2> <p class="nn-sheet__desc">閫夋嫨涓€浣嶆湅鍙嬬户缁璇?/p> <div class="nn-list" style="margin:0 -4px 12px;"> <button type="button" class="nn-row is-selected" data-close-sheet data-goto="chat"> <div class="nn-avatar nn-avatar--sage">鏅?/div> <div class="nn-row__body"> <div class="nn-row__title">鏅氶</div> <div class="nn-row__meta">褰撳墠路娓╂煍鍊惧惉</div> </div> </button> <button type="button" class="nn-row" data-close-sheet data-goto="chat"> <div class="nn-avatar nn-avatar--sky">闃?/div> <div class="nn-row__body"> <div class="nn-row__title">闃挎澃鏁欑粌</div> <div class="nn-row__meta">鍔″疄瑙勫垝</div> </div> </button> <button type="button" class="nn-row" data-close-sheet data-goto="chat"> <div class="nn-avatar nn-avatar--sand">涔?/div> <div class="nn-row__body"> <div class="nn-row__title">涔﹂殣</div> <div class="nn-row__meta">瀹夐潤闄即</div> </div> </button> </div> <button type="button" class="nn-btn nn-btn--secondary nn-btn--block" id="friendSheetManage" data-close-sheet data-goto="friends">绠＄悊鏈嬪弸</button> <button type="button" class="nn-btn nn-btn--ghost nn-btn--block" id="friendSheetCreate" data-close-sheet data-goto="friend-create">+ 鍒涘缓鏈嬪弸</button> </div> </div>  <div class="nn-overlay" id="deleteFriendSheet" role="dialog" aria-modal="true" aria-labelledby="deleteFriendTitle"> <div class="nn-sheet"> <div class="nn-sheet__handle"></div> <h2 class="nn-sheet__title" id="deleteFriendTitle">鍒犻櫎鏈嬪弸锛?/h2> <p class="nn-sheet__desc">灏嗗垹闄ゃ€?span id="deleteFriendName">鏅氶</span>銆嶅強鍏朵細璇濅笌涓撳睘璁板繂锛屾鎿嶄綔涓嶅彲鎭㈠銆?/p> <div class="suggest-actions"> <button type="button" class="nn-btn nn-btn--danger-solid nn-btn--block btn-press" data-close-sheet data-goto="friends">纭鍒犻櫎</button> <button type="button" class="nn-btn nn-btn--ghost nn-btn--block" data-close-sheet>鍙栨秷</button> </div> </div> </div>  <div class="nn-overlay" id="sessionSheet" role="dialog" aria-modal="true" aria-labelledby="sessionSheetTitle"> <div class="nn-sheet"> <div class="nn-sheet__handle"></div> <h2 class="nn-sheet__title" id="sessionSheetTitle">鍒囨崲浼氳瘽</h2> <p class="nn-sheet__desc">鏅氶 路閫夋嫨鎴栨柊寤轰竴娈靛璇?/p> <button type="button" class="nn-btn nn-btn--secondary nn-btn--block" style="margin-bottom:12px;" data-close-sheet data-goto="chat-empty">+ 鏂板缓浼氳瘽</button> <div class="nn-list" style="margin:0 -4px 12px;"> <button type="button" class="nn-row is-selected" data-close-sheet data-goto="chat"> <div class="nn-row__body"> <div class="nn-row__title">鏄庡ぉ闈㈣瘯濂界揣寮?/div> <div class="nn-row__meta">褰撳墠路鏄ㄥぉ</div> </div> </button> <button type="button" class="nn-row" data-close-sheet data-goto="chat"> <div class="nn-row__body"> <div class="nn-row__title">鍛ㄦ湯鎯虫暣鐞嗘埧闂?/div> <div class="nn-row__meta">鍛ㄤ竴</div> </div> </button> </div> <button type="button" class="nn-btn nn-btn--ghost nn-btn--block" data-close-sheet data-goto="sessions">鏌ョ湅鍏ㄩ儴浼氳瘽</button> </div> </div>  <div class="nn-overlay" id="attachSheet" role="dialog" aria-modal="true" aria-labelledby="attachTitle"> <div class="nn-sheet"> <div class="nn-sheet__handle"></div> <h2 class="nn-sheet__title" id="attachTitle">娣诲姞鍥剧墖</h2> <p class="nn-sheet__desc">鏈€澶?3 寮犮€傚師鍥句笉闄愬ぇ灏忥紝姣忓紶鍙戦€佸墠鑷姩鍘嬬缉鑷?3MB 鍙婁互涓嬪啀浼犵粰妯″瀷銆?/p> <div class="attach-actions"> <label class="nn-btn nn-btn--primary nn-btn--block btn-press attach-pick"> 浠庣浉鍐岄€夋嫨 <input type="file" accept="image/jpeg,image/png,image/webp" multiple data-chat-file="album" hidden /> </label> <label class="nn-btn nn-btn--secondary nn-btn--block btn-press attach-pick"> 鎷嶇収 <input type="file" accept="image/*" capture="environment" data-chat-file="camera" hidden /> </label> <button type="button" class="nn-btn nn-btn--ghost nn-btn--block" data-close-sheet>鍙栨秷</button> </div> </div> </div>  <div class="nn-overlay" id="suggestSheet" role="dialog" aria-modal="true" aria-labelledby="suggestTitle"> <div class="nn-sheet"> <div class="nn-sheet__handle"></div> <h2 class="nn-sheet__title" id="suggestTitle">纭鍒涘缓</h2> <p class="nn-sheet__desc">鏈嬪弸浠庡璇濋噷鍙戠幇浜嗚繖浜涗簨椤癸紝纭鍚庢墠浼氬啓鍏ュ緟鍔炪€?/p> <div class="suggest-card"> <div class="suggest-card__type">寰呭姙路浼氭彁閱?/div> <div class="suggest-card__title">缁冧竴閬嶈嚜鎴戜粙缁?/div> <div class="suggest-card__meta">浠婃櫄 21:00 路鍒版湡鎺ㄩ€?/div> </div> <div class="suggest-card"> <div class="suggest-card__type">寰呭姙</div> <div class="suggest-card__title">鍑嗗涓€涓」鐩晠浜?/div> <div class="suggest-card__meta">闈㈣瘯鍓嶅畬鎴?路涓嶆彁閱?/div> </div> <div class="suggest-actions"> <button type="button" class="nn-btn nn-btn--primary nn-btn--block btn-press" data-close-sheet data-goto="todos">鍒涘缓</button> <button type="button" class="nn-btn nn-btn--secondary nn-btn--block" data-close-sheet>缂栬緫鍚庡垱寤?/button> <button type="button" class="nn-btn nn-btn--ghost nn-btn--block" data-close-sheet>蹇界暐</button> </div> </div> </div> </div> <div class="nn-toast" id="toast" role="status" aria-live="polite" hidden> <span id="toastText"></span> <button type="button" id="toastAction" class="nn-btn nn-btn--ghost nn-btn--sm" hidden></button> </div> </div> </div> <script type="module" src="js/app.js?v=20"></script> </body> </html>