公开统计
6,579热度分
135消息量
964,729世界书字符
20,113固定设定字符
以下状态来自本地公开导出字段;样式与模板仅提供安全预览/下载,不在本站自动执行。
cover: qe5a314l9xoluk734ibi085k.webpbackground: pqszmt5h3u2xl1pj4afsn64e.webp导出中只有文件名引用,未包含实际图片二进制资源。
共 45,329 字符;仅作为文本显示,不会在本站执行。
/* ============================================
东临共和国 · 内置CSS (builtInCss) v6.0
Apple Design Language · 深色模式 · 9:16竖屏手机
纯CSS无JS · 单层details+:has()手机切换
v6.0: 全面重写视觉系统,Apple设计语言
============================================ */
/* ══════════════════════════════════════════
0. 设计令牌(Apple Dark Mode)
══════════════════════════════════════════ */
.dl-mini-map,
.status-bar,
.dl-quest-bar,
.dl-ph-notify,
.dl-phone-toggle,
.dl-phone,
.dl-actions,
.dl-summary,
.dl-online,
.dl-chain,
.dl-rel-card,
.rc-sug{
--dl-bg:#000000;
--dl-card:#1c1c1e;
--dl-card-hover:#2c2c2e;
--dl-elevated:#3a3a3c;
--dl-separator:rgba(84,84,88,.4);
--dl-separator-soft:rgba(84,84,88,.2);
--dl-label:#f5f5f7;
--dl-label-2:#aeaeb2;
--dl-label-3:#636366;
--dl-label-4:#48484a;
--dl-accent:#0A84FF;
--dl-accent-2:#64D2FF;
--dl-green:#30D158;
--dl-red:#FF453A;
--dl-orange:#FF9F0A;
--dl-yellow:#FFD60A;
--dl-purple:#BF5AF2;
--dl-pink:#FF375F;
--dl-radius-sm:8px;
--dl-radius-md:12px;
--dl-radius-lg:16px;
--dl-radius-xl:22px;
--dl-font:-apple-system,'SF Pro Display','SF Pro Text','PingFang SC','Microsoft YaHei',sans-serif;
--dl-shadow-card:0 1px 3px rgba(0,0,0,.3),0 1px 2px rgba(0,0,0,.2);
--dl-shadow-raised:0 4px 16px rgba(0,0,0,.4);
--dl-shadow-float:0 12px 40px rgba(0,0,0,.5);
}
/* ══════════════════════════════════════════
1. 三级地图 · 顶栏 + 面包屑
══════════════════════════════════════════ */
.dl-mini-map{
margin:10px 0;
background:var(--dl-card);
border:1px solid var(--dl-separator);
border-radius:var(--dl-radius-lg);
overflow:hidden;
font-family:var(--dl-font);
position:relative;
}
/* 顶栏 */
.dl-mm-topbar{
display:flex;align-items:center;justify-content:space-between;
padding:12px 16px;
background:rgba(255,255,255,.02);
border-bottom:1px solid var(--dl-separator-soft);
}
.dl-mm-title{font-size:15px;font-weight:600;color:var(--dl-label);letter-spacing:-.2px;}
.dl-mm-title em{font-style:normal;color:var(--dl-accent);}
.dl-mm-badge{
font-size:10px;padding:3px 10px;border-radius:20px;
background:rgba(255,255,255,.06);color:var(--dl-label-2);letter-spacing:.5px;
}
/* 面包屑 */
.dl-mm-crumb{
display:flex;align-items:center;gap:6px;
padding:8px 16px;font-size:11px;color:var(--dl-label-3);
background:rgba(255,255,255,.01);
border-bottom:1px solid var(--dl-separator-soft);
}
.dl-mm-crumb label{cursor:pointer;color:var(--dl-label-3);transition:color .2s;}
.dl-mm-crumb label:hover{color:var(--dl-label);}
.dl-mm-crumb .sep{color:var(--dl-label-4);}
.dl-mm-crumb .now{color:var(--dl-accent);font-weight:600;}
/* 层级显示控制 */
#dl-mm-city:checked ~ .dl-mini-map .dl-mm-crumb .crumb-city {display:inline;}
#dl-mm-district:checked ~ .dl-mini-map .dl-mm-crumb .crumb-district{display:inline;}
#dl-mm-building:checked ~ .dl-mini-map .dl-mm-crumb .crumb-building{display:inline;}
/* ══════════════════════════════════════════
2. 三层视图切换
══════════════════════════════════════════ */
.dl-mm-view{display:none;}
#dl-mm-city:checked ~ .dl-mini-map .dl-mm-city {display:block;}
#dl-mm-district:checked ~ .dl-mini-map .dl-mm-district {display:block;}
#dl-mm-building:checked ~ .dl-mini-map .dl-mm-building {display:block;}
/* ══════════════════════════════════════════
3. 城市层 — 12区网格
══════════════════════════════════════════ */
.dl-mm-city{padding:16px;}
.dl-mm-city-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;}
.dl-mm-city-grid > label{
display:flex;flex-direction:column;align-items:center;justify-content:center;
padding:14px 4px;font-size:12px;font-weight:500;color:var(--dl-label-2);
background:var(--dl-card-hover);border:1px solid transparent;
border-radius:var(--dl-radius-sm);cursor:pointer;transition:all .2s;
text-align:center;position:relative;
}
.dl-mm-city-grid > label .ci{font-size:22px;margin-bottom:5px;line-height:1;}
.dl-mm-city-grid > label:hover{
background:var(--dl-elevated);color:var(--dl-label);transform:translateY(-1px);
}
.dl-mm-city-grid > label.on{
color:#fff;
background:linear-gradient(135deg,rgba(191,90,242,.2),rgba(191,90,242,.08));
border-color:rgba(191,90,242,.4);
box-shadow:0 0 0 1px rgba(191,90,242,.2);
}
.dl-mm-city-grid > label.on::after{
content:'';position:absolute;top:6px;right:6px;
width:6px;height:6px;border-radius:50%;background:var(--dl-purple);
box-shadow:0 0 6px rgba(191,90,242,.6);
}
/* ══════════════════════════════════════════
4. 区层 — 建筑网格
══════════════════════════════════════════ */
.dl-mm-district{padding:14px;}
.dl-mm-dh{
display:flex;align-items:center;gap:10px;
margin-bottom:12px;padding:12px 14px;
background:rgba(255,255,255,.03);border-radius:var(--dl-radius-sm);
border:1px solid var(--dl-separator-soft);
}
.dl-mm-dh .dh-icon{font-size:24px;}
.dl-mm-dh .dh-name{font-size:15px;font-weight:600;color:var(--dl-label);}
.dl-mm-dh .dh-desc{font-size:11px;color:var(--dl-label-3);margin-top:2px;}
.dl-mm-bld-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;}
.dl-mm-bld-grid > label{
display:flex;flex-direction:column;align-items:center;justify-content:center;
padding:12px 4px;font-size:11px;color:var(--dl-label-2);
background:var(--dl-card-hover);border:1px solid transparent;
border-radius:var(--dl-radius-sm);cursor:pointer;transition:all .2s;
text-align:center;position:relative;min-height:60px;
}
.dl-mm-bld-grid > label .bi{font-size:20px;margin-bottom:4px;line-height:1;}
.dl-mm-bld-grid > label:hover{
background:var(--dl-elevated);color:var(--dl-label);transform:translateY(-1px);
}
.dl-mm-bld-grid > label.on{
color:#fff;
background:linear-gradient(135deg,rgba(10,132,255,.2),rgba(10,132,255,.08));
border-color:rgba(10,132,255,.4);
box-shadow:0 0 0 1px rgba(10,132,255,.2);
}
.dl-mm-bld-grid > label.on::after{
content:'';position:absolute;top:5px;right:5px;
width:6px;height:6px;border-radius:50%;background:var(--dl-accent);
box-shadow:0 0 6px rgba(10,132,255,.6);
}
.dl-mm-bld-grid > label.grey::before{
content:'⚠';position:absolute;top:4px;left:5px;
font-size:9px;color:rgba(255,69,58,.7);
}
/* 返回按钮 */
.dl-mm-back{
display:inline-flex;align-items:center;gap:5px;
padding:6px 14px;border-radius:20px;
background:rgba(255,255,255,.06);color:var(--dl-label-2);
font-size:11px;cursor:pointer;border:none;
transition:all .2s;margin-bottom:10px;
}
.dl-mm-back:hover{background:rgba(255,255,255,.1);color:var(--dl-label);}
.dl-mm-back::before{content:'‹';font-size:14px;margin-right:-2px;}
/* ══════════════════════════════════════════
5. 建筑层 — 房间平面图
══════════════════════════════════════════ */
.dl-mm-building{padding:14px;}
.dl-mm-bh{
display:flex;align-items:center;gap:10px;
margin-bottom:10px;padding:12px 14px;
background:rgba(255,255,255,.03);border-radius:var(--dl-radius-sm);
border:1px solid var(--dl-separator-soft);
}
.dl-mm-bh .bh-icon{font-size:24px;}
.dl-mm-bh .bh-name{font-size:15px;font-weight:600;color:var(--dl-label);}
.dl-mm-bh .bh-type{font-size:11px;color:var(--dl-label-3);}
.dl-mm-bh .bh-badge{
margin-left:auto;font-size:9px;padding:3px 10px;border-radius:20px;
background:rgba(255,69,58,.12);color:var(--dl-red);letter-spacing:.5px;white-space:nowrap;
}
.dl-mm-floor-label{
font-size:10px;color:var(--dl-label-3);letter-spacing:2px;
margin:10px 0 6px;text-transform:uppercase;font-weight:600;
}
.dl-mm-room-grid{
display:grid;gap:6px;
background:rgba(0,0,0,.2);
border:1px solid var(--dl-separator-soft);
border-radius:var(--dl-radius-sm);padding:6px;
}
.dl-mm-room{
display:flex;flex-direction:column;align-items:center;justify-content:center;
padding:10px 4px;border-radius:6px;font-size:11px;font-weight:600;
cursor:pointer;transition:all .15s;text-align:center;
min-height:48px;position:relative;
}
.dl-mm-room .ri{font-size:16px;margin-bottom:3px;}
.dl-mm-room .rn{font-size:10px;line-height:1.2;}
.dl-mm-room:hover{transform:translateY(-1px);filter:brightness(1.1);}
/* 房间类型 — Apple system colors 低透明度 */
.dl-mm-room.r-public{background:rgba(48,209,88,.12);border:1px solid rgba(48,209,88,.3);color:var(--dl-green);}
.dl-mm-room.r-private{background:rgba(255,159,10,.12);border:1px solid rgba(255,159,10,.3);color:var(--dl-orange);}
.dl-mm-room.r-restricted{background:rgba(255,69,58,.12);border:1px solid rgba(255,69,58,.3);color:var(--dl-red);}
.dl-mm-room.r-service{background:rgba(10,132,255,.12);border:1px solid rgba(10,132,255,.3);color:var(--dl-accent);}
.dl-mm-room.r-vip{background:rgba(191,90,242,.12);border:1px solid rgba(191,90,242,.3);color:var(--dl-purple);}
.dl-mm-room.r-corridor{background:rgba(255,255,255,.04);border:1px dashed var(--dl-separator-soft);color:var(--dl-label-3);min-height:20px;cursor:default;}
.dl-mm-room.r-corridor:hover{transform:none;filter:none;}
.dl-mm-room.r-fill{background:rgba(255,255,255,.02);border:1px solid var(--dl-separator-soft);color:var(--dl-label-4);cursor:default;}
.dl-mm-room.r-fill:hover{transform:none;filter:none;}
.dl-mm-room.on{
outline:2px solid var(--dl-accent);outline-offset:-1px;
box-shadow:0 0 0 3px rgba(10,132,255,.2);z-index:2;
}
.dl-mm-room.on::after{
content:'';position:absolute;top:3px;right:3px;
width:5px;height:5px;border-radius:50%;background:var(--dl-accent);
}
.dl-mm-room.r-hidden{
border:2px dashed var(--dl-orange) !important;
animation:dl-glow-amber 2.4s ease-in-out infinite;
}
@keyframes dl-glow-amber{
0%,100%{box-shadow:0 0 4px rgba(255,159,10,.2);}
50%{box-shadow:0 0 12px rgba(255,159,10,.5);}
}
/* ══════════════════════════════════════════
6. 玩家位置标记
══════════════════════════════════════════ */
.dl-mm-player{
display:inline-block;width:10px;height:10px;
background:var(--dl-accent);border:2px solid #fff;border-radius:50%;
box-shadow:0 0 8px rgba(10,132,255,.4);position:relative;
}
.dl-mm-player::after{
content:'';position:absolute;top:50%;left:50%;
width:24px;height:24px;transform:translate(-50%,-50%);
background:rgba(10,132,255,.2);border-radius:50%;
animation:dl-ring 2.2s ease-out infinite;
}
@keyframes dl-ring{
0%{transform:translate(-50%,-50%) scale(.6);opacity:1;}
100%{transform:translate(-50%,-50%) scale(2);opacity:0;}
}
/* ══════════════════════════════════════════
7. 坐标行
══════════════════════════════════════════ */
.dl-mm-coord{
font-size:13px;font-weight:600;color:var(--dl-accent);
padding:10px 16px;border-bottom:1px solid var(--dl-separator-soft);
letter-spacing:.5px;display:flex;align-items:center;gap:6px;
}
/* ══════════════════════════════════════════
8. 响应式(地图)
══════════════════════════════════════════ */
@media (max-width:480px){
.dl-mm-city-grid{grid-template-columns:repeat(3,1fr);}
.dl-mm-bld-grid{grid-template-columns:repeat(3,1fr);}
.dl-mm-city-grid > label .ci{font-size:18px;}
.dl-mm-bld-grid > label .bi{font-size:17px;}
.dl-mm-coord{font-size:12px;}
.dl-mm-room .rn{font-size:9px;}
.dl-mm-room{min-height:40px;padding:6px 2px;}
}
/* ══════════════════════════════════════════
9. 状态栏 — iOS 设置页网格风格
══════════════════════════════════════════ */
.status-bar{
--c-day:#FF9F0A;
--c-night:#64D2FF;
--c-late:#BF5AF2;
--c-money:#30D158;
--c-hp:#FF453A;
--c-warn:#FF453A;
--c-mood:#FFD60A;
display:grid;
grid-template-columns:1fr 1fr;
gap:1px;
width:100%;max-width:none;margin:10px auto 0;box-sizing:border-box;
background:var(--dl-separator-soft);
border:1px solid var(--dl-separator);
border-radius:var(--dl-radius-md);
overflow:hidden;
font-family:var(--dl-font);
font-size:13px;line-height:1.4;color:var(--dl-label);
box-shadow:var(--dl-shadow-card);
transition:border-color .25s,box-shadow .25s;
}
.status-bar:hover{
border-color:rgba(1
/* 预览已截断;下载 CSS 可查看完整内容。 */{
"renderTemplate": null,
"assistantRegexReplace": null,
"enableMemorySchema": false,
"memorySchema": null,
"introPage": "omfnjqa9v6u0hedahlmqlu7e.html",
"options": null,
"defaultModelSettings": {
"model": "pear/gemini-3-flash-preview",
"contextWindow": 2
},
"cover": "qe5a314l9xoluk734ibi085k.webp",
"background": "pqszmt5h3u2xl1pj4afsn64e.webp"
}本页只展示本地导出中可核验的公开字段。下载 JSON 可查看完整原始记录。