用户:LettuceIce/steam上的CPKrobot攻略模拟器：修订间差异

←上一编辑

可视化wikitext

2024年1月5日 (五) 16:01的最新版本

CPKrobot攻略模拟器

顶着颜文字的神秘白发少女突然闯进你的生活，讲着不同的冷笑话却鲜有笑果。这位名叫“CPK智能机”(CPKrobot) 的少女浑身上下散发着难以置信的魅力，奇怪地吸引着靠近的每一个人。

最近评测：

好评如潮 (15)

全部评测：

好评如潮 (261)

发行日期：

2021 年 2 月 5 日

开发商：

EnchantedHay Co., Ltd.

发行商：

LettuceIce Co., Ltd.

该产品的热门用户自定义标签：

科幻喜剧恋爱模拟视觉小说第一人称 +

◀

▶

添加至您的愿望单

关注

忽略

查看您的队列 ⇨

您对这款游戏感兴趣吗？

✓

像您一样的玩家喜欢此游戏。

✓

用户评测：好评如潮

✓

热销商品

购买 CPKrobot攻略模拟器

￥ 199.00

添加至购物车

@@ 第1行： / 第1行： @@
 <templatestyles src=":User:LettuceIce/steam上的CPKrobot攻略模拟器/styles.css" />
-<div style= "background-color: #1B2938;">
+<div class= "page_background">
-<div style="padding:3rem 8rem 3rem 8rem; font-family: Motiva Sans, Arial, Helvetica, sans-serif;">
-<div style="height: 35px;margin: 7px 0;background: linear-gradient(90deg, rgba(62, 103, 150, 0.919) 11.38%, rgba(58, 120, 177, 0.8) 25.23%, rgb(15, 33, 110) 100%);box-shadow: 0 0 3px rgba( 0, 0, 0, 0.4);">
+<div class="top_list"></div>
-</div>
+<div class="category_list">
-<div style="color: #8f98A0;font-size:12px; font-weight: normal; padding:1rem 0 0.125rem;">
 所有游戏 > 策略游戏 > 子夜港娱乐 > CPKrobot攻略模拟器</div>
-<div style="display:inline-block;color:white;font-size: 26px;line-height: 32px; padding-bottom:5px;">CPKrobot攻略模拟器</div>
+<div class="main_title">CPKrobot攻略模拟器</div>
-<div style="background:linear-gradient(to right, rgba(0,0,0,0) 50%,rgba(0,0,0,0.4) 100%);display:flex;flex-direction:row-reverse;flex-wrap: wrap;">
+<div class="flex_wrap_row" style="background:linear-gradient(to right, rgba(0,0,0,0) 50%,rgba(0,0,0,0.4) 100%);">
-<div style="min-width: 24rem; flex-basis:32%; flex-shrink:0; flex-grow:1;">
+<div class="info_box_right">
-<div style="display:flex; display:flex; flex-wrap: wrap;">
+<div class="flex_wrap">
-<div style="min-width: 18rem; flex-basis:50%; flex-shrink:0; flex-grow:1;">
+<div class="info_box_right_thumb">
-[[File:CPKrobot攻略模拟器thumb.png|class=x98width]]
+[[File:CPKrobot攻略模拟器thumb.png|class=x98width|link=]]
 </div>
-<div style="min-width: 18rem; flex-basis:50%; flex-shrink:0; flex-grow:1; margin-top:0.25rem;">
+<div class="info_box_right_description_box">
-<div style="color: #c6d4df;line-height:1.3; padding-right:1rem; padding-bottom: 1rem;">顶着颜文字的神秘白发少女突然闯进你的生活，讲着不同的冷笑话却鲜有笑果。这位名叫“CPK智能机”(CPKrobot) 的少女浑身上下散发着难以置信的魅力，奇怪地吸引着靠近的每一个人。</div>
+<div class="info_box_right_description">顶着颜文字的神秘白发少女突然闯进你的生活，讲着不同的冷笑话却鲜有笑果。这位名叫“CPK智能机”(CPKrobot) 的少女浑身上下散发着难以置信的魅力，奇怪地吸引着靠近的每一个人。</div>
-<div style="line-height:16px; padding-bottom: 10px;">
+<div class="info_box_right_list">
 <div style="display: flex;">
-<div style= "color: #556772;font-size: 10px; flex:3.5">最近评测：</div><div style="flex:6.5"><div style="color:#66C0F4; font-size:12px">好评如潮 <span style= "color:#556772; font-size:12px">(1)</span></div></div></div>
+<div class= "info_box_right_list_key">最近评测：</div><div class="info_box_right_list_value"><div style="color:#66C0F4; font-size:12px">好评如潮 <span style= "color:#556772; font-size:12px">(15)</span></div></div></div>
 <div style="display: flex;">
-<div style= "color: #556772;font-size: 10px; flex:3.5">全部评测：</div><div style="flex:6.5"><div style="color:#66C0F4; font-size:12px">好评如潮 <span style= "color:#556772; font-size:12px">(1)</span></div></div></div>
+<div class= "info_box_right_list_key">全部评测：</div><div class="info_box_right_list_value"><div style="color:#66C0F4; font-size:12px">好评如潮 <span style= "color:#556772; font-size:12px">(261)</span></div></div></div>
 <div style="display: flex; padding: 10px 0 10px">
-<div style= "color: #556772;font-size: 10px; flex:3.5">发行日期：</div><div style="flex:6.5"><div style="color:#8f98a0; font-size:12px">2021 年 2 月 5 日</div></div></div>
+<div class= "info_box_right_list_key">发行日期：</div><div class="info_box_right_list_value"><div style="color:#8f98a0; font-size:12px">2021 年 2 月 5 日</div></div></div>
 <div style="display: flex;">
-<div style= "color: #556772;font-size: 10px; flex:3.5">开发商：</div><div style="flex:6.5"><div style="color:#66C0F4; font-size:12px">EnchantedHay </div></div></div>
+<div class= "info_box_right_list_key">开发商：</div><div class="info_box_right_list_value"><div style="color:#66C0F4; font-size:12px">[[EnchantedHay|EnchantedHay Co., Ltd. ]]</div></div></div>
 <div style="display: flex;">
-<div style= "color: #556772;font-size: 10px; flex:3.5">发行商：</div><div style="flex:6.5"><div style="color:#66C0F4; font-size:12px">LettuceIce </div></div></div>
+<div class= "info_box_right_list_key">发行商：</div><div class="info_box_right_list_value"><div style="color:#66C0F4; font-size:12px">[[User:LettuceIce|LettuceIce Co., Ltd. ]]</div></div></div>
 </div>
-<div style= "color: #556772; font-size:12px;">该产品的热门用户自定义标签：</div>
+<div class= "info_box_right_tagtitle">该产品的热门用户自定义标签：</div>
-<div style= "display:inline-block;padding:0 7px;color: #67c1f5;background-color: rgba( 103, 193, 245, 0.2 ); margin:0 2px 3px 0;border-radius: 2px; font-size:11px">科幻</div>
+<span class= "info_box_right_tag">科幻</span><span class= "info_box_right_tag">喜剧</span><span class= "info_box_right_tag">恋爱模拟</span><span class= "info_box_right_tag">视觉小说</span><span class= "info_box_right_tag">第一人称</span><span class= "info_box_right_tag"> + </span>
-<div style= "display:inline-block;padding:0 7px;color: #67c1f5;background-color: rgba( 103, 193, 245, 0.2 ); margin:0 2px 3px 0;border-radius: 2px; font-size:11px">喜剧</div>
-<div style= "display:inline-block;padding:0 7px;color: #67c1f5;background-color: rgba( 103, 193, 245, 0.2 ); margin:0 2px 3px 0;border-radius: 2px; font-size:11px">恋爱模拟</div>
-<div style= "display:inline-block;padding:0 7px;color: #67c1f5;background-color: rgba( 103, 193, 245, 0.2 ); margin:0 2px 3px 0;border-radius: 2px; font-size:11px">视觉小说</div>
-<div style= "display:inline-block;padding:0 7px;color: #67c1f5;background-color: rgba( 103, 193, 245, 0.2 ); margin:0 2px 3px 0;border-radius: 2px; font-size:11px">第一人称</div>
-<div style= "display:inline-block;padding:0 7px;color: #67c1f5;background-color: rgba( 103, 193, 245, 0.2 ); margin:0 2px 3px 0;border-radius: 2px; font-size:11px"> + </div>
 </div>
 </div>
 </div>
-<div style="min-width: 20rem;flex-basis:62%;flex-shrink:0;flex-grow:1;">
+<div class="info_box_left">
-[[File:CPKrobot攻略模拟器screenshot.png|class=x98width]]
+[[File:CPKrobot攻略模拟器screenshot.png|class=x98width|link=]]
-<div style="display:flex; flex-direction: column; margin-right: 12px;">
+<div class="info_box_left_scrollbox">
-<div style="display:block; height:69px; flex-basis:75%;">
+<div class="info_box_left_scrollbox_thumb">
-[[File:CPKrobot攻略模拟器screenshot.png|class=x20width]]
+[[File:CPKrobot攻略模拟器screenshot.png|class=x20width|link=]]
 </div>
-<div style="display: flex; margin-bottom:10px; flex-basis:25%;">
+<div class="info_box_left_scrollbox_scrollbar">
 <div style="width: 38px;background-color: rgba(35, 60, 81, 0.4);border-radius: 3px;color:#407899; flex:0.1; text-align:center;"> ◀ </div>
 <div style="background-color: rgba( 35, 60, 81, 0.4 ); border-radius: 3px;width: 50px; margin-left: 2px;"> </div>
@@ 第61行： / 第53行： @@
 </div>
-<div style="width: 100%;background: rgba( 0, 0, 0, 0.2 );margin: 0px auto;margin-bottom:16px;padding:16px 0 16px 0;">
+<div class="prepurchase_options_box">
-<div style="margin:0 16px 0 16px; font-size:15px;">
+<div style="margin:0 16px 0 16px;">
-<div style="border-radius:2px;padding:3px 15px 3px 15px;display: inline-block;color: #67c1f5;background: rgba( 103, 193, 245, 0.2 );">添加至您的愿望单</div>
+<div class="prepurchase_option">添加至您的愿望单</div><div class="prepurchase_option">关注</div><div class="prepurchase_option">忽略</div><div class="prepurchase_option hidden lg:block" style="float: right;">查看您的队列  ⇨</div>
-<div style="border-radius:2px;padding:3px 15px 3px 15px;display: inline-block;color: #67c1f5;background: rgba( 103, 193, 245, 0.2 );">关注</div>
-<div style="border-radius:2px;padding:3px 15px 3px 15px;display: inline-block;color: #67c1f5;background: rgba( 103, 193, 245, 0.2 );">忽略</div>
-<div style="border-radius:2px;padding:3px;display:inline-block;color: #67c1f5;background: rgba( 103, 193, 245, 0.2 );margin-left:-2px;">▼</div>
-<div style="border-radius:2px;padding:3px 15px 3px 15px;display: inline-block;color: #67c1f5;background: rgba( 103, 193, 245, 0.2 );float:right;">查看您的队列  ⇨</div>
 </div>
 </div>
-<div style="display:flex; padding-top:16px;">
+<div class="flex_wrap_row" style="padding-top:16px; row-gap:16px;">
-<div style="flex:6.5;">
-</div>
+<div class="recommendation_box">
-<div style="flex:3.5;background: linear-gradient(to right,  rgba(0,0,0,0.2) 0%,rgba(0,0,0,0.5) 100%); padding-bottom:32px;">
+<div class="recommendation_title">您对这款游戏感兴趣吗？</div>
-<div style="background-color: rgba(0,0,0,0.2);padding: 10px; color: #fff;font-size: 18px;">您对这款游戏感兴趣吗？</div>
 <div style="display:flex;">
 <div style="flex:1;padding-left:16px;">
-<span style="font-weight:bold;color:green;font-size:14px;">✓</span>
+<span class="recommendation_yes">✓</span>
 </div>
 <div style="flex:9;color:#969696;font-size:14px;padding-right:16px;">
-与您玩过的游戏相似
+像您一样的玩家喜欢此游戏。
-<div style= "height: 1px;margin: 10px 0;border: none;background-color: #273747;display: block;"></div>
+<div class="recommendation_line"></div>
 </div>
 </div>
@@ 第89行： / 第76行： @@
 <div style="display:flex;">
 <div style="flex:1;padding-left:16px;">
-<span style="font-weight:bold;color:green;font-size:14px;">✓</span>
+<span class="recommendation_yes">✓</span>
 </div>
 <div style="flex:9;color:#969696;font-size:14px;padding-right:16px;">
 用户评测：<span style="color:#66C0F4;">好评如潮</span>
-<div style= "height: 1px;margin: 10px 0;border: none;background-color: #273747;display: block;"></div>
+<div class="recommendation_line"></div>
 </div>
 </div>
@@ 第99行： / 第86行： @@
 <div style="display:flex;">
 <div style="flex:1;padding-left:16px;">
-<span style="font-weight:bold;color:green;font-size:14px;">✓</span>
+<span class="recommendation_yes">✓</span>
 </div>
 <div style="flex:9;color:#969696;font-size:14px;padding-right:16px;">
-当前热门
+热销商品
-<div style= "height: 1px;margin: 10px 0;border: none;background-color: #273747;display: block;"></div>
+<div class="recommendation_line"></div>
+</div>
 </div>
 </div>
+<div style="min-width: 16rem; flex-basis:66%; flex-shrink:0; flex-grow:1;">
+<div style="margin-bottom: 28px; margin-right: 16px;">
+<div style="position: relative; background: linear-gradient( -60deg, rgba(226,244,255,0.3) 5%,rgba(84, 107, 115, 0.3) 95%);border-radius: 4px;font-size: 21px;color: #c6d4df;padding: 16px;padding-bottom: 26px;">购买 CPKrobot攻略模拟器
+<div style="position: absolute; right: 16px;bottom: -17px;left: 16px;text-align: right;">
+<div style="height: 32px;display: inline-block;background-color: #000000;padding: 2px 2px 2px 0;border-radius: 2px;vertical-align:bottom; font-size: 0; ">
+<div style="text-align:right; display:inline-block; margin-left:2px; position:relative; background-color:#000000; font-size: 13px; padding-left:12px; padding-right:12px; height:20px; vertical-align:middle; text-shadow: 1px 1px 2px rgba(0,0,0,.67);">￥ 199.00</div>
+<div style="display: inline-block;margin-left: 2px;position: relative; vertical-align: middle;">
+[[User:CPKrobot|<div class="mw-ui-button" style="border-radius: 2px; border-style:none; padding: 4px 16px 4px 16px; display: inline-block; color: #d2efa9; font-size:15px; background: linear-gradient(to right, #75B022, #588A1B); text-shadow: 1px 1px 2px rgba(0,0,0,.67); line-height:24px; font-weight: normal;">添加至购物车</div>]]
+</div>
+</div>
 </div>
 </div>
+</div>
+</div>
 </div>