777 lines
27 KiB
HTML
777 lines
27 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="zh-CN">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>智能功能展示 - 参数可视化</title>
|
|
<style>
|
|
* {
|
|
margin: 0;
|
|
padding: 0;
|
|
box-sizing: border-box;
|
|
font-family: "{{ font_family }}", system-ui, -apple-system, "Helvetica Neue", Arial, sans-serif;
|
|
}
|
|
@font-face {
|
|
font-family: "{{ font_family }}";
|
|
src: url("../font/Rounded.ttf") format("truetype");
|
|
font-weight: 400;
|
|
font-style: normal;
|
|
font-display: swap;
|
|
}
|
|
|
|
body {
|
|
background: linear-gradient(135deg, #fff9f9 0%, #f0f9ff 100%);
|
|
color: #5a5a5a;
|
|
padding: 20px;
|
|
min-height: 100vh;
|
|
}
|
|
|
|
.container {
|
|
max-width: 1400px;
|
|
width: 100%;
|
|
margin: 0 auto;
|
|
}
|
|
|
|
header {
|
|
text-align: center;
|
|
margin-bottom: 40px;
|
|
padding: 30px 20px;
|
|
}
|
|
|
|
h1 {
|
|
color: #ff85a2;
|
|
font-size: 3rem;
|
|
margin-bottom: 15px;
|
|
text-shadow: 2px 2px 0px rgba(255, 133, 162, 0.2);
|
|
position: relative;
|
|
display: inline-block;
|
|
}
|
|
|
|
h1::after {
|
|
content: "";
|
|
position: absolute;
|
|
bottom: -10px;
|
|
left: 50%;
|
|
transform: translateX(-50%);
|
|
width: 100px;
|
|
height: 4px;
|
|
background: linear-gradient(90deg, #ff85a2, #a2d2ff);
|
|
border-radius: 2px;
|
|
}
|
|
|
|
.description {
|
|
font-size: 1.2rem;
|
|
color: #888;
|
|
max-width: 800px;
|
|
margin: 20px auto;
|
|
line-height: 1.6;
|
|
background-color: rgba(255, 255, 255, 0.7);
|
|
padding: 20px;
|
|
border-radius: 15px;
|
|
box-shadow: 0 4px 10px rgba(0, 0, 0, 0.05);
|
|
}
|
|
|
|
.legend {
|
|
display: flex;
|
|
justify-content: center;
|
|
gap: 20px;
|
|
margin: 20px 0;
|
|
flex-wrap: wrap;
|
|
}
|
|
|
|
.legend-item {
|
|
display: flex;
|
|
align-items: center;
|
|
background: white;
|
|
padding: 8px 15px;
|
|
border-radius: 20px;
|
|
box-shadow: 0 2px 8px rgba(0,0,0,0.1);
|
|
font-size: 0.9rem;
|
|
}
|
|
|
|
.legend-color {
|
|
width: 16px;
|
|
height: 16px;
|
|
border-radius: 4px;
|
|
margin-right: 8px;
|
|
}
|
|
|
|
.required-color {
|
|
background-color: #ff6b9c;
|
|
}
|
|
|
|
.optional-color {
|
|
background-color: #a2d2ff;
|
|
}
|
|
|
|
.conditional-color {
|
|
background-color: #b9fbc0;
|
|
}
|
|
|
|
.features-grid {
|
|
display: grid;
|
|
grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));
|
|
gap: 30px;
|
|
margin-top: 40px;
|
|
}
|
|
|
|
.feature-box {
|
|
background: linear-gradient(135deg, #ffffff 0%, #f8f8f8 100%);
|
|
border-radius: 25px;
|
|
padding: 25px;
|
|
box-shadow: 0 8px 20px rgba(255, 133, 162, 0.15);
|
|
transition: all 0.3s ease;
|
|
border: 3px solid transparent;
|
|
position: relative;
|
|
overflow: hidden;
|
|
cursor: pointer;
|
|
}
|
|
|
|
.feature-box:hover {
|
|
transform: translateY(-5px);
|
|
box-shadow: 0 12px 25px rgba(255, 133, 162, 0.25);
|
|
border-color: #ffc2d1;
|
|
}
|
|
|
|
.feature-box::before {
|
|
content: "";
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
width: 100%;
|
|
height: 8px;
|
|
background: linear-gradient(90deg, #ff85a2, #a2d2ff);
|
|
}
|
|
|
|
.feature-header {
|
|
display: flex;
|
|
align-items: center;
|
|
margin-bottom: 20px;
|
|
}
|
|
|
|
.feature-icon {
|
|
font-size: 2.5rem;
|
|
margin-right: 15px;
|
|
}
|
|
|
|
.feature-name {
|
|
font-size: 1.6rem;
|
|
font-weight: bold;
|
|
color: #ff6b9c;
|
|
}
|
|
|
|
.parameters-section {
|
|
margin: 20px 0;
|
|
}
|
|
|
|
.section-title {
|
|
font-size: 1rem;
|
|
color: #888;
|
|
margin-bottom: 10px;
|
|
display: flex;
|
|
align-items: center;
|
|
}
|
|
|
|
.section-title::before {
|
|
content: "📋";
|
|
margin-right: 8px;
|
|
}
|
|
|
|
.parameters-list {
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: 8px;
|
|
}
|
|
|
|
.parameter-item {
|
|
display: flex;
|
|
align-items: center;
|
|
padding: 10px 15px;
|
|
border-radius: 12px;
|
|
font-size: 0.95rem;
|
|
transition: all 0.2s ease;
|
|
}
|
|
|
|
.parameter-item:hover {
|
|
transform: translateX(5px);
|
|
}
|
|
|
|
.required-param {
|
|
background-color: rgba(255, 107, 156, 0.1);
|
|
border-left: 4px solid #ff6b9c;
|
|
}
|
|
|
|
.optional-param {
|
|
background-color: rgba(162, 210, 255, 0.1);
|
|
border-left: 4px solid #a2d2ff;
|
|
}
|
|
|
|
.conditional-param {
|
|
background-color: rgba(185, 251, 192, 0.1);
|
|
border-left: 4px solid #b9fbc0;
|
|
}
|
|
|
|
.param-badge {
|
|
display: inline-block;
|
|
padding: 3px 10px;
|
|
border-radius: 8px;
|
|
font-size: 0.8rem;
|
|
font-weight: bold;
|
|
margin-right: 12px;
|
|
min-width: 60px;
|
|
text-align: center;
|
|
}
|
|
|
|
.required-badge {
|
|
background-color: #ff6b9c;
|
|
color: white;
|
|
}
|
|
|
|
.optional-badge {
|
|
background-color: #a2d2ff;
|
|
color: white;
|
|
}
|
|
|
|
.conditional-badge {
|
|
background-color: #b9fbc0;
|
|
color: #333;
|
|
}
|
|
|
|
.param-description {
|
|
flex: 1;
|
|
}
|
|
|
|
.logic-section {
|
|
margin-top: 20px;
|
|
padding: 15px;
|
|
background-color: rgba(255, 213, 165, 0.1);
|
|
border-radius: 12px;
|
|
border-left: 4px solid #ffd6a5;
|
|
}
|
|
|
|
.logic-title {
|
|
font-weight: bold;
|
|
color: #ff9e6d;
|
|
margin-bottom: 8px;
|
|
display: flex;
|
|
align-items: center;
|
|
}
|
|
|
|
.logic-title::before {
|
|
content: "🔍";
|
|
margin-right: 8px;
|
|
}
|
|
|
|
.logic-content {
|
|
font-size: 0.9rem;
|
|
color: #666;
|
|
line-height: 1.5;
|
|
}
|
|
|
|
.usage-example {
|
|
margin-top: 15px;
|
|
padding: 12px;
|
|
background-color: #f8f9fa;
|
|
border-radius: 8px;
|
|
font-family: 'Courier New', monospace;
|
|
font-size: 0.85rem;
|
|
color: #333;
|
|
border-left: 3px solid #888;
|
|
}
|
|
|
|
.decoration {
|
|
position: absolute;
|
|
width: 80px;
|
|
height: 80px;
|
|
opacity: 0.1;
|
|
z-index: 0;
|
|
}
|
|
|
|
.decoration-1 {
|
|
top: -20px;
|
|
left: -20px;
|
|
background-color: #ff85a2;
|
|
border-radius: 50%;
|
|
}
|
|
|
|
.decoration-2 {
|
|
bottom: -20px;
|
|
right: -20px;
|
|
background-color: #a2d2ff;
|
|
border-radius: 50%;
|
|
}
|
|
|
|
@media (max-width: 768px) {
|
|
.features-grid {
|
|
grid-template-columns: 1fr;
|
|
}
|
|
|
|
h1 {
|
|
font-size: 2.2rem;
|
|
}
|
|
}
|
|
|
|
footer {
|
|
margin-top: 50px;
|
|
text-align: center;
|
|
color: #aaa;
|
|
font-size: 0.9rem;
|
|
padding: 20px;
|
|
}
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<div class="container">
|
|
<header>
|
|
<h1>✨ 真寻农场帮助菜单 ✨</h1>
|
|
<p class="description">简单介绍一下农场的各个功能和食用方法</p>
|
|
|
|
<div class="legend">
|
|
<div class="legend-item">
|
|
<div class="legend-color required-color"></div>
|
|
<span>必填参数</span>
|
|
</div>
|
|
<div class="legend-item">
|
|
<div class="legend-color optional-color"></div>
|
|
<span>可选参数</span>
|
|
</div>
|
|
<div class="legend-item">
|
|
<div class="legend-color conditional-color"></div>
|
|
<span>条件参数</span>
|
|
</div>
|
|
</div>
|
|
</header>
|
|
|
|
<main>
|
|
<div class="features-grid">
|
|
<!-- 必填 + 可选参数 -->
|
|
<div class="feature-box">
|
|
<div class="decoration decoration-1"></div>
|
|
<div class="decoration decoration-2"></div>
|
|
|
|
<div class="feature-header">
|
|
<div class="feature-name">at 开通农场</div>
|
|
</div>
|
|
|
|
<div class="logic-section">
|
|
<div class="logic-title">条件逻辑</div>
|
|
<div class="logic-content">
|
|
• 需要at小真寻<br>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="feature-box">
|
|
<div class="decoration decoration-1"></div>
|
|
<div class="decoration decoration-2"></div>
|
|
|
|
<div class="feature-header">
|
|
<div class="feature-name">我的农场</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="feature-box">
|
|
<div class="decoration decoration-1"></div>
|
|
<div class="decoration decoration-2"></div>
|
|
|
|
<div class="feature-header">
|
|
<div class="feature-name">农场详述</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="feature-box">
|
|
<div class="decoration decoration-1"></div>
|
|
<div class="decoration decoration-2"></div>
|
|
|
|
<div class="feature-header">
|
|
<div class="feature-name">我的农场币</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- 条件参数 -->
|
|
<div class="feature-box">
|
|
<div class="decoration decoration-1"></div>
|
|
<div class="decoration decoration-2"></div>
|
|
|
|
<div class="feature-header">
|
|
<div class="feature-name">种子商店</div>
|
|
</div>
|
|
|
|
<div class="parameters-section">
|
|
<div class="section-title">参数列表</div>
|
|
<div class="parameters-list">
|
|
<div class="parameter-item conditional-param">
|
|
<span class="param-badge conditional-badge">条件</span>
|
|
<span class="param-description">参数 - 根据类型决定含义</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="logic-section">
|
|
<div class="logic-title">条件逻辑</div>
|
|
<div class="logic-content">
|
|
• 如果参数是中文 → 进入筛选模式，可接页码参数<br>
|
|
• 如果参数是数字 → 直接作为页码使用<br>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="usage-example">
|
|
使用示例1: 种子商店 胡萝<br>
|
|
使用示例2: 种子商店 2<br>
|
|
使用示例3: 种子商店 胡萝 3
|
|
</div>
|
|
</div>
|
|
|
|
<!-- 多个参数 -->
|
|
<div class="feature-box">
|
|
<div class="decoration decoration-1"></div>
|
|
<div class="decoration decoration-2"></div>
|
|
|
|
<div class="feature-header">
|
|
<div class="feature-name">购买种子</div>
|
|
</div>
|
|
|
|
<div class="parameters-section">
|
|
<div class="section-title">参数列表</div>
|
|
<div class="parameters-list">
|
|
<div class="parameter-item required-param">
|
|
<span class="param-badge required-badge">必填</span>
|
|
<span class="param-description">作物/种子名称</span>
|
|
</div>
|
|
<div class="parameter-item optional-param">
|
|
<span class="param-badge optional-badge">可选</span>
|
|
<span class="param-description">数量</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="usage-example">
|
|
使用示例: 购买种子 胡萝卜
|
|
使用示例: 购买种子 胡萝卜 5
|
|
</div>
|
|
</div>
|
|
|
|
<div class="feature-box">
|
|
<div class="decoration decoration-1"></div>
|
|
<div class="decoration decoration-2"></div>
|
|
|
|
<div class="feature-header">
|
|
<div class="feature-name">我的种子</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="feature-box">
|
|
<div class="decoration decoration-1"></div>
|
|
<div class="decoration decoration-2"></div>
|
|
|
|
<div class="feature-header">
|
|
<div class="feature-name">播种</div>
|
|
</div>
|
|
|
|
<div class="parameters-section">
|
|
<div class="section-title">参数列表</div>
|
|
<div class="parameters-list">
|
|
<div class="parameter-item conditional-param">
|
|
<span class="param-badge required-badge">必填</span>
|
|
<span class="param-description">作物/种子名称</span>
|
|
</div>
|
|
<div class="parameter-item optional-param">
|
|
<span class="param-badge optional-badge">可选</span>
|
|
<span class="param-description">数量</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="logic-section">
|
|
<div class="logic-title">操作提示</div>
|
|
<div class="logic-content">
|
|
• 数量不填默认将最大可能播种
|
|
</div>
|
|
</div>
|
|
|
|
<div class="usage-example">
|
|
使用示例1: 种子商店 胡萝<br>
|
|
使用示例2: 种子商店 2<br>
|
|
使用示例3: 种子商店 胡萝 3
|
|
</div>
|
|
</div>
|
|
|
|
<div class="feature-box">
|
|
<div class="decoration decoration-1"></div>
|
|
<div class="decoration decoration-2"></div>
|
|
|
|
<div class="feature-header">
|
|
<div class="feature-name">收获</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="feature-box">
|
|
<div class="decoration decoration-1"></div>
|
|
<div class="decoration decoration-2"></div>
|
|
|
|
<div class="feature-header">
|
|
<div class="feature-name">铲除</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="feature-box">
|
|
<div class="decoration decoration-1"></div>
|
|
<div class="decoration decoration-2"></div>
|
|
|
|
<div class="feature-header">
|
|
<div class="feature-name">我的作物</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="feature-box">
|
|
<div class="decoration decoration-1"></div>
|
|
<div class="decoration decoration-2"></div>
|
|
|
|
<div class="feature-header">
|
|
<div class="feature-name">出售作物</div>
|
|
</div>
|
|
|
|
<div class="parameters-section">
|
|
<div class="section-title">参数列表</div>
|
|
<div class="parameters-list">
|
|
<div class="parameter-item conditional-param">
|
|
<span class="param-badge optional-badge">可选</span>
|
|
<span class="param-description">作物/种子名称</span>
|
|
</div>
|
|
<div class="parameter-item optional-param">
|
|
<span class="param-badge optional-badge">可选</span>
|
|
<span class="param-description">数量</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="logic-section">
|
|
<div class="logic-title">操作提示</div>
|
|
<div class="logic-content">
|
|
• 不填写作物名将售卖仓库种全部作物<br>
|
|
• 填作物名不填数量将指定作物全部出售
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="feature-box">
|
|
<div class="decoration decoration-1"></div>
|
|
<div class="decoration decoration-2"></div>
|
|
|
|
<div class="feature-header">
|
|
<div class="feature-name">偷菜 at</div>
|
|
</div>
|
|
|
|
<div class="logic-section">
|
|
<div class="logic-title">条件逻辑</div>
|
|
<div class="logic-content">
|
|
• 每人每天只能偷5次
|
|
• 后续需要at目标且目标开通真寻农场
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="feature-box">
|
|
<div class="decoration decoration-1"></div>
|
|
<div class="decoration decoration-2"></div>
|
|
|
|
<div class="feature-header">
|
|
<div class="feature-name">开垦</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="feature-box">
|
|
<div class="decoration decoration-1"></div>
|
|
<div class="decoration decoration-2"></div>
|
|
|
|
<div class="feature-header">
|
|
<div class="feature-name">购买农场币</div>
|
|
</div>
|
|
|
|
<div class="parameters-section">
|
|
<div class="section-title">参数列表</div>
|
|
<div class="parameters-list">
|
|
<div class="parameter-item optional-param">
|
|
<span class="param-badge required-badge">必填</span>
|
|
<span class="param-description">数量</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="logic-section">
|
|
<div class="logic-title">操作提示</div>
|
|
<div class="logic-content">
|
|
• 数量为消耗金币的数量
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="feature-box">
|
|
<div class="decoration decoration-1"></div>
|
|
<div class="decoration decoration-2"></div>
|
|
|
|
<div class="feature-header">
|
|
<div class="feature-name">更改农场名</div>
|
|
</div>
|
|
|
|
<div class="parameters-section">
|
|
<div class="section-title">参数列表</div>
|
|
<div class="parameters-list">
|
|
<div class="parameter-item optional-param">
|
|
<span class="param-badge required-badge">必填</span>
|
|
<span class="param-description">新的农场名</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="logic-section">
|
|
<div class="logic-title">操作提示</div>
|
|
<div class="logic-content">
|
|
• 仅支持部分特殊符号
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="feature-box">
|
|
<div class="decoration decoration-1"></div>
|
|
<div class="decoration decoration-2"></div>
|
|
|
|
<div class="feature-header">
|
|
<div class="feature-name">农场签到</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="feature-box">
|
|
<div class="decoration decoration-1"></div>
|
|
<div class="decoration decoration-2"></div>
|
|
|
|
<div class="feature-header">
|
|
<div class="feature-name">土地升级</div>
|
|
</div>
|
|
|
|
<div class="parameters-section">
|
|
<div class="section-title">参数列表</div>
|
|
<div class="parameters-list">
|
|
<div class="parameter-item optional-param">
|
|
<span class="param-badge required-badge">必填</span>
|
|
<span class="param-description">地块ID</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="logic-section">
|
|
<div class="logic-title">操作提示</div>
|
|
<div class="logic-content">
|
|
• 地块ID通过农场详述获取
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="feature-box">
|
|
<div class="decoration decoration-1"></div>
|
|
<div class="decoration decoration-2"></div>
|
|
|
|
<div class="feature-header">
|
|
<div class="feature-name">作物加锁</div>
|
|
</div>
|
|
|
|
<div class="parameters-section">
|
|
<div class="section-title">参数列表</div>
|
|
<div class="parameters-list">
|
|
<div class="parameter-item optional-param">
|
|
<span class="param-badge required-badge">必填</span>
|
|
<span class="param-description">地块ID</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="logic-section">
|
|
<div class="logic-title">操作提示</div>
|
|
<div class="logic-content">
|
|
• 地块ID通过农场详述获取
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="feature-box">
|
|
<div class="decoration decoration-1"></div>
|
|
<div class="decoration decoration-2"></div>
|
|
|
|
<div class="feature-header">
|
|
<div class="feature-name">作物解锁</div>
|
|
</div>
|
|
|
|
<div class="parameters-section">
|
|
<div class="section-title">参数列表</div>
|
|
<div class="parameters-list">
|
|
<div class="parameter-item optional-param">
|
|
<span class="param-badge required-badge">必填</span>
|
|
<span class="param-description">地块ID</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="logic-section">
|
|
<div class="logic-title">操作提示</div>
|
|
<div class="logic-content">
|
|
• 地块ID通过农场详述获取
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="feature-box">
|
|
<div class="decoration decoration-1"></div>
|
|
<div class="decoration decoration-2"></div>
|
|
|
|
<div class="feature-header">
|
|
<div class="feature-name">我的点券</div>
|
|
</div>
|
|
|
|
<div class="parameters-section">
|
|
<div class="section-title">参数列表</div>
|
|
<div class="parameters-list">
|
|
<div class="parameter-item optional-param">
|
|
<span class="param-badge required-badge">必填</span>
|
|
<span class="param-description">地块ID</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="logic-section">
|
|
<div class="logic-title">操作提示</div>
|
|
<div class="logic-content">
|
|
• 地块ID通过农场详述获取
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="feature-box">
|
|
<div class="decoration decoration-1"></div>
|
|
<div class="decoration decoration-2"></div>
|
|
|
|
<div class="feature-header">
|
|
<div class="feature-name">点券兑换</div>
|
|
</div>
|
|
|
|
<div class="parameters-section">
|
|
<div class="section-title">参数列表</div>
|
|
<div class="parameters-list">
|
|
<div class="parameter-item optional-param">
|
|
<span class="param-badge required-badge">必填</span>
|
|
<span class="param-description">地块ID</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="logic-section">
|
|
<div class="logic-title">操作提示</div>
|
|
<div class="logic-content">
|
|
• 地块ID通过农场详述获取
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</main>
|
|
</div>
|
|
</body>
|
|
</html> |