职业:修订间差异
来自江中缘
更多操作
无编辑摘要 |
无编辑摘要 |
||
| (未显示同一用户的6个中间版本) | |||
| 第19行: | 第19行: | ||
.jzy-profession-section h2{margin:0 0 14px!important;padding:0!important;border:0!important;color:#d9fff6!important;font-size:30px!important;font-weight:900!important;line-height:1.3;text-shadow:0 3px 8px rgba(1,18,28,.76)} | .jzy-profession-section h2{margin:0 0 14px!important;padding:0!important;border:0!important;color:#d9fff6!important;font-size:30px!important;font-weight:900!important;line-height:1.3;text-shadow:0 3px 8px rgba(1,18,28,.76)} | ||
.jzy-profession-section h2::after{content:"";display:block;width:100%;height:3px;margin-top:9px;border-radius:999px;background:linear-gradient(90deg,#78d8f0,#5ab878,#f4cf78)} | .jzy-profession-section h2::after{content:"";display:block;width:100%;height:3px;margin-top:9px;border-radius:999px;background:linear-gradient(90deg,#78d8f0,#5ab878,#f4cf78)} | ||
.jzy-growth-ribbon{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;margin-top:0;padding:4px 12px;background:rgba(7,52,63,. | .jzy-growth-ribbon{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;margin-top:0;padding:4px 12px;background:rgba(7,52,63,.52);border:1px solid rgba(153,228,235,.20);border-radius:18px;box-shadow:0 8px 20px rgba(1,18,28,.14),inset 0 1px 0 rgba(255,255,255,.08);backdrop-filter:none;-webkit-backdrop-filter:none} | ||
.jzy-growth-step{position:relative;padding:7px 22px 10px;color:#fff;font-size:15px;font-weight:800;line-height:1.6;text-align:center;-webkit-text-stroke:.25px rgba(0,36,46,.48);paint-order:stroke fill;text-shadow:0 2px 0 rgba(0,35,44,.96),0 3px 7px rgba(0,35,44,.88)} | .jzy-growth-step{position:relative;padding:7px 22px 10px;color:#fff;font-size:15px;font-weight:800;line-height:1.6;text-align:center;-webkit-text-stroke:.25px rgba(0,36,46,.48);paint-order:stroke fill;text-shadow:0 2px 0 rgba(0,35,44,.96),0 3px 7px rgba(0,35,44,.88)} | ||
.jzy-growth-step+.jzy-growth-step::before{content:"";position:absolute;left:0;top:18%;width:1px;height:64%;background:linear-gradient(transparent,rgba(231,255,249,.76),transparent)} | .jzy-growth-step+.jzy-growth-step::before{content:"";position:absolute;left:0;top:18%;width:1px;height:64%;background:linear-gradient(transparent,rgba(231,255,249,.76),transparent)} | ||
| 第33行: | 第33行: | ||
.jzy-profession-card p strong{color:#a9f4ff;font-weight:800} | .jzy-profession-card p strong{color:#a9f4ff;font-weight:800} | ||
.jzy-personal-growth-section{margin:0 0 38px} | .jzy-personal-growth-section{margin:0 0 38px} | ||
.jzy-personal-growth-panel{display:grid;grid-template-columns: | .jzy-personal-growth-section>h2{margin:0 0 14px!important;padding:0!important;border:0!important;color:#d9fff6!important;font-size:30px!important;font-weight:900!important;line-height:1.3;text-shadow:0 3px 8px rgba(1,18,28,.76)} | ||
.jzy-personal-growth-section>h2::after{content:"";display:block;width:100%;height:3px;margin-top:9px;border-radius:999px;background:linear-gradient(90deg,#78d8f0,#5ab878,#f4cf78)} | |||
.jzy-personal-growth-panel{display:grid;grid-template-columns:190px minmax(0,1fr);gap:22px;align-items:center;padding:21px 26px;color:inherit!important;text-decoration:none!important;background:linear-gradient(135deg,rgba(18,66,76,.60),rgba(29,79,73,.57));border:1px solid rgba(244,207,120,.32);border-radius:14px;box-shadow:0 8px 20px rgba(1,18,28,.14),inset 0 1px 0 rgba(255,255,255,.08);transition:transform .18s ease,background .18s ease,border-color .18s ease} | |||
.jzy-personal-growth-panel:hover{transform:translateY(-3px);background:linear-gradient(135deg,rgba(21,75,86,.67),rgba(35,91,81,.63));border-color:rgba(255,231,153,.56)} | |||
.jzy-personal-growth-panel:focus-visible{outline:2px solid #fff1b7;outline-offset:3px} | |||
.jzy-personal-growth-icon-wrap{display:flex;align-items:center;justify-content:center;min-height:92px;border-right:1px solid rgba(255,241,183,.22)} | .jzy-personal-growth-icon-wrap{display:flex;align-items:center;justify-content:center;min-height:92px;border-right:1px solid rgba(255,241,183,.22)} | ||
.jzy-personal-growth-icon{width:82px;height:82px;object-fit:contain;image-rendering:pixelated;filter:drop-shadow(0 5px 8px rgba(0,0,0,.32))} | .jzy-personal-growth-icon{width:82px;height:82px;object-fit:contain;image-rendering:pixelated;filter:drop-shadow(0 5px 8px rgba(0,0,0,.32))} | ||
.jzy-personal-growth-icon.jzy-personal-growth-logo{width:180px;height:110px;image-rendering:auto} | |||
.jzy-personal-growth-kicker{margin:0 0 3px;color:#fff1b7;font-size:14px;font-weight:900} | .jzy-personal-growth-kicker{margin:0 0 3px;color:#fff1b7;font-size:14px;font-weight:900} | ||
.jzy-personal-growth-title{margin:0 0 6px!important;padding:0!important;border:0!important;color:#fff4c7!important;font-size:25px!important;font-weight:900!important;line-height:1.25;text-shadow:0 2px 5px rgba(1,18,28,.72)} | .jzy-personal-growth-title{margin:0 0 6px!important;padding:0!important;border:0!important;color:#fff4c7!important;font-size:25px!important;font-weight:900!important;line-height:1.25;text-shadow:0 2px 5px rgba(1,18,28,.72)} | ||
| 第47行: | 第52行: | ||
.jzy-personal-growth-path+.jzy-personal-growth-path{border-left:1px solid rgba(255,241,183,.18)} | .jzy-personal-growth-path+.jzy-personal-growth-path{border-left:1px solid rgba(255,241,183,.18)} | ||
.jzy-personal-growth-path b{display:block;color:#fff1b7;font-size:15px;font-weight:900} | .jzy-personal-growth-path b{display:block;color:#fff1b7;font-size:15px;font-weight:900} | ||
.jzy-profession-hero,.jzy-profession-section,.jzy-personal-growth-section{scroll-margin-top:96px} | |||
.jzy-profession-toc{position:fixed;top:50%;right:64px;width:176px;padding:12px;transform:translateY(-50%);z-index:60;background:radial-gradient(circle at 18% 0%,rgba(120,216,240,.14),transparent 36%),linear-gradient(145deg,rgba(8,43,58,.62),rgba(10,46,31,.46));border:1px solid rgba(126,204,218,.24);border-radius:16px;box-shadow:0 14px 28px rgba(0,0,0,.24),inset 0 1px 0 rgba(255,255,255,.11);backdrop-filter:blur(4px) saturate(115%);-webkit-backdrop-filter:blur(4px) saturate(115%)} | |||
.jzy-profession-toc-title{margin:0 0 10px;padding-bottom:8px;color:#fff4c7;font-size:16px;font-weight:900;line-height:normal;text-align:center;border-bottom:1px solid rgba(244,207,120,.28)} | |||
.jzy-profession-toc a{display:block;margin:5px 0;padding:7px 9px;color:#d6eee6!important;font-size:13px;font-weight:800;line-height:1.3;text-shadow:0 1px 3px rgba(1,18,28,.66);text-decoration:none!important;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.055);border-radius:10px;transition:background .16s ease,color .16s ease,border-color .16s ease} | |||
.jzy-profession-toc a:hover,.jzy-profession-toc a:focus-visible,.jzy-profession-toc a.is-active{color:#fff4c7!important;background:rgba(244,207,120,.13);border-color:rgba(244,207,120,.30);outline:0} | |||
@media(max-width:1480px){.jzy-profession-shell{max-width:calc(100vw - 520px)}} | @media(max-width:1480px){.jzy-profession-shell{max-width:calc(100vw - 520px)}} | ||
@media(max-width:1279px){.jzy-profession-shell{max-width:100%;margin:0}} | @media(max-width:1279px){.jzy-profession-shell{max-width:100%;margin:0}.jzy-profession-toc{display:none}} | ||
@media(max-width:960px){.jzy-growth-ribbon{display:block}.jzy-growth-step{padding:11px 16px;text-align:left}.jzy-growth-step+.jzy-growth-step::before{left:0;top:0;width:100%;height:1px}.jzy-growth-step b::after{margin-left:0}.jzy-personal-growth-panel{grid-template-columns:92px minmax(0,1fr);padding:19px}.jzy-personal-growth-icon-wrap{min-height:82px}.jzy-personal-growth-icon{width:70px;height:70px}.jzy-personal-growth-paths{grid-template-columns:1fr}.jzy-personal-growth-path{padding:9px 0}.jzy-personal-growth-path+.jzy-personal-growth-path{border-top:1px solid rgba(255,241,183,.18);border-left:0}} | @media(max-width:960px){.jzy-growth-ribbon{display:block}.jzy-growth-step{padding:11px 16px;text-align:left}.jzy-growth-step+.jzy-growth-step::before{left:0;top:0;width:100%;height:1px}.jzy-growth-step b::after{margin-left:0}.jzy-personal-growth-panel{grid-template-columns:92px minmax(0,1fr);padding:19px}.jzy-personal-growth-icon-wrap{min-height:82px}.jzy-personal-growth-icon{width:70px;height:70px}.jzy-personal-growth-icon.jzy-personal-growth-logo{width:108px;height:70px}.jzy-personal-growth-paths{grid-template-columns:1fr}.jzy-personal-growth-path{padding:9px 0}.jzy-personal-growth-path+.jzy-personal-growth-path{border-top:1px solid rgba(255,241,183,.18);border-left:0}} | ||
@media(max-width:660px){.jzy-profession-hero{padding:24px 20px}.jzy-profession-title{font-size:32px!important}.jzy-profession-card{grid-template-columns:70px minmax(0,1fr);gap:14px;min-height:126px;padding:16px}.jzy-profession-icon-wrap{min-height:70px}.jzy-profession-icon{width:62px;height:62px}.jzy-profession-card h3{font-size:20px!important}.jzy-profession-card p,.jzy-profession-lead,.jzy-personal-growth-text{font-size:16px}.jzy-personal-growth-tip{font-size:15px}.jzy-growth-step b{font-size:18px}.jzy-personal-growth-panel{grid-template-columns:1fr;gap:12px;padding:18px}.jzy-personal-growth-icon-wrap{justify-content:flex-start;min-height:0;padding-bottom:12px;border-right:0;border-bottom:1px solid rgba(255,241,183,.22)}} | @media(max-width:660px){.jzy-profession-hero{padding:24px 20px}.jzy-profession-title{font-size:32px!important}.jzy-profession-card{grid-template-columns:70px minmax(0,1fr);gap:14px;min-height:126px;padding:16px}.jzy-profession-icon-wrap{min-height:70px}.jzy-profession-icon{width:62px;height:62px}.jzy-profession-card h3{font-size:20px!important}.jzy-profession-card p,.jzy-profession-lead,.jzy-personal-growth-text{font-size:16px}.jzy-personal-growth-tip{font-size:15px}.jzy-growth-step b{font-size:18px}.jzy-personal-growth-panel{grid-template-columns:1fr;gap:12px;padding:18px}.jzy-personal-growth-icon-wrap{justify-content:flex-start;min-height:0;padding-bottom:12px;border-right:0;border-bottom:1px solid rgba(255,241,183,.22)}} | ||
/* 毛玻璃预览:仅作用于本页半透明内容面板。 */ | |||
.jzy-profession-hero,.jzy-growth-ribbon,.jzy-profession-card,.jzy-personal-growth-panel{backdrop-filter:blur(8px) saturate(118%)!important;-webkit-backdrop-filter:blur(8px) saturate(118%)!important} | |||
@media(max-width:760px){.jzy-profession-hero,.jzy-growth-ribbon,.jzy-profession-card,.jzy-personal-growth-panel{backdrop-filter:blur(5px) saturate(115%)!important;-webkit-backdrop-filter:blur(5px) saturate(115%)!important}} | |||
</style> | </style> | ||
<main class="jzy-profession-shell"> | <nav class="jzy-profession-toc" aria-label="页面目录"><div class="jzy-profession-toc-title">页面目录</div><a class="is-active" href="#profession-top" aria-current="page">页面顶部</a><a href="#profession-growth">职业成长</a><a href="#profession-personal-growth">个人成长</a><a href="#profession-list">五类职业</a></nav> | ||
<section class="jzy-profession-hero"> | |||
<main class="jzy-profession-shell" id="profession-top"> | |||
<section class="jzy-profession-hero" id="profession-overview"> | |||
<p class="jzy-profession-kicker">江中缘 Wiki · 游戏资讯</p> | <p class="jzy-profession-kicker">江中缘 Wiki · 游戏资讯</p> | ||
<h1 class="jzy-profession-title">职业</h1> | <h1 class="jzy-profession-title">职业</h1> | ||
| 第64行: | 第79行: | ||
<div class="jzy-profession-divider"></div> | <div class="jzy-profession-divider"></div> | ||
<section class="jzy-profession-section"> | <section class="jzy-profession-section" id="profession-growth"> | ||
<h2>职业成长</h2> | <h2>职业成长</h2> | ||
<div class="jzy-growth-ribbon"> | <div class="jzy-growth-ribbon"> | ||
| 第73行: | 第88行: | ||
</section> | </section> | ||
<section class="jzy-personal-growth-section" aria-labelledby="jzy-personal-growth- | <section class="jzy-personal-growth-section" id="profession-personal-growth" aria-labelledby="jzy-personal-growth-heading"> | ||
< | <h2 id="jzy-personal-growth-heading">个人成长</h2> | ||
<div class="jzy-personal-growth-icon-wrap"><img class="jzy-personal-growth-icon" src="https://wiki.mcjzy.net/images/ | <a class="jzy-personal-growth-panel" href="/index.php?title=%E6%B1%9F%E4%B8%AD%E7%BC%98%E7%AD%89%E7%BA%A7" aria-label="查看江中缘等级详情"> | ||
<div class="jzy-personal-growth-icon-wrap"><img class="jzy-personal-growth-icon jzy-personal-growth-logo" src="https://wiki.mcjzy.net/images/1/10/3.png" alt="江中缘等级"></div> | |||
<div> | <div> | ||
<p class="jzy-personal-growth-kicker">贯穿海岛旅程的长期进度</p> | <p class="jzy-personal-growth-kicker">贯穿海岛旅程的长期进度</p> | ||
< | <h3 class="jzy-personal-growth-title">个人等级</h3> | ||
<p class="jzy-personal-growth-text"> | <p class="jzy-personal-growth-text">个人成长不属于五类职业中的任意一类,而是记录你在江中缘中走过的整体旅程。无论是探索岛屿、挑战怪物、收集资源,还是经营农田、悠闲垂钓,只要持续体验不同玩法,都会逐步累积<strong>个人经验</strong>,让冒险、经营与探索都留下成长痕迹。</p> | ||
<p class="jzy-personal-growth-tip"><b>游玩提示:</b> | <p class="jzy-personal-growth-tip"><b>游玩提示:</b>这里没有固定的每日要求或指定路线。选择自己喜欢的玩法,随心探索、切换职业、经营海岛,每一次投入都会让个人成长持续向前。</p> | ||
<div class="jzy-personal-growth-paths"> | <div class="jzy-personal-growth-paths"> | ||
<div class="jzy-personal-growth-path"><b> | <div class="jzy-personal-growth-path"><b>自由探索</b>走进岛屿不同区域,发现资源与新的玩法。</div> | ||
<div class="jzy-personal-growth-path"><b> | <div class="jzy-personal-growth-path"><b>日常游玩</b>战斗、采集、耕作或垂钓,按自己的节奏前进。</div> | ||
<div class="jzy-personal-growth-path"><b>职业历程</b>五类职业的每次进展,都会同步沉淀为成长。</div> | <div class="jzy-personal-growth-path"><b>职业历程</b>五类职业的每次进展,都会同步沉淀为成长。</div> | ||
</div> | </div> | ||
</div> | </div> | ||
</ | </a> | ||
</section> | </section> | ||
<section class="jzy-profession-section"> | <section class="jzy-profession-section" id="profession-list"> | ||
<h2>五类职业</h2> | <h2>五类职业</h2> | ||
<div class="jzy-profession-grid"> | <div class="jzy-profession-grid"> | ||
| 第116行: | 第132行: | ||
</section> | </section> | ||
</main> | </main> | ||
<script> | |||
(function(){ | |||
var links = Array.prototype.slice.call(document.querySelectorAll('.jzy-profession-toc a')); | |||
var sections = ['profession-top','profession-growth','profession-personal-growth','profession-list'].map(function(id){return document.getElementById(id);}).filter(Boolean); | |||
if(!links.length || !sections.length || !('IntersectionObserver' in window)){return;} | |||
var observer = new IntersectionObserver(function(entries){ | |||
entries.forEach(function(entry){ | |||
if(!entry.isIntersecting){return;} | |||
links.forEach(function(link){ | |||
var active = link.getAttribute('href') === '#' + entry.target.id; | |||
link.classList.toggle('is-active', active); | |||
link.setAttribute('aria-current', active ? 'page' : 'false'); | |||
}); | |||
}); | |||
},{rootMargin:'-28% 0px -62% 0px',threshold:0}); | |||
sections.forEach(function(section){observer.observe(section);}); | |||
})(); | |||
</script> | |||
</html> | </html> | ||
2026年8月10日 (一) 10:08的最新版本
江中缘 Wiki · 游戏资讯
职业
职业系统把海岛上的战斗、探索与庄园日常串成一段长期成长。无论你是在岛屿中迎战怪物、深入林地与矿层采集资源,还是经营农田、前往水域垂钓,每一次参与都会沉淀为对应职业的经验。
你可以专注一条最感兴趣的路线,也可以在多种玩法之间自由切换;职业成长会自然融入个人海岛经营与好友同行的每一段旅程。
版本说明:本页当前收录 1.2.0 版本已开放的五类职业;后续职业与成长内容将随版本更新逐步加入,实际开放情况请以游戏内为准。
职业成长
选择玩法战斗、采集、耕作或垂钓,随心开始
累积经验完成对应行动,成长自然沉淀
解锁提升等级提高后,更多能力与内容逐步开放
个人成长
贯穿海岛旅程的长期进度
个人等级
个人成长不属于五类职业中的任意一类,而是记录你在江中缘中走过的整体旅程。无论是探索岛屿、挑战怪物、收集资源,还是经营农田、悠闲垂钓,只要持续体验不同玩法,都会逐步累积个人经验,让冒险、经营与探索都留下成长痕迹。
游玩提示:这里没有固定的每日要求或指定路线。选择自己喜欢的玩法,随心探索、切换职业、经营海岛,每一次投入都会让个人成长持续向前。
自由探索走进岛屿不同区域,发现资源与新的玩法。
日常游玩战斗、采集、耕作或垂钓,按自己的节奏前进。
职业历程五类职业的每次进展,都会同步沉淀为成长。
五类职业
