/* =====================================================================
   樂慾島　20261109.11　首頁換皮(ui9)「霓虹秀場」：娛樂圈賽博龐克
   ・深紫夜色玻璃、桃紅／紫羅蘭／香檳金霓虹、全息漸層大字（跟標題畫面的「樂慾島」同一套）
   ・懸浮攝影機飄在桌布上、聚光燈慢慢掃、LIVE 與 ON AIR 是霓虹燈管字
   ・不用網格、不用掃描線；科技感靠光、靠玻璃、靠動的東西
   ・左右滑換頁；高度不夠時 ui4.js 會加 c1→c3 一級一級收，不上下捲
   ===================================================================== */
:root{
 --n8:rgba(38,12,58,.58);--n8b:rgba(255,120,200,.26);--n8h:rgba(255,255,255,.12);   /* 紫夜玻璃、霓虹邊、頂光 */
 --t8:#fbf2ff;--s8:rgba(251,242,255,.68);--d8:rgba(251,242,255,.45);
 --pk:#ff3d8b;--vi:#a495ff;--gd:#ffd37a;--cy:#5ee7ff;--rd:#ff2a4f;
 --holo8:linear-gradient(115deg,#ff7ac8 0%,#a495ff 30%,#5ee7ff 55%,#ffd37a 78%,#ff7ac8 100%);
}
@keyframes n9blink{0%,100%{opacity:.3}50%{opacity:1}}
@keyframes n9pulse{0%{box-shadow:0 0 0 0 rgba(255,61,139,.6)}100%{box-shadow:0 0 0 10px rgba(255,61,139,0)}}
@keyframes n9tick{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}
@keyframes n9holo{0%{background-position:0% 50%}100%{background-position:200% 50%}}
@keyframes n9beam{0%{transform:rotate(-9deg)}100%{transform:rotate(9deg)}}
@keyframes n9spot{0%{left:-30%}100%{left:120%}}
@keyframes n9glitch{0%,89%,100%{transform:none;filter:drop-shadow(0 4px 18px rgba(255,61,139,.45))}90%{transform:translate(-2px,0) skewX(-6deg);filter:drop-shadow(3px 0 0 rgba(94,231,255,.9)) drop-shadow(-3px 0 0 rgba(255,61,139,.9))}92%{transform:translate(2px,0);filter:drop-shadow(-3px 0 0 rgba(94,231,255,.9)) drop-shadow(3px 0 0 rgba(255,61,139,.9))}94%{transform:none;filter:drop-shadow(0 4px 18px rgba(255,61,139,.45))}}
@keyframes n9neon{0%,92%,100%{opacity:1}94%{opacity:.55}96%{opacity:1}98%{opacity:.7}}

/* ---------- 項鍊：全息跑馬框保留，底色改紫夜 ---------- */
.nk{background:rgba(22,8,36,.78);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}
.sbsave{background:rgba(22,8,36,.55);border:1px solid rgba(255,255,255,.14)}

/* ---------- 桌布：紫夜色調、聚光燈、懸浮攝影機、城市光斑 ---------- */
.home.n9{background-position:50% 30%;transition:background-position .1s linear}
.home.n9 .hshade{background:radial-gradient(120% 70% at 50% 100%,rgba(14,4,28,.72),transparent 60%),linear-gradient(180deg,rgba(26,8,44,.66) 0%,rgba(40,10,60,.22) 26%,rgba(30,8,52,.5) 56%,rgba(12,4,24,.98) 100%)}
.home.n9 .hshade::before{content:'';position:absolute;inset:0;pointer-events:none;mix-blend-mode:screen;opacity:.75;
 background:radial-gradient(circle at 14% 24%,rgba(255,61,139,.35) 0,rgba(255,61,139,0) 110px),radial-gradient(circle at 86% 18%,rgba(164,149,255,.4) 0,rgba(164,149,255,0) 120px),radial-gradient(circle at 60% 40%,rgba(94,231,255,.18) 0,rgba(94,231,255,0) 140px),radial-gradient(circle at 30% 62%,rgba(255,211,122,.14) 0,rgba(255,211,122,0) 90px)}
.home.n9 .n9beam{position:absolute;inset:-30% -20% 40%;pointer-events:none;mix-blend-mode:screen;opacity:.55;transform-origin:50% 0;animation:n9beam 14s ease-in-out infinite alternate;
 background:linear-gradient(100deg,transparent 42%,rgba(255,120,200,.22) 48%,transparent 54%),linear-gradient(80deg,transparent 56%,rgba(164,149,255,.2) 61%,transparent 66%)}
.home.n9 .n9cams{position:absolute;inset:0 0 50% 0;pointer-events:none}
.home.n9 .n9cams .tcam{opacity:.9}
.home.n9 .hpages{position:absolute;inset:0;display:flex;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:none}
.home.n9 .hpages::-webkit-scrollbar{display:none}
.home.n9 .hpg{flex:0 0 100%;scroll-snap-align:start;padding:54px 16px calc(102px + env(safe-area-inset-bottom,0px));display:flex;flex-direction:column;gap:9px;overflow-y:auto;scrollbar-width:none}
.home.n9 .hpg::-webkit-scrollbar{display:none}
.home.n9 .hpg>*{flex:0 0 auto}
.home.n9 .hpg>.n9ev{flex:1 1 150px;min-height:140px;max-height:260px}

/* ---------- 亮紫舞台桌布（wall_home7）：遮罩放輕 ---------- */
.home.n9.vv-wall{background-position:50% 20%}
.home.n9.vv-wall .hshade{background:linear-gradient(180deg,rgba(18,6,36,.5) 0%,rgba(18,6,36,.06) 22%,rgba(18,6,36,.1) 58%,rgba(10,3,22,.92) 100%)}
.home.n9.vv-wall .hshade::before{opacity:.35}

/* ---------- 切角玻璃（賽博龐克的招牌形狀）：::before 是霓虹邊、::after 是玻璃 ---------- */
.home.n9 .cp{position:relative;--cut:14px;--edge:linear-gradient(135deg,rgba(94,231,255,.75),rgba(164,149,255,.45) 40%,rgba(255,61,139,.75) 100%);--fill:linear-gradient(160deg,rgba(70,22,100,.58),rgba(26,8,46,.78));
 background:none!important;border:0!important;box-shadow:none!important;border-radius:0!important}
.home.n9 .cp::before{content:'';position:absolute;inset:0;background:var(--edge);clip-path:polygon(var(--cut) 0,100% 0,100% calc(100% - var(--cut)),calc(100% - var(--cut)) 100%,0 100%,0 var(--cut));pointer-events:none;z-index:0}
.home.n9 .cp::after{content:'';position:absolute;inset:1px;background:var(--fill);backdrop-filter:blur(22px) saturate(1.3);-webkit-backdrop-filter:blur(22px) saturate(1.3);clip-path:polygon(calc(var(--cut) - 1px) 0,100% 0,100% calc(100% - var(--cut) + 1px),calc(100% - var(--cut) + 1px) 100%,0 100%,0 calc(var(--cut) - 1px));pointer-events:none;z-index:0}
.home.n9 .cp>*{position:relative;z-index:1}
/* 切角上的小刻度（右上角一條、左下角一條） */
.home.n9 .cp>.cpt{position:absolute;z-index:1;pointer-events:none}
.home.n9 .hz{--edge:linear-gradient(135deg,rgba(255,61,92,.9),rgba(255,120,150,.4) 40%,rgba(255,61,92,.9));--fill:linear-gradient(160deg,rgba(84,6,38,.8),rgba(30,3,18,.92))}
.home.n9 .hz::after{background-image:repeating-linear-gradient(135deg,rgba(255,61,92,.5) 0 8px,transparent 8px 16px),var(--fill);background-size:100% 6px,100% 100%;background-repeat:no-repeat,no-repeat;background-position:0 0,0 0}

/* ---------- 紫夜玻璃磚 ---------- */
.home.n9 .n9q button,.home.n9 .n9shelf,.home.n9 .n9me,.home.n9 .n9st span,.home.n9 .n9hearts,.home.n9 .n9log,.home.n9 .dock,.home.n9 .n9pill .wev,.home.n9 .n9live,.home.n9 .n9tick,.home.n9 .n9tl{
 background:linear-gradient(160deg,rgba(70,22,100,.5),rgba(28,8,48,.66));backdrop-filter:blur(22px) saturate(1.3);-webkit-backdrop-filter:blur(22px) saturate(1.3);
 border:1px solid var(--n8b);box-shadow:inset 0 1px 0 var(--n8h),0 12px 32px rgba(8,2,20,.45),0 0 24px rgba(255,61,139,.08);color:var(--t8)}

/* ---------- 頂部：DAY 全息大字、LIVE 燈管 ---------- */
.n9top{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:0 2px;color:var(--t8)}
.n9top .n9d{display:flex;align-items:baseline;gap:10px;line-height:1}
.n9top .n9d small{font-family:var(--num);font-size:12px;font-weight:700;letter-spacing:.4em;color:var(--vi);text-shadow:0 0 12px rgba(164,149,255,.8);transform:translateY(-8px)}
.n9top .n9d b{font-family:var(--latin);font-style:italic;font-weight:700;font-size:58px;letter-spacing:-.02em;
 background:var(--holo8);background-size:200% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:n9holo 9s linear infinite,n9glitch 7s linear infinite}
.n9sys{display:flex;align-items:center;gap:7px;margin:-4px 2px 0;font-family:var(--num);font-size:12px;font-weight:600;letter-spacing:.12em;white-space:nowrap;color:var(--cy);text-shadow:0 0 10px rgba(94,231,255,.6);overflow:hidden}
.n9sys em{font-style:normal;font-family:var(--serif);font-weight:900;font-size:14px;letter-spacing:.16em;color:#fff;text-shadow:0 1px 8px rgba(0,0,0,.6)}
.n9sys i{font-style:normal;color:rgba(94,231,255,.45)}
.n9sys .loc{font-family:var(--sans);font-weight:600;letter-spacing:.06em;color:var(--t8);overflow:hidden;text-overflow:ellipsis}
.n9sys .ln{flex:1;height:1px;margin-left:4px;background:repeating-linear-gradient(90deg,rgba(94,231,255,.5) 0 4px,transparent 4px 8px)}
.n9live{display:flex;align-items:center;gap:6px;height:30px;padding:0 10px 0 5px;flex:0 0 auto;border-radius:15px;margin-top:4px;white-space:nowrap}
.n9live em{display:flex;align-items:center;gap:5px;font-style:normal;font-family:var(--num);font-weight:700;font-size:11.5px;letter-spacing:.14em;padding:2px 8px 2px 7px;border-radius:9px;background:var(--rd);color:#fff;box-shadow:0 0 14px rgba(255,42,79,.7);animation:n9neon 6s linear infinite}
.n9live em i{width:5px;height:5px;border-radius:50%;background:#fff;animation:n9blink 1.2s steps(2) infinite}
.n9live span{font-size:10.5px;letter-spacing:.06em;color:var(--s8)}
.n9live b{font-family:var(--num);font-weight:600;font-size:14px;letter-spacing:.04em;color:var(--cy);text-shadow:0 0 10px rgba(94,231,255,.7)}

/* ---------- ON AIR 跑馬燈 ---------- */
.n9tick{height:26px;border-radius:13px;overflow:hidden;position:relative;display:flex;align-items:center}
.home.n9 .n9tick>em{position:absolute;left:0;top:0;bottom:0;z-index:2;display:flex;align-items:center;padding:0 12px 0 13px;font-family:var(--num);font-style:normal;font-weight:700;font-size:11.5px;letter-spacing:.26em;color:var(--pk);text-shadow:0 0 10px rgba(255,61,139,.9),0 0 22px rgba(255,61,139,.5);background:linear-gradient(90deg,rgba(40,10,62,.98) 72%,rgba(40,10,62,0));animation:n9neon 7s linear infinite}
.n9tick .n9tickin{display:flex;gap:28px;padding-left:114px;white-space:nowrap;animation:n9tick 30s linear infinite;will-change:transform}
.n9tick span{display:inline-flex;align-items:center;gap:6px;font-size:11.5px;color:var(--t8)}
.n9tick span i{width:4px;height:4px;border-radius:50%;background:var(--rd);box-shadow:0 0 6px var(--rd)}
.n9tick span em{font-style:normal;font-size:11.5px;color:var(--d8)}
.n9tick span b{font-family:var(--num);font-weight:600;letter-spacing:.04em;color:var(--cy)}

/* ---------- 主線刻度 ---------- */
.n9rule{height:1.5px;background:var(--holo8);background-size:200% 100%;animation:n9holo 9s linear infinite;margin:0 2px;border-radius:1px;opacity:.8}
.n9ml{display:flex;align-items:center;gap:10px;margin:0 2px;color:var(--t8);text-shadow:0 1px 8px rgba(0,0,0,.6)}
.n9ml em{font-style:normal;font-family:var(--serif);font-size:11px;font-weight:900;letter-spacing:.22em;color:var(--gd)}
.n9ml span{flex:1;display:flex;gap:4px}
.n9ml span i{flex:1;height:4px;border-radius:2px;background:rgba(255,255,255,.14);box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)}
.n9ml span i.on{background:linear-gradient(90deg,var(--gd),#ffe7b3);box-shadow:0 0 12px rgba(255,211,122,.7)}
.n9ml span i.now{background:linear-gradient(90deg,var(--pk),#ff9ad0);box-shadow:0 0 12px rgba(255,61,139,.7);animation:n9blink 2s ease-in-out infinite}
.n9ml b{font-family:var(--latin);font-style:italic;font-weight:700;font-size:15px;letter-spacing:.04em;color:var(--gd);text-shadow:0 0 12px rgba(255,211,122,.6)}
.n9ml b i{opacity:.5;margin:0 1px}
.n9line{margin:-2px 2px 0;font-family:var(--serif);font-size:13.5px;line-height:1.6;letter-spacing:.04em;color:var(--s8);text-shadow:0 1px 8px rgba(0,0,0,.6)}

/* ---------- 今天該做的事：切角霓虹框、四角瞄準、CAM 讀數、聚光掃過 ---------- */
.n9ev{position:relative;display:flex;flex-direction:column;justify-content:flex-end;width:100%;overflow:hidden;text-align:left;padding:9px;background:none;border:0;
 --cut:18px;clip-path:polygon(var(--cut) 0,100% 0,100% calc(100% - var(--cut)),calc(100% - var(--cut)) 100%,0 100%,0 var(--cut));transition:transform .18s}
.n9ev::before{content:'';position:absolute;inset:0;background:linear-gradient(135deg,rgba(94,231,255,.95),rgba(164,149,255,.5) 35%,rgba(255,61,139,.95) 100%);z-index:0}
.n9ev .n9img{position:absolute;inset:1.5px;background-size:cover;background-position:center 40%;background-color:#1a0a2c;clip-path:polygon(calc(var(--cut) - 1px) 0,100% 0,100% calc(100% - var(--cut) + 1px),calc(100% - var(--cut) + 1px) 100%,0 100%,0 calc(var(--cut) - 1px));z-index:0}
.n9ev:active{transform:scale(.985)}
.n9ev .n9evsh{position:absolute;inset:0;background:linear-gradient(180deg,rgba(20,6,34,.1),rgba(20,6,34,.25) 55%,rgba(20,6,34,.6));z-index:0}
.n9ev .n9spot{position:absolute;top:-20%;bottom:-20%;width:34%;left:-30%;pointer-events:none;mix-blend-mode:screen;background:linear-gradient(100deg,transparent,rgba(200,240,255,.3) 50%,transparent);transform:skewX(-14deg);animation:n9spot 7s ease-in-out infinite;z-index:0}
.n9ev .n9cor{position:absolute;inset:12px;pointer-events:none;z-index:0;--c:rgba(94,231,255,.95);
 background:linear-gradient(var(--c),var(--c)) 0 0/16px 1.5px no-repeat,linear-gradient(var(--c),var(--c)) 0 0/1.5px 16px no-repeat,linear-gradient(var(--c),var(--c)) 100% 0/16px 1.5px no-repeat,linear-gradient(var(--c),var(--c)) 100% 0/1.5px 16px no-repeat,
  linear-gradient(var(--c),var(--c)) 0 100%/16px 1.5px no-repeat,linear-gradient(var(--c),var(--c)) 0 100%/1.5px 16px no-repeat,linear-gradient(var(--c),var(--c)) 100% 100%/16px 1.5px no-repeat,linear-gradient(var(--c),var(--c)) 100% 100%/1.5px 16px no-repeat;filter:drop-shadow(0 0 4px rgba(94,231,255,.8))}
.n9ev.k-ml .n9cor{--c:rgba(255,211,122,.95);filter:drop-shadow(0 0 4px rgba(255,211,122,.8))}
.n9ev .n9cam{position:absolute;left:24px;top:13px;display:flex;align-items:center;gap:6px;font-family:var(--num);font-weight:700;font-size:11px;letter-spacing:.2em;color:var(--cy);text-shadow:0 0 10px rgba(94,231,255,.9);z-index:1}
.n9ev .n9cam i{font-style:normal;color:rgba(94,231,255,.5)}
.n9ev .n9rec{position:absolute;right:22px;top:13px;display:flex;align-items:center;gap:6px;font-family:var(--num);font-weight:700;font-size:11.5px;letter-spacing:.26em;color:#fff;text-shadow:0 0 10px rgba(255,42,79,.9);z-index:1}
.n9ev .n9rec i{width:7px;height:7px;border-radius:50%;background:var(--rd);box-shadow:0 0 10px var(--rd);animation:n9blink 1.1s steps(2) infinite}
.n9ev .n9evcap{position:relative;z-index:1;display:flex;align-items:center;gap:10px;padding:11px 12px 11px 16px;margin:0 2px 2px 0;background:linear-gradient(160deg,rgba(52,14,80,.78),rgba(22,6,40,.9));backdrop-filter:blur(20px) saturate(1.3);-webkit-backdrop-filter:blur(20px) saturate(1.3);border:1px solid rgba(255,140,210,.3);box-shadow:inset 0 1px 0 rgba(255,255,255,.12);
 clip-path:polygon(12px 0,100% 0,100% calc(100% - 12px),calc(100% - 12px) 100%,0 100%,0 12px)}
.n9ev .n9evcap::before{content:'';position:absolute;left:0;top:12px;bottom:12px;width:2px;background:linear-gradient(180deg,var(--cy),var(--pk));box-shadow:0 0 8px rgba(255,61,139,.8)}
.n9ev .n9evt{flex:1;min-width:0;color:var(--t8)}
.n9ev .n9evt small{display:flex;align-items:center;gap:8px;font-size:11px;letter-spacing:.1em;color:var(--s8)}
.n9ev .n9evt small .tag{font-style:normal;font-family:var(--num);font-size:11px;font-weight:700;letter-spacing:.24em;padding:2px 6px 2px 9px;background:rgba(255,61,139,.18);border:1px solid rgba(255,61,139,.6);color:#ff9ad0;text-shadow:0 0 8px rgba(255,61,139,.8);clip-path:polygon(5px 0,100% 0,100% calc(100% - 5px),calc(100% - 5px) 100%,0 100%,0 5px)}
.n9ev.k-ml .n9evt small .tag{background:rgba(255,211,122,.14);border-color:rgba(255,211,122,.6);color:var(--gd);text-shadow:0 0 8px rgba(255,211,122,.8)}
.n9ev.k-sleep .n9evt small .tag,.n9ev.k-night .n9evt small .tag{background:rgba(164,149,255,.14);border-color:rgba(164,149,255,.6);color:#d6cdff;text-shadow:0 0 8px rgba(164,149,255,.8)}
.n9ev .n9evt b{display:block;font-family:var(--serif);font-size:24px;font-weight:900;line-height:1.2;margin-top:5px;letter-spacing:.04em;color:#fff;text-shadow:0 2px 14px rgba(255,61,139,.35)}
.n9ev .n9evt i{display:block;font-style:normal;font-size:12px;color:var(--s8);margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.n9ev .n9go{position:relative;flex:0 0 auto;display:flex;align-items:center;gap:2px;height:40px;padding:0 10px 0 18px;font-family:var(--serif);font-size:14px;font-weight:900;letter-spacing:.16em;color:#fff;overflow:hidden;
 background:linear-gradient(135deg,#ff6fb5,#ff3d8b 55%,#c93dff);box-shadow:0 8px 24px rgba(255,61,139,.5),inset 0 1px 0 rgba(255,255,255,.4);clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px)}
.n9ev .n9go::after{content:'';position:absolute;top:-40%;bottom:-40%;width:30%;left:-40%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.5),transparent);transform:skewX(-18deg);animation:n9spot 3.6s ease-in-out infinite}
.n9ev .n9go i{font-style:normal;font-size:18px;line-height:1;transform:translateY(-1px);margin-right:2px}
.n9ev.k-ml .n9go{background:linear-gradient(135deg,#ffe3a8,#ffd37a 55%,#f0a63a);color:#3a2000;box-shadow:0 8px 24px rgba(255,211,122,.45),inset 0 1px 0 rgba(255,255,255,.6)}

/* ---------- 今日軌道 ---------- */
.n9tl{display:flex;align-items:center;gap:12px;padding:8px 14px 7px;}
.n9tl .n9rail{flex:1;display:flex;align-items:center;position:relative}
.n9tl .n9rail::before{content:'';position:absolute;left:4px;right:4px;top:4px;height:1px;background:repeating-linear-gradient(90deg,rgba(94,231,255,.55) 0 6px,transparent 6px 10px)}
.n9tl .n9rail>span{flex:1;display:flex;flex-direction:column;align-items:flex-start;gap:4px;position:relative;font-size:12px;color:var(--d8)}
.n9tl .n9rail>span i{width:9px;height:9px;border-radius:50%;border:1px solid rgba(255,255,255,.45);background:#1a0a2c}
.n9tl .n9rail>span b{font-weight:700;line-height:1}
.n9tl .n9rail>span small{font-family:var(--num);font-size:11px;letter-spacing:.06em;color:var(--d8);margin-top:-2px}
.n9tl .n9rail>span.done i{background:rgba(255,255,255,.4);border-color:transparent}
.n9tl .n9rail>span.done b{text-decoration:line-through;text-decoration-color:rgba(255,255,255,.4)}
.n9tl .n9rail>span.now{color:#fff}
.n9tl .n9rail>span.now i{background:var(--pk);border-color:#fff;box-shadow:0 0 12px var(--pk);animation:n9pulse 1.8s ease-out infinite}
.n9tl .n9rail>span.now small{color:var(--cy);text-shadow:0 0 8px rgba(94,231,255,.6)}
.n9tl .n9left{font-size:11px;letter-spacing:.1em;color:var(--s8);white-space:nowrap;display:flex;align-items:baseline;gap:4px}
.n9tl .n9left b{font-family:var(--latin);font-style:italic;font-weight:700;font-size:20px;color:var(--pk);text-shadow:0 0 12px rgba(255,61,139,.7)}

/* ---------- 三顆快捷 ---------- */
.n9q{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.n9q button{height:42px;border-radius:0;clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px);font-size:12.5px;font-weight:700;display:flex;align-items:center;justify-content:center;gap:7px;white-space:nowrap;overflow:hidden;padding:0 8px;letter-spacing:.04em}
.n9q button i{display:inline-flex;width:16px;height:16px;color:#ff9ad0;filter:drop-shadow(0 0 6px rgba(255,61,139,.8))}
.n9q button i svg{width:100%;height:100%}
.n9q button:active{background:rgba(255,61,139,.2)}

/* ---------- 快訊 pill ---------- */
.n9pill .wev{margin-top:0;padding:9px 12px;}
.n9pill .wev::before{opacity:.7;animation-duration:7s}
.n9pill .wev b{font-size:13px}.n9pill .wev em{color:var(--cy);font-style:normal;font-size:12px}

/* ---------- 重口味：禁區招牌 ---------- */
.n9heavy{position:relative;padding:9px 12px 10px;border-radius:20px;background:linear-gradient(160deg,rgba(120,10,50,.6),rgba(40,4,22,.84));backdrop-filter:blur(22px) saturate(1.3);-webkit-backdrop-filter:blur(22px) saturate(1.3);border:1px solid rgba(255,61,92,.4);box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 12px 32px rgba(8,2,20,.45),0 0 28px rgba(255,42,79,.16);color:#fff;overflow:hidden}
.n9heavy .n9hh{display:flex;align-items:center;gap:8px;margin-bottom:8px;font-size:12.5px}
.n9heavy .n9hh i{width:6px;height:6px;border-radius:50%;background:var(--rd);box-shadow:0 0 10px var(--rd);animation:n9blink 1.6s steps(2) infinite}
.n9heavy .n9hh b{font-family:var(--serif);font-weight:900;letter-spacing:.16em}
.n9heavy .n9hh small{font-family:var(--num);font-weight:700;font-size:11px;letter-spacing:.26em;color:#ff5c7a;text-shadow:0 0 10px rgba(255,42,79,.95),0 0 22px rgba(255,42,79,.5);animation:n9neon 5s linear infinite}
.n9heavy .n9hh span{margin-left:auto;font-family:var(--num);font-size:11.5px;letter-spacing:.06em;color:rgba(255,255,255,.6)}
.n9heavy .n9hh button{font-size:11px;letter-spacing:.04em;color:#fff;padding:3px 9px;border-radius:0;clip-path:polygon(6px 0,100% 0,100% calc(100% - 6px),calc(100% - 6px) 100%,0 100%,0 6px);border:1px solid rgba(255,255,255,.28);background:rgba(255,255,255,.07)}
.n9heavy .n9hg{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}
.n9heavy .hvt{display:flex;flex-direction:column;align-items:center;gap:4px;padding:0;color:#fff;text-align:center}
.n9heavy .hvt .hvi{width:46px;height:46px;border-radius:0;clip-path:polygon(9px 0,100% 0,100% calc(100% - 9px),calc(100% - 9px) 100%,0 100%,0 9px);display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.06);border:1px solid color-mix(in srgb,var(--ac) 55%,transparent);color:var(--ac);box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 0 18px color-mix(in srgb,var(--ac) 30%,transparent)}
.n9heavy .hvt .hvi svg{width:22px;height:22px;stroke-width:1.7;stroke:currentColor;filter:drop-shadow(0 0 6px color-mix(in srgb,var(--ac) 80%,transparent))}
.n9heavy .hvt b{font-size:11.5px;font-weight:700;line-height:1.2;letter-spacing:.04em}
.n9heavy .hvt small{display:block;font-size:9px;color:rgba(255,255,255,.5);line-height:1.2;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.n9heavy .hvt.lk .hvi{background:rgba(255,255,255,.03);border-color:rgba(255,255,255,.14);color:rgba(255,255,255,.4);box-shadow:none}
.n9heavy .hvt.lk .hvi svg{filter:none}
.n9heavy .hvt.lk b{color:rgba(255,255,255,.6)}
.n9heavy .hvt:active .hvi{transform:scale(.94)}

/* ---------- App 架：紫夜玻璃磚、霓虹線條圖標 ---------- */
.home.n9 .n9shelf{display:grid;grid-template-columns:repeat(4,1fr);gap:9px 4px;padding:10px 6px 9px;border-radius:20px}
.home.n9 .n9shelf.g8{gap:12px 4px}
.home.n9 .app{gap:6px;transition:transform .15s}
.home.n9 .app:active{transform:scale(.92)}
.home.n9 .aic{width:54px;height:54px;border-radius:0;clip-path:polygon(11px 0,100% 0,100% calc(100% - 11px),calc(100% - 11px) 100%,0 100%,0 11px);background:linear-gradient(160deg,rgba(255,255,255,.12),rgba(255,255,255,.03))!important;border:1px solid color-mix(in srgb,var(--ac) 45%,rgba(255,255,255,.1));box-shadow:inset 0 1px 0 rgba(255,255,255,.14),0 0 20px color-mix(in srgb,var(--ac) 22%,transparent),0 8px 18px rgba(8,2,20,.4);color:var(--ac)}
.home.n9 .aic::after{display:none}
.home.n9 .aic svg{width:46%;height:46%;stroke-width:1.7;stroke:currentColor;filter:drop-shadow(0 0 6px color-mix(in srgb,var(--ac) 80%,transparent))}
.home.n9 .aic svg [fill="#fff"],.home.n9 .hvi svg [fill="#fff"],.ahd .aic.sm svg [fill="#fff"]{fill:currentColor}
.home.n9 .aic img{display:none}
.home.n9 .an{font-size:11px;font-weight:600;letter-spacing:.04em;color:var(--s8);text-shadow:0 1px 6px rgba(0,0,0,.6)}
.home.n9 .bdg{top:-4px;right:-4px;min-width:18px;height:18px;font-size:10.5px;color:#fff;filter:none;background:var(--pk);box-shadow:0 0 0 2px rgba(20,6,34,.95),0 0 10px rgba(255,61,139,.7)}

/* ---------- 第二頁：我 ---------- */
.n9me{display:flex;align-items:center;gap:12px;padding:13px 14px;border-radius:20px}
.n9me .mav .av{width:54px;height:54px;border-radius:18px;box-shadow:0 0 0 1px rgba(255,255,255,.25),0 0 18px rgba(255,61,139,.45)}
.n9me>div{flex:1;min-width:0}
.n9me b{display:block;font-family:var(--serif);font-size:19px;font-weight:900;letter-spacing:.06em;color:#fff}
.n9me small{display:block;font-size:12px;color:var(--s8);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:2px}
.n9me .me2set{width:40px;height:40px;border-radius:13px;background:rgba(255,255,255,.07);border:1px solid rgba(95,227,154,.5);display:flex;align-items:center;justify-content:center;color:#5fe39a;box-shadow:0 0 16px rgba(95,227,154,.22)}
.n9me .me2set svg{width:20px;height:20px;stroke-width:1.7;stroke:currentColor;filter:drop-shadow(0 0 6px rgba(95,227,154,.8))}
.n9st{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}
.n9st span{display:flex;flex-direction:column;align-items:center;padding:11px 4px 9px;}
.n9st b{font-family:var(--latin);font-style:italic;font-weight:700;font-size:22px;line-height:1;color:#fff;letter-spacing:.01em}
.n9st b.c{color:var(--gd);text-shadow:0 0 14px rgba(255,211,122,.6)}
.n9st small{font-size:10.5px;letter-spacing:.1em;color:var(--d8);margin-top:5px}
.n9hearts{padding:10px 12px 12px;border-radius:20px;display:flex;flex-direction:column;gap:9px}
.n9hearts small,.n9log small{font-family:var(--serif);font-size:10.5px;font-weight:900;letter-spacing:.24em;color:var(--gd)}
.n9hearts div{display:flex;gap:8px;flex-wrap:wrap}
.n9hearts button{padding:0;border-radius:50%}
.n9hearts .av{width:42px;height:42px;box-shadow:0 0 0 1px rgba(255,255,255,.25)}
.n9hearts .lv .av{box-shadow:0 0 0 1.5px var(--pk),0 0 14px rgba(255,61,139,.6)}
.n9hearts.empty span{font-size:12px;color:var(--d8)}
.n9log{padding:10px 12px 11px;border-radius:20px;display:flex;flex-direction:column;gap:7px}
.n9log small{margin-bottom:2px}
.n9log div{display:flex;align-items:baseline;gap:10px;font-size:12.5px;color:var(--t8);min-width:0}
.n9log div em{flex:0 0 auto;font-style:italic;font-family:var(--latin);font-weight:500;font-size:12px;letter-spacing:.02em;color:var(--cy);min-width:92px}
.n9log div span{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

/* ---------- 頁點、dock ---------- */
.home.n9 .hdots{position:absolute;left:0;right:0;bottom:calc(92px + env(safe-area-inset-bottom,0px));display:flex;justify-content:center;gap:6px;pointer-events:none}
.home.n9 .hdots b{width:5px;height:5px;border-radius:3px;background:rgba(255,255,255,.3);transition:width .25s,background .25s}
.home.n9 .hdots b.on{width:16px;background:var(--pk);box-shadow:0 0 8px rgba(255,61,139,.8)}
.home.n9 .dock{left:14px;right:14px;bottom:calc(14px + env(safe-area-inset-bottom,0px));padding:9px 8px;border-radius:26px;display:grid;grid-template-columns:repeat(4,1fr);position:absolute}
.home.n9 .dock{--cut:18px}
.home.n9 .dock .app .aic{width:50px;height:50px}
.home.n9 .dock .app .an{display:none}

/* ---------- 高度不夠時一級一級收（ui4.js 加 c1→c3） ---------- */
.home.n9 .hpg.c1{gap:8px;padding-top:52px}
.home.n9 .hpg.c1 .n9top .n9d b{font-size:50px}
.home.n9 .hpg.c1 .n9line{display:none}
.home.n9 .hpg.c1 .n9ev .n9evt b{font-size:21px}
.home.n9 .hpg.c1 .n9heavy .hvt .hvi{width:44px;height:44px}
.home.n9 .hpg.c1 .aic{width:50px;height:50px;}
.home.n9 .hpg.c1 .n9shelf{padding:10px 6px 8px}
.home.n9 .hpg.c1 .n9log div:nth-child(n+5){display:none}
.home.n9 .hpg.c2{gap:7px;padding-top:50px}
.home.n9 .hpg.c2 .n9top .n9d b{font-size:44px}
.home.n9 .hpg.c2 .n9tick{display:none}
.home.n9 .hpg.c2 .n9tl{display:none}
.home.n9 .hpg.c2 .n9heavy .hvt small{display:none}
.home.n9 .hpg.c2 .n9heavy .hvt .hvi{width:42px;height:42px;}
.home.n9 .hpg.c2 .aic{width:46px;height:46px;}
.home.n9 .hpg.c2 .n9q button{height:38px}
.home.n9 .hpg.c2 .n9log{display:none}
.home.n9 .hpg.c3{gap:6px;padding-top:48px}
.home.n9 .hpg.c3 .n9top .n9d b{font-size:40px}
.home.n9 .hpg.c3 .n9sys em{display:none}
.home.n9 .hpg.c3 .n9ev{min-height:104px;padding:7px}
.home.n9 .hpg.c3 .n9ev .n9evt b{font-size:18px}
.home.n9 .hpg.c3 .n9ev .n9evt i{display:none}
.home.n9 .hpg.c3 .n9heavy{padding:8px 10px 9px}
.home.n9 .hpg.c3 .n9heavy .hvt .hvi{width:38px;height:38px;border-radius:12px}
.home.n9 .hpg.c3 .n9heavy .hvt .hvi svg{width:18px;height:18px}
.home.n9 .hpg.c3 .aic{width:42px;height:42px;}
.home.n9 .hpg.c3 .an{font-size:10px}
.home.n9 .hpg.c3 .n9shelf{padding:8px 6px 7px;gap:8px 4px}
.home.n9 .hpg.c3 .n9st span{padding:8px 4px 7px}
.home.n9 .hpg.c3 .n9me{padding:10px 12px}
.home.n9 .hpg.c3 .n9hearts{display:none}

/* ---------- App 內頁標題列的小圖標：同一套霓虹線條 ---------- */
.ahd .aic.sm{background:rgba(255,255,255,.08)!important;border:1px solid color-mix(in srgb,var(--ac) 50%,transparent);box-shadow:0 0 16px color-mix(in srgb,var(--ac) 28%,transparent);color:var(--ac)}
.ahd .aic.sm svg{stroke:currentColor;filter:drop-shadow(0 0 5px color-mix(in srgb,var(--ac) 75%,transparent));stroke-width:1.8}
.ahd .aic.sm img{display:none}
.phone.lt .ahd .aic.sm{background:rgba(0,0,0,.05)!important;box-shadow:none;filter:none}

@media (prefers-reduced-motion:reduce){.n9ml span i.now,.n9live em,.n9live em i,.n9ev .n9rec i,.n9heavy .n9hh i,.n9heavy .n9hh small,.n9tl .n9rail>span.now i,.n9tick .n9tickin,.n9tick>em,.home.n9 .n9beam,.n9ev .n9spot,.n9ev .n9go::after,.n9top .n9d b,.n9rule,.home.n9 .dock::after{animation:none}}

/* ---------- 亮粉桌布（wall_home6）：天空很亮，頂部遮罩加深，讀數才看得清 ---------- */
.home.n9.lt-wall{background-position:50% 36%}
.home.n9.lt-wall .hshade{background:linear-gradient(180deg,rgba(34,8,48,.82) 0%,rgba(34,8,48,.62) 22%,rgba(30,8,48,.28) 42%,rgba(24,6,42,.22) 62%,rgba(10,3,22,.94) 100%)}
.home.n9.lt-wall .n9top,.home.n9.lt-wall .n9sys,.home.n9.lt-wall .n9ml,.home.n9.lt-wall .n9line{text-shadow:0 1px 10px rgba(20,4,34,.8)}