/* ============================================================
   字影万像 · 第二层：开始创作 · 3 个入口（手机屏幕式竖向卡）
   与主页同源浅色玻璃语言（白玻璃+细边+柔影+极淡品牌色晕染）
   ============================================================ */
.zw-back{position:fixed;top:18px;left:20px;z-index:62;display:inline-flex;align-items:center;gap:7px;padding:9px 16px;border-radius:11px;font-size:14px;font-weight:600;color:var(--ink);background:rgba(255,255,255,.8);backdrop-filter:blur(12px);border:1px solid var(--line2);box-shadow:0 8px 20px rgba(40,40,80,.1);transition:.2s}
.zw-back:hover{border-color:var(--ink)}
#view-entries{position:fixed;inset:0;z-index:60;background:var(--bg);overflow:hidden;display:none}
#view-entries::before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;opacity:.55;
  background:radial-gradient(42% 42% at 16% 10%,rgba(124,92,255,.12),transparent 60%),
             radial-gradient(38% 38% at 86% 8%,rgba(22,184,214,.10),transparent 60%),
             radial-gradient(44% 44% at 74% 92%,rgba(239,95,160,.09),transparent 62%)}
#view-entries.show{display:flex;align-items:center;justify-content:center;padding:60px 36px}
.entries-wrap{position:relative;z-index:1;width:100%;max-width:1100px;margin:0 auto;display:flex;gap:24px;height:calc(100vh - 120px);min-height:560px}
.entries-head{display:none} /* 标题移入卡片内 */
.entries{display:flex;gap:24px;width:100%;height:100%}
.entry{flex:1;position:relative;border-radius:28px;cursor:pointer;overflow:hidden;
  background:var(--glass);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);
  border:1px solid var(--line);transition:.4s cubic-bezier(.2,.8,.2,1);
  display:flex;flex-direction:column;min-width:0;box-shadow:0 12px 40px rgba(40,40,80,.08)}
.entry::before{content:"";position:absolute;top:0;left:0;right:0;height:52%;z-index:0;opacity:.5;transition:.5s}
.e-img::before{background:linear-gradient(170deg,rgba(124,92,255,.16),transparent 70%)}
.e-vid::before{background:linear-gradient(170deg,rgba(22,184,214,.18),transparent 70%)}
.e-ad::before{background:linear-gradient(170deg,rgba(255,122,89,.18),transparent 70%)}
.entry:hover{transform:translateY(-8px);box-shadow:0 28px 64px rgba(40,40,80,.14);border-color:var(--line2)}
.entry:hover::before{opacity:.85}
/* 卡片顶部视觉区（模拟屏幕，浅色） */
.e-screen{position:relative;z-index:1;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:44px 26px 30px;text-align:center;color:var(--ink);min-height:0}
.e-screen .e-ic{width:66px;height:66px;border-radius:50%;display:grid;place-items:center;margin-bottom:22px;
  background:#fff;border:1px solid var(--line2);box-shadow:0 8px 24px rgba(40,40,80,.08)}
.e-img .e-ic{color:var(--v)}.e-vid .e-ic{color:var(--c)}.e-ad .e-ic{color:var(--coral)}
.e-screen .e-ic svg{width:32px;height:32px;display:block}
.e-screen h3{font-size:25px;font-weight:600;letter-spacing:-.01em;margin-bottom:10px;color:var(--ink)}
.e-screen .e-sub{font-size:13px;color:var(--mut);line-height:1.55;max-width:240px;letter-spacing:.02em}
/* 底部信息栏 */
.e-foot{position:relative;z-index:2;background:rgba(255,255,255,.55);padding:22px 24px 24px;border-top:1px solid var(--line);flex-shrink:0}
.e-foot .e-desc{color:var(--mut);font-size:13px;line-height:1.55;margin-bottom:16px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.e-enter{display:inline-flex;align-items:center;gap:8px;font-size:14px;font-weight:700;color:var(--ink);padding:10px 18px;border-radius:12px;border:1px solid var(--line2);background:var(--bg2);transition:.25s}
.entry:hover .e-enter{background:var(--ink);color:#fff;border-color:var(--ink);gap:12px}
.e-enter .arr{color:var(--v);transition:.2s}
.entry:hover .e-enter .arr{color:#fff}

@media(max-width:900px){
  #view-entries{overflow-y:auto;align-items:flex-start;padding-top:100px}
  .entries-wrap{flex-direction:column;height:auto;min-height:auto}
  .entries{flex-direction:column}
  .entry{min-height:380px}
  .entry::before{height:50%}
}