被诅咒的色彩：旧城

精灵、吸血鬼或兽人——凯恩一视同仁地将你吞噬。一个垂死的辛迪加。没有干净的退路。

剧情简介

凯恩 :root { --black: #0a0a0a; --dark: #111; --panel: #141414; --border: #222; --yellow: #f5e642; --pink: #e91e8c; --cyan: #00d4ff; --orange: #ff6b00; --lime: #aaff00; --purple: #9b59b6; --white: #f0f0f0; --muted: #555; --text: #ccc; --font-display: Impact, 'Arial Narrow', 'Franklin Gothic Medium', Arial, sans-serif; --font-body: 'Trebuchet MS', 'Gill Sans', Arial, sans-serif; --font-mono: 'Courier New', 'Lucida Console', monospace; } * { margin: 0; padding: 0; box-sizing: border-box; } body { background: var(--black); color: var(--text); font-family: var(--font-body); font-size: 16px; line-height: 1.7; overflow-x: hidden; } /* ===== SPRAY PAINT BLOB ===== */ .spray { position: absolute; border-radius: 50%; filter: blur(80px); opacity: 0.15; pointer-events: none; } /* ===== HERO ===== */ .hero { position: relative; min-height: 100vh; display: flex; flex-direction: column; justify-content: center; padding: 80px 64px; overflow: hidden; background: var(--black); } .hero .spray-1 { width: 600px; height: 600px; background: var(--yellow); top: -100px; left: -100px; opacity: 0.12; } .hero .spray-2 { width: 500px; height: 500px; background: var(--pink); bottom: -50px; right: -50px; opacity: 0.1; } .hero .spray-3 { width: 400px; height: 400px; background: var(--cyan); top: 30%; left: 50%; opacity: 0.06; } /* brick texture via CSS */ .hero-brick { position: absolute; inset: 0; background-image: repeating-linear-gradient(0deg, transparent, transparent 28px, rgba(255,255,255,0.012) 28px, rgba(255,255,255,0.012) 30px), repeating-linear-gradient(90deg, transparent, transparent 58px, rgba(255,255,255,0.008) 58px, rgba(255,255,255,0.008) 60px); opacity: 1; } .hero-content { position: relative; z-index: 2; max-width: 960px; } .tag-line { font-family: var(--font-mono); font-size: 11px; letter-spacing: 0.2em; color: var(--yellow); text-transform: uppercase; margin-bottom: 20px; opacity: 0.8; } /* GIANT GRAFFITI TITLE */ .hero-title { font-family: var(--font-display); font-size: clamp(120px, 22vw, 260px); line-height: 0.82; letter-spacing: 0.02em; color: var(--white); margin-bottom: 0; position: relative; text-shadow: 6px 6px 0 var(--pink), 12px 12px 0 rgba(233,30,140,0.3); } .hero-title-stroke { -webkit-text-stroke: 3px var(--yellow); color: transparent; display: block; font-size: clamp(40px, 7vw, 90px); letter-spacing: 0.15em; text-shadow: none; margin-top: 8px; } .hero-rule { display: flex; align-items: center; gap: 16px; margin: 28px 0; } .hero-rule-line { flex: 1; max-width: 120px; height: 3px; background: var(--yellow); } .hero-rule-dot { width: 10px; height: 10px; background: var(--pink); border-radius: 50%; } .hero-tagline { font-size: clamp(18px, 2.5vw, 26px); font-weight: 700; color: var(--white); max-width: 560px; line-height: 1.35; margin-bottom: 16px; } .hero-tagline em { font-style: normal; color: var(--yellow); } .hero-sub { font-size: 15px; color: var(--muted); max-width: 460px; line-height: 1.8; } /* sticker label */ .sticker { display: inline-block; background: var(--yellow); color: var(--black); font-family: var(--font-display); font-size: 13px; letter-spacing: 0.1em; padding: 6px 14px; transform: rotate(-2deg); margin-bottom: 24px; text-transform: uppercase; } /* ===== TICKER ===== */ .ticker { border-top: 2px solid var(--yellow); border-bottom: 2px solid var(--yellow); background: var(--yellow); padding: 10px 0; overflow: hidden; } .ticker-track { display: flex; gap: 48px; white-space: nowrap; animation: scrollTicker 28s linear infinite; } @keyframes scrollTicker { 0% { transform: translateX(0); } 100% { transform: translateX(-50%); } } .ticker-item { font-family: var(--font-display); font-size: 14px; letter-spacing: 0.08em; color: var(--black); text-transform: uppercase; flex-shrink: 0; } .ticker-sep { color: var(--pink); margin: 0 4px; } /* ===== LAYOUT ===== */ .wrap { max-width: 960px; margin: 0 auto; padding: 80px 64px; } .section-tag { display: inline-block; font-family: var(--font-display); font-size: 13px; letter-spacing: 0.12em; text-transform: uppercase; padding: 4px 12px; margin-bottom: 20px; border-left: 4px solid var(--yellow); color: var(--yellow); background: rgba(245,230,66,0.08); } h2 { font-family: var(--font-display); font-size: clamp(36px, 5vw, 60px); letter-spacing: 0.02em; color: var(--white); line-height: 0.95; margin-bottom: 28px; } .divider { border: none; border-top: 1px solid var(--border); } /* ===== HOOK ===== */ .hook-lead { font-size: 19px; font-weight: 700; color: var(--white); max-width: 680px; line-height: 1.5; margin-bottom: 18px; } .hook-body { font-size: 15px; color: #777; max-width: 620px; line-height: 1.9; margin-bottom: 14px; } .spray-quote { position: relative; padding: 24px 32px; margin: 40px 0; background: var(--panel); border-left: 5px solid var(--pink); overflow: hidden; } .spray-quote::before { content: '"'; position: absolute; font-family: var(--font-display); font-size: 200px; color: rgba(233,30,140,0.06); top: -20px; left: 10px; line-height: 1; pointer-events: none; } .spray-quote p { font-family: var(--font-mono); font-size: 13px; color: #888; line-height: 1.9; font-style: italic; position: relative; } /* ===== DISTRICTS ===== */ .district-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 3px; margin-top: 32px; } .district-card { background: var(--panel); padding: 24px 20px; position: relative; overflow: hidden; transition: transform 0.15s, background 0.15s; border-top: 3px solid transparent; } .district-card:hover { background: #1a1a1a; transform: translateY(-2px); } .d-crown { border-top-color: var(--yellow); } .d-merchant { border-top-color: #7a8a7a; } .d-ashgate { border-top-color: var(--purple); } .d-foundry { border-top-color: var(--orange); } .d-dockside { border-top-color: var(--cyan); } .d-undercroft { border-top-color: var(--pink); } .district-name { font-family: var(--font-display); font-size: 24px; letter-spacing: 0.04em; color: var(--white); margin-bottom: 4px; } .district-tag { font-family: var(--font-mono); font-size: 10px; letter-spacing: 0.14em; color: var(--muted); text-transform: uppercase; margin-bottom: 10px; } .district-desc { font-size: 13px; color: #666; line-height: 1.65; } /* ===== FACTIONS ===== */ .faction-list { display: flex; flex-direction: column; gap: 3px; margin-top: 32px; } .faction-row { background: var(--panel); display: grid; grid-template-columns: 200px 1fr 100px; padding: 20px 24px; gap: 28px; align-items: center; transition: background 0.15s; border-left: 3px solid transparent; } .faction-row:hover { background: #1a1a1a; } .fr-hand { border-left-color: var(--purple); } .fr-iron { border-left-color: #7a8a7a; } .fr-tide { border-left-color: var(--cyan); } .fr-pale { border-left-color: var(--pink); } .fr-ash { border-left-color: var(--orange); } .fr-null { border-left-color: var(--muted); } .fr-cop { border-left-color: #4466aa; } .fr-ven { border-left-color: var(--yellow); } .fr-drax { border-left-color: var(--orange); } .fr-crest { border-left-color: var(--cyan); } .faction-name { font-family: var(--font-display); font-size: 19px; letter-spacing: 0.04em; color: var(--white); margin-bottom: 2px; } .faction-type { font-family: var(--font-mono); font-size: 10px; letter-spacing: 0.1em; color: var(--muted); text-transform: uppercase; } .faction-desc { font-size: 13px; color: #666; line-height: 1.65; } .faction-status { font-family: var(--font-mono); font-size: 10px; letter-spacing: 0.06em; text-align: right; line-height: 1.6; text-transform: uppercase; } .s-red { color: var(--pink); } .s-green { color: var(--lime); } .s-blue { color: var(--cyan); } .s-yellow { color: var(--yellow); } .s-muted { color: var(--muted); } /* ===== POWER WALL ===== */ .power-wall { position: relative; background: var(--dark); border-top: 1px solid var(--border); border-bottom: 1px solid var(--border); overflow: hidden; } .power-spray-1 { width: 700px; height: 700px; background: var(--pink); top: -200px; right: -200px; } .power-spray-2 { width: 500px; height: 500px; background: var(--yellow); bottom: -100px; left: -100px; } .power-inner { max-width: 960px; margin: 0 auto; padding: 80px 64px; position: relative; z-index: 2; } .big-label { font-family: var(--font-display); font-size: clamp(60px, 10vw, 120px); line-height: 0.88; color: rgba(255,255,255,0.04); position: absolute; top: 40px; right: 64px; letter-spacing: 0.05em; pointer-events: none; user-select: none; } .tier-stack { display: flex; flex-direction: column; gap: 3px; margin-top: 32px; } .tier { display: grid; grid-template-columns: 200px 1fr; background: var(--panel); overflow: hidden; } .tier-left { padding: 20px 22px; background: var(--black); display: flex; flex-direction: column; justify-content: center; } .tier-num { font-family: var(--font-display); font-size: 48px; line-height: 1; margin-bottom: 2px; } .t1 .tier-num { color: var(--yellow); } .t2 .tier-num { color: var(--orange); } .t3 .tier-num { color: #7a8a7a; } .t4 .tier-num { color: var(--cyan); } .t5 .tier-num { color: var(--purple); } .tier-name { font-family: var(--font-mono); font-size: 10px; letter-spacing: 0.14em; color: var(--muted); text-transform: uppercase; } .tier-right { padding: 20px 24px; font-size: 14px; color: #666; line-height: 1.7; display: flex; align-items: center; } .tier-right strong { color: var(--text); } /* ===== ALIVE ===== */ .alive-section { position: relative; overflow: hidden; } .alive-spray { width: 600px; height: 600px; background: var(--cyan); top: -100px; right: -200px; } .alive-inner { max-width: 960px; margin: 0 auto; padding: 80px 64px; display: grid; grid-template-columns: 1fr 1fr; gap: 64px; align-items: start; position: relative; z-index: 2; } .alive-text p { font-size: 15px; color: #666; line-height: 1.85; margin-bottom: 16px; } .alive-text p strong { color: var(--white); } .cal-stack { display: flex; flex-direction: column; gap: 3px; } .cal-item { background: var(--panel); display: grid; grid-template-columns: 64px 1fr; overflow: hidden; } .cal-week { background: var(--black); padding: 14px 10px; font-family: var(--font-display); font-size: 13px; color: var(--yellow); display: flex; align-items: center; justify-content: center; text-align: center; letter-spacing: 0.05em; } .cal-week.now { color: var(--pink); } .cal-text { padding: 14px 16px; font-size: 13px; color: #666; line-height: 1.5; display: flex; align-items: center; } .cal-text.now { color: var(--pink); } /* ===== RULES ===== */ .rules-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 3px; margin-top: 32px; } .rule-card { background: var(--panel); padding: 26px 24px; border-top: 3px solid var(--border); transition: border-top-color 0.2s, background 0.2s; } .rule-card:hover { background: #1a1a1a; border-top-color: var(--yellow); } .rule-title { font-family: var(--font-display); font-size: 20px; letter-spacing: 0.03em; color: var(--white); margin-bottom: 10px; } .rule-body { font-size: 14px; color: #666; line-height: 1.75; } .rule-body strong { color: var(--text); } /* ===== CTA ===== */ .cta-section { position: relative; overflow: hidden; text-align: center; padding: 100px 64px; background: var(--black); } .cta-spray-1 { width: 800px; height: 800px; background: var(--yellow); top: -200px; left: -200px; } .cta-spray-2 { width: 600px; height: 600px; background: var(--pink); bottom: -100px; right: -100px; } .cta-spray-3 { width: 400px; height: 400px; background: var(--cyan); top: 40%; left: 40%; } .cta-inner { position: relative; z-index: 2; } .cta-sticker { display: inline-block; background: var(--yellow); color: var(--black); font-family: var(--font-display); font-size: 14px; letter-spacing: 0.1em; padding: 8px 20px; transform: rotate(-1.5deg); margin-bottom: 32px; text-transform: uppercase; } .cta-title { font-family: var(--font-display); font-size: clamp(48px, 9vw, 100px); line-height: 0.9; color: var(--white); margin-bottom: 24px; text-shadow: 5px 5px 0 rgba(233,30,140,0.4); } .cta-title .accent { color: var(--yellow); } .cta-sub { font-size: 17px; color: #888; max-width: 500px; margin: 0 auto 44px; line-height: 1.8; } .cta-box { display: inline-block; border: 2px solid var(--pink); padding: 14px 32px; font-family: var(--font-display); font-size: 14px; letter-spacing: 0.14em; color: var(--pink); text-transform: uppercase; animation: pulsePink 2.5s ease-in-out infinite; } @keyframes pulsePink { 0%,100% { border-color: var(--pink); color: var(--pink); } 50% { border-color: #ff6ec7; color: #ff6ec7; } } .cta-foot { margin-top: 48px; font-family: var(--font-mono); font-size: 10px; letter-spacing: 0.15em; color: #222; text-transform: uppercase; } /* ===== RESPONSIVE ===== */ @media (max-width: 720px) { .hero, .wrap, .power-inner, .alive-inner, .cta-section { padding-left: 24px; padding-right: 24px; } .district-grid { grid-template-columns: 1fr 1fr; } .faction-row { grid-template-columns: 1fr; gap: 6px; } .faction-status { text-align: left; } .rules-grid { grid-template-columns: 1fr; } .tier { grid-template-columns: 120px 1fr; } .alive-inner { grid-template-columns: 1fr; gap: 40px; } } 始建于300年前 ◆ 屹立至今凯恩一座毫不在乎的城市精灵建造。吸血鬼购买。为出价最高者维持治安。六十万人口。十一个派系。奴隶制结束二十年——曾经拥有奴隶的人依然富有。你从底层开始。世界早已开始运转。奴隶制废除 // 20年前黑曜石之手 // 节节败退 ASD特遣队 // 正在积极调查文摩尔控股 // 正在收购灰门区猩红浪潮 // 正在扩张德拉西斯工业 // 货物失踪凯伦·沃斯 // 灰门区监狱奴隶制废除 // 20年前黑曜石之手 // 节节败退 ASD特遣队 // 正在积极调查文摩尔控股 // 正在收购灰门区猩红浪潮 // 正在扩张德拉西斯工业 // 货物失踪凯伦·沃斯 // 灰门区监狱世界六十万人口。无人为你停留。凯恩由不再拥有它的精灵建造，由不住在其中的吸血鬼购买，并由一个为签署预算者服务的机构维持治安。奴隶制在二十年前被废除。从中获利的人们依然在此——同样的建筑，同样的生意，同样的律师。德拉西斯工业改变了它的文书，而非它的做法。《安置法案》将自由变成了债务。城市进行了重组，并称之为进步。你从黑曜石之手的底层开始——这是在一座已经花了一代人时间瓦解精灵一切的城市里，最后一个精灵辛迪加。黑曜石之手正在消亡。警察正在逼近。对手们正在填补真空。这一切背后的公司不在乎谁控制码头区，只要有人控制，悄悄地，以他们设定的价格。 “玛伦·艾恩菲尔德每晚六点钟声敲响时都会在‘加冕雄鹿’酒吧喝酒。她已经这样做了十一年。那些认为这让她变得可预测的人，已经没有机会修正他们的评估了。” 六大区同一座城。不同的规则。同样的法律，根据你在街道的哪一边被拦下而有不同的执行方式。皇冠山吸血鬼与精灵贵族旧贵。弧光灯彻夜通明。血坊和私人执法。市议会在这里开会。那些告诉议会该做什么决定的人也在这里。商人区人类中产阶级充满抱负又惶恐不安。上层人类家庭，矮人实业家。艾恩菲尔德帮在这里活动，有聘请的律师和市议会联系人。灰门区旧精灵区三百年历史的建筑无人维护。煤气灯照明。人口密集。黑曜石之手控制着两个街区。文摩尔公司六年来一直在边缘地带收购。所有人都知道这将如何收场。铸造区工业与劳工德拉西斯工厂。煤烟和炼金废料。兽人和兽人人口大多仍在偿还自由债务。猩红浪潮在这里势力最强。码头窄巷中转区人员流动大。人口混杂。黑曜石之手控制了这里二十年。艾恩菲尔德的打手上周出现在两个街角。黑曜石之手不战而退。地下室万物之下一座建立在自身之上的城市的地下网络。黑市。一切都未注册。唯一一个法律行动迟缓的地方。苍白市场就在这里。十一个派系全在行动。同时进行。没人等你先出手。黑曜石之手精灵辛迪加 · 你的阵营在法律不再保护精灵时成立。在成为犯罪组织前是互助会。剩下28名活跃成员，两个萎缩的区域，一个在狱中的创始人，一个身份不明的告密者。垂死坚守艾恩菲尔德帮人类帮派 · 扩张中三代旧贵犯罪。律师、议会联系人、合法掩护。有足够的耐心让警察干活，然后自己再介入。但耐心不是无限的。扩张中观望中猩红浪潮解放运动不只是个帮派。由曾被奴役的兽人、兽人和哥布林组成。互助、非法学校、安全通道——以及烧毁建筑的意愿。有政治动机。发展迅速。发展中动员中苍白市场情报贩子没有地盘。没有标志。向所有人出售情报，包括警察。目前正在分期向ASD出售黑曜石之手的成员数据。一个垂死的辛迪加是持续的收入来源。隐藏获利中灰烬之路兄弟会飞车党 · 走私在城市之间运营补给线。半组织化，有行为准则。东部道路上的一个新检查站让他们损失惨重。他们想除掉它。方法可议。稳定受挫虚无骑士飞车党 · 受雇任何工作都接。没有效忠对象。刻意制造混乱。本周有三个派系与他们接触。他们正在决定谁出价更高。松散待雇凯恩市警察局 / ASD警察 · 派系分裂并非铁板一块。高层指挥官是长寿种族和古老家族。贫困地区的巡警是薪水微薄的人类和兽人。ASD已经花了三年时间建立案卷。活跃逼近中文摩尔控股公司 · 吸血鬼控制拥有或持有凯恩40%可居住建筑的债务。撰写了将精灵排除在财产所有权之外的租赁条款。目前通过一项市政改善补助金资助ASD的预算。收购中等待中德拉西斯工业公司 · 工业三家铸造厂。从奴役劳工转为合同劳工，但条件未变。一批未经许可的炼金成分货物失踪。他们在不惊动警察的情况下进行搜寻。暴露搜寻中克雷斯特韦尔信息公司公司 · 媒体拥有水晶线网络。出版两份主要报纸。分层出售信息——公开的、私人的，以及一个官方不存在的第三层。无所不知。观望中始终权力事物的秩序谁在统治凯恩。按顺序。 01贵族阶层吸血鬼贵族家族和精灵古老家族——数个世纪积累的财富，他们为其制定规则的机构，以及他们之间的一场冷战，这场冷战摧毁了数十个派系，却从未触及双方都认为有用的东西。 02公司文摩尔、德拉西斯、克雷斯特韦尔——比民选议会拥有更多实权。他们资助自己需要的机构，并重塑自己不喜欢的法律。从不出现在后果中。 03商人阶层上层人类、矮人实业家、顺从的精灵——真正的舒适，真正的脆弱。一代不慎就会失去一切。对下层阶级感到恐惧。对上层阶级有用。 04工人阶级大多数人类、注册的兽人、有记录的哥布林——日复一日，没有缓冲。犯罪地下世界与这一阶层相邻，而非在其之下。黑曜石之手就是在这里建立的。 05其余人曾被奴役、未注册、无证件的人——技术上自由了二十年。实际上对法律来说是隐形的，除非法律想找到他们。猩红浪潮就是从这里汲取力量的。如果凯恩有良心，这就是它的良心所在。生机勃勃的世界城市不会等待。每个派系都有当前的议程。无论你是否在看，艾恩菲尔德帮都在向码头区调动人手。ASD在周二早上提交逮捕令。文摩尔按照一个无人公布的时间表在边缘地带进行收购。你通过后果发现事件。上周还是黑曜石之手地盘的街角出现了新面孔。一个幌子生意被警察用胶带封锁。一个联系人不再回复消息。在事件发生前读懂城市是一种技能。对事件做出反应是生存。世界不会暂停。它不在乎你是新人。已经发生第1周艾恩菲尔德的打手出现在两个码头区的街角。黑曜石之手不战而退。第2周 ASD逮捕了黑曜石之手的士兵德克斯·马尔。他知道三个安全屋的位置。第3周猩红浪潮在灰门区边境开设了一个站点。黑曜石之手没有回应。第4周苍白市场向ASD提供了部分黑曜石之手成员名单。三个名字。还不是重要的那些。现在你从这里开始。其余的已经开始运转。运作方式无人写下的规则。奴隶制已成历史二十年前废除。曾经拥有奴隶的人依然富有。《安置法案》将自由变成了债务。德拉西斯工业改变了它的文书，而非它的做法。成文法凯恩的法典没有明确的歧视。但效果是明确的。精灵需要人类共同签署人。兽人每年注册。吸血鬼拥有完全的公民权利——那种需要数个世纪的谈判才能获得的权利。长寿，长记性吸血鬼和精灵建立了这些机构。他们比所有持不同意见的人都活得长。他们不认为自己是压迫者。他们认为自己是管理者。这个区别对他们很重要。阶级吞噬种族灰门区的一个贫穷精灵面临着来自工人阶级人类的敌意，他们将所有精灵归咎于一个贫穷精灵无法接触到的贵族阶层。贵族阶层从这种混乱中受益，并且不作任何努力去纠正它。暴力有分量一具尸体意味着麻烦、调查、可能数周后才会到来的报复。一个安静的解决方案总是比一个喧闹的要好。长寿者尤其会注意到喧闹。他们有时间做出回应。警察有忠诚高层指挥官保护高层利益。贫困地区的巡警来自那些社区。有些是同情的。有些是收了钱的。这个机构不是统一的，也从未被设计成统一的。你从这里开始街头执法者。黑曜石之手。灰门区。黑曜石之手正在消亡，你知道的。你父亲在灰门区监狱。城市正朝着没人问过你的方向发展。你有一个街角，一个联系人，以及足够的信誉来获得下一份工作。如何利用它取决于你。世界按自己的时间表运行 ◆ 你身在其中。而非其上。凯恩 · 黑暗奇幻犯罪剧 · 动态世界 · 无固定结局

开场场景

热度：0 | 等级：街头 | 天数：1 声望 — 黑曜石之手：0 | 警察：0 | 艾恩菲尔德：0 | 浪潮：0 | 街头：0从你十六岁起，棒棒糖就一直是樱桃味的，你现在也觉得没理由换。黄昏时的灰门区闻起来有股潮湿石头的味道，还有楼上三层某户人家的晚饭香，以及一种特别的寂静，意味着人们看到你来就都进屋了。煤气灯刚刚亮起。往东两个街区，弧光灯开始的地方，是商人区。你必须在那些灯完全亮起前回到线的这一边，否则就得拿出证件。你对此了如指掌，就像了解自己的心跳一样——不假思索，也不再有怨恨。这只是城市允许你活动的地图。塞娜的联系人让你在灯全亮时到卡特街和维尔街的拐角。你来早了。你总是早到。你父亲教过你，守时唯一的代价是时间，而迟到唯一的代价是其他一切。你父亲就在这个区北端的灰门区监狱里，已经待了十四个月了。你现在不去想那件事。街对面有个男人靠着墙在看你。从你拐上卡特街起他就在那儿了。他不是为黑曜石之手工作的——姿势不对，站姿也不对。可能是警察。可能是艾恩菲尔德的人。也可能只是个运气不好的路人。灯全亮了。街角很安静。你该怎么做？

标签: 游戏奇幻科幻家庭升级赛博朋克未来主义男性视角女性视角任何POV 多个人类精灵矮人城市吸血鬼黑手党警察政治阴谋

聊天次数: 6

作者: teirdel

故事

正在跳转到 ISEKAI ZERO...