368 lines
17 KiB
HTML
368 lines
17 KiB
HTML
<!doctype html>
|
||
<html lang="en">
|
||
<head>
|
||
<meta charset="utf-8" />
|
||
<meta
|
||
name="viewport"
|
||
content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no, viewport-fit=cover"
|
||
/>
|
||
<title>Gifts for Close Friends</title>
|
||
<link rel="stylesheet" href="../common/theme.css?v=20260606c" />
|
||
<link rel="stylesheet" href="./style.css?v=20260611a" />
|
||
</head>
|
||
<body>
|
||
<div class="app-viewport" id="appViewport" data-active-tab="note">
|
||
<main class="page note-page" data-panel="note">
|
||
<img
|
||
class="ambient-bg ambient-bg-note"
|
||
src="./assets/note-bg-main.png"
|
||
alt=""
|
||
/>
|
||
|
||
<section class="status-bar" aria-hidden="true">
|
||
<img
|
||
class="status-frame"
|
||
src="./assets/status-frame.svg"
|
||
alt=""
|
||
/>
|
||
<span class="status-time">9:41</span>
|
||
<img
|
||
class="status-cellular"
|
||
src="./assets/cellular.svg"
|
||
alt=""
|
||
/>
|
||
<img class="status-wifi" src="./assets/wifi.svg" alt="" />
|
||
<img
|
||
class="status-battery"
|
||
src="./assets/battery.svg"
|
||
alt=""
|
||
/>
|
||
</section>
|
||
|
||
<header class="nav-bar" aria-label="Gifts for Close Friends">
|
||
<button
|
||
class="back-button"
|
||
type="button"
|
||
aria-label="Back"
|
||
data-i18n-aria="cpRules.back"
|
||
>
|
||
<img
|
||
src="./assets/back.svg"
|
||
alt=""
|
||
aria-hidden="true"
|
||
/>
|
||
</button>
|
||
<h1 data-i18n="cpRules.title">Gifts For Close Friends</h1>
|
||
</header>
|
||
|
||
<nav
|
||
class="top-tabs"
|
||
aria-label="Rule tabs"
|
||
data-i18n-aria="cpRules.tabs"
|
||
>
|
||
<button
|
||
class="top-tab top-tab-note"
|
||
type="button"
|
||
data-tab-target="note"
|
||
aria-selected="true"
|
||
>
|
||
<img
|
||
class="tab-img tab-selected"
|
||
src="./assets/tab-selected-note.png"
|
||
alt=""
|
||
/>
|
||
<img
|
||
class="tab-img tab-unselected"
|
||
src="./assets/tab-unselected-rights.png"
|
||
alt=""
|
||
/>
|
||
<span data-i18n="cpRules.note">Note</span>
|
||
</button>
|
||
<button
|
||
class="top-tab top-tab-rights"
|
||
type="button"
|
||
data-tab-target="rights"
|
||
aria-selected="false"
|
||
>
|
||
<img
|
||
class="tab-img tab-selected"
|
||
src="./assets/tab-selected-rights.png"
|
||
alt=""
|
||
/>
|
||
<img
|
||
class="tab-img tab-unselected"
|
||
src="./assets/tab-unselected-note.png"
|
||
alt=""
|
||
/>
|
||
<span data-i18n="cpRules.rights">Rights</span>
|
||
</button>
|
||
</nav>
|
||
|
||
<section class="tab-panel note-panel" data-tab-panel="note">
|
||
<article class="ornate-card intro-card">
|
||
<div class="card-art" aria-hidden="true"></div>
|
||
<div class="title-rule" aria-hidden="true">
|
||
<img src="./assets/title-divider.png" alt="" />
|
||
</div>
|
||
<h2 data-i18n="cpRules.closeFriendTitle">
|
||
What is a close friendship?
|
||
</h2>
|
||
<p data-i18n="cpRules.closeFriendIntro">
|
||
The “Best Friends” feature is a brand-new
|
||
interactive way to celebrate close relationships
|
||
between users. By sending gifts to someone and
|
||
requesting to become best friends, you can form a
|
||
best friend connection once they accept.
|
||
</p>
|
||
<p data-i18n="cpRules.closeFriendGender">
|
||
‘CP’ connections can only be formed between a man
|
||
and a woman, while “brother” and “sister”
|
||
connections have no gender restrictions.
|
||
</p>
|
||
</article>
|
||
|
||
<article class="ornate-card form-card">
|
||
<div class="card-art" aria-hidden="true"></div>
|
||
<div class="title-rule" aria-hidden="true">
|
||
<img src="./assets/title-divider.png" alt="" />
|
||
</div>
|
||
<h2 data-i18n="cpRules.formTitle">
|
||
How to Form Relationships?
|
||
</h2>
|
||
<h3 data-i18n="cpRules.roomGiftTitle">
|
||
Request for a Gift Panel in a Group Chat Room
|
||
</h3>
|
||
<p data-i18n="cpRules.formStep1">
|
||
1. In the room, tap [Gift Panel] > select [Best
|
||
Friends];
|
||
</p>
|
||
<figure
|
||
class="crop-shot gift-panel-shot"
|
||
aria-hidden="true"
|
||
>
|
||
<img src="./assets/gift-panel.png" alt="" />
|
||
</figure>
|
||
<p data-i18n="cpRules.formStep2">
|
||
2. Choose a gift tailored to a specific type of
|
||
close friend; once you send it, a friend request
|
||
will be automatically sent;
|
||
</p>
|
||
<figure
|
||
class="crop-shot relation-select-shot"
|
||
aria-hidden="true"
|
||
>
|
||
<img src="./assets/gift-panel.png" alt="" />
|
||
</figure>
|
||
<p data-i18n="cpRules.formStep3">
|
||
3. The other party must accept the match within 24
|
||
hours;
|
||
</p>
|
||
<figure class="invitation-shot" aria-hidden="true">
|
||
<img src="./assets/invitation.png" alt="" />
|
||
</figure>
|
||
<p class="form-note" data-i18n="cpRules.timeoutNote">
|
||
*If the other party does not respond within 24 hours
|
||
of the request being sent, the connection will be
|
||
automatically declined.
|
||
</p>
|
||
</article>
|
||
|
||
<article class="ornate-card intimacy-card">
|
||
<div class="card-art" aria-hidden="true"></div>
|
||
<div class="title-rule" aria-hidden="true">
|
||
<img src="./assets/title-divider.png" alt="" />
|
||
</div>
|
||
<h2 data-i18n="cpRules.intimacyTitle">
|
||
Intimacy Level
|
||
</h2>
|
||
<p data-i18n="cpRules.intimacyBody">
|
||
Intimacy Points are a numerical representation of
|
||
the level of closeness between two players. 1 Gold
|
||
Coin equals 1 Intimacy Point, and you can increase
|
||
your Intimacy Points by sending gifts to your best
|
||
friend every day.
|
||
</p>
|
||
</article>
|
||
|
||
<article class="ornate-card faq-card">
|
||
<div class="card-art" aria-hidden="true"></div>
|
||
<div class="title-rule" aria-hidden="true">
|
||
<img src="./assets/title-divider.png" alt="" />
|
||
</div>
|
||
<h2 data-i18n="cpRules.faqTitle">FAQ</h2>
|
||
<dl class="faq-list">
|
||
<dt data-i18n="cpRules.faqQ1">
|
||
Q1: Does giving someone a regular gift increase
|
||
intimacy?
|
||
</dt>
|
||
<dd data-i18n="cpRules.faqA1">No increase.</dd>
|
||
<dt data-i18n="cpRules.faqQ2">
|
||
Q2: Is there a limit to the number of
|
||
relationships?
|
||
</dt>
|
||
<dd data-i18n="cpRules.faqA2">
|
||
You can only have one CP, and a maximum of three
|
||
brothers or sisters. More slots will be added in
|
||
the future.
|
||
</dd>
|
||
<dt data-i18n="cpRules.faqQ3">
|
||
Q3: Who can I invite to be a CP?
|
||
</dt>
|
||
<dd data-i18n="cpRules.faqA3">
|
||
As long as neither party has a CP, you can send
|
||
a CP gift to extend a relationship invitation.
|
||
</dd>
|
||
<dt data-i18n="cpRules.faqQ4">
|
||
Q4: If my application is denied, will the Best
|
||
Friend Gift be refunded?
|
||
</dt>
|
||
<dd data-i18n="cpRules.faqA4">
|
||
Experience points are awarded the moment the
|
||
gift is sent. If the request expires or is
|
||
rejected, the gift will not be returned.
|
||
</dd>
|
||
<dt data-i18n="cpRules.faqQ5">
|
||
Q5: Can the termination of the relationship be
|
||
reversed?
|
||
</dt>
|
||
<dd data-i18n="cpRules.faqA5">
|
||
Once the relationship is dissolved, all rights
|
||
and interests will be reclaimed by the platform.
|
||
The action cannot be undone; the relationship
|
||
can only be reestablished.
|
||
</dd>
|
||
</dl>
|
||
</article>
|
||
</section>
|
||
|
||
<section
|
||
class="tab-panel rights-panel"
|
||
data-tab-panel="rights"
|
||
hidden
|
||
>
|
||
<img
|
||
class="ambient-bg ambient-bg-rights"
|
||
src="./assets/rights-bg.png"
|
||
alt=""
|
||
/>
|
||
<div class="relation-tabs" aria-label="Relationship types">
|
||
<button
|
||
class="is-active"
|
||
type="button"
|
||
data-relation-target="cp"
|
||
aria-selected="true"
|
||
>
|
||
CP
|
||
</button>
|
||
<button
|
||
type="button"
|
||
data-relation-target="brother"
|
||
aria-selected="false"
|
||
data-i18n="cpRules.brother"
|
||
>
|
||
Brother
|
||
</button>
|
||
<button
|
||
type="button"
|
||
data-relation-target="sisters"
|
||
aria-selected="false"
|
||
data-i18n="cpRules.sisters"
|
||
>
|
||
Sisters
|
||
</button>
|
||
</div>
|
||
<section
|
||
class="rights-table"
|
||
aria-label="CP rights"
|
||
data-i18n-aria="cpRules.rightsTable"
|
||
>
|
||
<img
|
||
class="rights-column"
|
||
src="./assets/rights-column.svg"
|
||
alt=""
|
||
aria-hidden="true"
|
||
/>
|
||
<div
|
||
class="table-line table-line-head"
|
||
aria-hidden="true"
|
||
></div>
|
||
<div class="table-line row-1" aria-hidden="true"></div>
|
||
<div class="table-line row-2" aria-hidden="true"></div>
|
||
<div class="table-line row-3" aria-hidden="true"></div>
|
||
<div class="table-line row-4" aria-hidden="true"></div>
|
||
<div class="table-line row-5" aria-hidden="true"></div>
|
||
<div class="table-line row-6" aria-hidden="true"></div>
|
||
<div
|
||
class="table-vline vline-1"
|
||
aria-hidden="true"
|
||
></div>
|
||
<div
|
||
class="table-vline vline-2"
|
||
aria-hidden="true"
|
||
></div>
|
||
<span class="head head-level" data-i18n="cpRules.level"
|
||
>Level</span
|
||
>
|
||
<span
|
||
class="head head-intimacy"
|
||
data-i18n="cpRules.intimacyLevel"
|
||
>Intimacy Level</span
|
||
>
|
||
<span
|
||
class="head head-rights"
|
||
data-i18n="cpRules.rights"
|
||
>Rights</span
|
||
>
|
||
<span class="level level-1">Lv.1</span>
|
||
<span class="level level-2">Lv.2</span>
|
||
<span class="intimacy intimacy-1">0</span>
|
||
<span class="intimacy intimacy-2">1,000,000</span>
|
||
<img
|
||
class="badge badge-1"
|
||
src="./assets/rights-vip1.png"
|
||
alt=""
|
||
/>
|
||
<img
|
||
class="badge badge-2"
|
||
src="./assets/rights-vip2.png"
|
||
alt=""
|
||
/>
|
||
<img
|
||
class="badge badge-3"
|
||
src="./assets/rights-vip2.png"
|
||
alt=""
|
||
/>
|
||
<img
|
||
class="badge badge-4"
|
||
src="./assets/rights-vip2.png"
|
||
alt=""
|
||
/>
|
||
<img
|
||
class="badge badge-5"
|
||
src="./assets/rights-vip2.png"
|
||
alt=""
|
||
/>
|
||
<img
|
||
class="badge badge-6"
|
||
src="./assets/rights-vip2.png"
|
||
alt=""
|
||
/>
|
||
<img
|
||
class="badge badge-7"
|
||
src="./assets/rights-vip2.png"
|
||
alt=""
|
||
/>
|
||
</section>
|
||
</section>
|
||
</main>
|
||
</div>
|
||
|
||
<script>
|
||
window.HyAppI18nSupported = ['en', 'ar', 'tr', 'es', 'zh', 'id'];
|
||
</script>
|
||
<script src="../common/i18n.js?v=20260606c"></script>
|
||
<script src="../common/jsbridge.js?v=20260611a"></script>
|
||
<script src="./script.js?v=20260611a"></script>
|
||
</body>
|
||
</html>
|