/* ==========================================
 1. iOS 四列网格与唯一间距系统
 ========================================== */
 :root {
 --pad-x: 24px;
 --app-inline-inset: clamp(14px, 4.6vw, 24px);
 /* 桌面安全内容矩形内只保留一套紧凑边缘间距；安全区本身已经完成避让，
    此处仅留 4px 光学缓冲，避免再次制造大块空白。 */
 --desktop-edge-gap: 4px;
 --vie-safe-bottom: env(safe-area-inset-bottom, 0px);
 --dock-height: calc(var(--icon-size) + 32px);
 /* Dock、分页点与搜索之间采用紧凑的 4px 几何间距。 */
 --dock-stack-gap: 4px;
 --pagination-dot-size: 7px;
 --search-pill-height: 26px;
 --dock-bottom-inset: calc(10px + var(--vie-safe-bottom));
 --pagination-bottom-inset: calc(
 var(--dock-bottom-inset) + var(--dock-height) + var(--dock-stack-gap)
 );
 --search-bottom-inset: calc(
 var(--pagination-bottom-inset) + var(--pagination-dot-size) + var(--dock-stack-gap)
 );
 /* 桌面与所有应用页共用同一安全内容矩形；顶部只保留同一套 4px 光学缓冲。 */
 --app-page-top-inset: var(--desktop-edge-gap);
 --app-navbar-control-height: 42px;
 --app-navbar-height: calc(var(--app-page-top-inset) + var(--app-navbar-control-height));
 --row-gap: 15px; /* 所有纵向行距唯一值 */
 --icon-size: 60px;
 --icon-label-gap: 10px;
 --icon-label-height: 14px;
 --component-bottom-reserve: 20px;
 /* 第一页图标排版是唯一正确基准：60px 图标 + 10px 名称间隔 + 14px 名称行。 */
 --profile-card-height: clamp(300px, calc((100vw - (var(--pad-x) * 2)) * 0.86), 330px);
 --app-cell-height: calc(
 var(--icon-size) +
 var(--icon-label-gap) +
 var(--icon-label-height)
 );
 --desktop-app-rows-height: calc(
 (var(--app-cell-height) * 2) +
 var(--row-gap)
 );
 --desktop-grid-height: calc(
 var(--profile-card-height) +
 var(--component-bottom-reserve) +
 var(--row-gap) +
 var(--desktop-app-rows-height)
 );
 --logo-color: #e3e3e3;
 --badge-divider-color: rgba(85, 85, 85, 0.42);
 --theme-gray: var(--logo-color);
 --vie-nav-icon-color: var(--logo-color);
 --vie-nav-title-size: calc(19px * var(--vie-font-scale));
 --vie-nav-title-line-height: calc(27px * var(--vie-font-scale));
 --vie-nav-leading-icon-size: 23px;
 --vie-nav-action-icon-size: 18px;
 --vie-nav-action-hit-size: 40px;
 --vie-base-background: #f6f6f3;
 --vie-text-primary: #202024;
 --vie-text-secondary: #5e5e64;
 --vie-text-muted: #929298;
 --vie-text-faint: #b4b4b9;
 --vie-control-track: #d7d7dc;
 --vie-control-thumb: #b9b9bf;
 --vie-profile-surface-top: rgba(255,255,255,.95);
 --vie-profile-surface-bottom: rgba(255,255,255,.88);
 --vie-page-background-color: var(--vie-base-background);
 --vie-page-wallpaper-image: none;
 --vie-desktop-wallpaper-image: none;
 --vie-font-family: -apple-system, BlinkMacSystemFont,"SF Pro Text","Helvetica Neue", sans-serif;
 --vie-font-scale: 1;
 --vie-page-scale: 1;
 --vie-placeholder-bg: #f2f2f2;
 --vie-placeholder-dot: #d5d5d5;
 --vie-placeholder-glyph: #b8b8b8;
 --vie-font-weight: 400;
 --status-safe-top: env(safe-area-inset-top, 0px);
 --status-bar-height: 36.8px;
 --status-bar-space: calc(var(--status-safe-top) + var(--status-bar-height));
 --status-bar-inset-x: clamp(24px, 9.3vw, 40px);
 --status-battery-shell: rgba(32,32,36,.22);
 --status-battery-number: #fff;
 --vie-chat-status-surface: rgba(255,255,255,.96);
 --vie-page-wallpaper-position: center;
 --vie-page-wallpaper-size: cover;
 --vie-page-wallpaper-repeat: no-repeat;
 --vie-page-surface: rgba(255,255,255,.84);
 --vie-page-surface-strong: rgba(255,255,255,.92);
 --vie-page-soft-surface: rgba(238,238,241,.80);
 --vie-page-divider: rgba(203,203,203,.52);
 --vie-page-divider-soft: rgba(203,203,203,.28);
 --vie-page-divider-strong: rgba(203,203,203,.38);
 --vie-page-icon-color: var(--vie-nav-icon-color);
 --vie-input-glass-surface: rgba(255,255,255,.20);
 --vie-input-glass-border: rgba(255,255,255,.40);
 --vie-input-glass-shadow: 0 1px 3px rgba(0,0,0,.10), 0 1px 2px -1px rgba(0,0,0,.10);
 --app-icon-shadow: 0 5px 14px rgba(0, 0, 0, 0.10), 0 2px 4px rgba(0, 0, 0, 0.05);
 /* 所有提示、确认与输入弹窗只读取这一套外遮罩参数。
    适度压暗并轻柔虚化，避免厚重油腻，也不退化成近乎透明。 */
 --modal-backdrop-color: rgba(24, 24, 26, 0.17);
 --modal-backdrop-filter: blur(4px) saturate(106%);
 --modal-surface-shadow: 0 12px 30px rgba(0, 0, 0, 0.15), 0 2px 8px rgba(0, 0, 0, 0.06);

 /* 高级质感变量 */
 --soft-glass-blur: blur(10px) saturate(130%);
 --glass-border: 0.5px solid rgba(255, 255, 255, 0.7);
 
 --radius-icon: 30%; 
 --radius-widget: 32px;
 }

 :root.theme-dark {
 color-scheme: dark;
 --vie-base-background: #111113;
 --vie-text-primary: #f4f4f6;
 --vie-text-secondary: #c4c4ca;
 --vie-text-muted: #98989f;
 --vie-text-faint: #6f6f76;
 --vie-nav-icon-color: var(--logo-color);
 --vie-placeholder-bg: #1b1b1b;
 --vie-placeholder-dot: #383838;
 --vie-placeholder-glyph: #727272;
 --vie-page-surface: rgba(35,35,39,.88);
 --vie-page-surface-strong: rgba(31,31,35,.94);
 --vie-page-soft-surface: rgba(48,48,53,.84);
 --vie-page-divider: rgba(255,255,255,.13);
 --vie-page-divider-soft: rgba(255,255,255,.08);
 --vie-page-divider-strong: rgba(255,255,255,.16);
 --vie-control-track: #4b4b51;
 --vie-control-thumb: #8d8d94;
 --vie-profile-surface-top: rgba(34,34,38,.96);
 --vie-profile-surface-bottom: rgba(29,29,33,.92);
 --app-icon-shadow: 0 6px 18px rgba(0,0,0,.34), 0 2px 5px rgba(0,0,0,.22);
 --modal-backdrop-color: rgba(0,0,0,.42);
 --modal-surface-shadow: 0 16px 36px rgba(0,0,0,.46), 0 3px 10px rgba(0,0,0,.28);
 --glass-border: .5px solid rgba(255,255,255,.12);
 --status-battery-shell: rgba(255,255,255,.24);
 --status-battery-number: #111113;
 --vie-chat-status-surface: #202126;
 --vie-input-glass-surface: rgba(255,255,255,.10);
 --vie-input-glass-border: rgba(255,255,255,.18);
 --vie-input-glass-shadow: 0 1px 3px rgba(0,0,0,.10), 0 1px 2px -1px rgba(0,0,0,.10);
 }


 * {
 margin: 0;
 padding: 0;
 box-sizing: border-box;
 user-select: none;
 -webkit-tap-highlight-color: transparent;
 }
 button, a, input, textarea, select, label, [role="button"] {
 -webkit-tap-highlight-color: transparent;
 touch-action: manipulation;
 }
 /* 输入控件只保留原有栏位结构与文字光标，不绘制浏览器或组件级聚焦方框。 */
 input:focus,
 input:focus-visible,
 textarea:focus,
 textarea:focus-visible,
 select:focus,
 select:focus-visible,
 [contenteditable="true"]:focus,
 [contenteditable="true"]:focus-visible {
 outline: 0;
 outline-offset: 0;
 box-shadow: none;
 }

 html,
 body {
 width: 100%;
 height: 100%;
 min-width: 0;
 min-height: 100%;
 margin: 0;
 overflow: hidden;
 overscroll-behavior: none;
 background: var(--vie-base-background);
 color-scheme: light dark;
 }
 body {
 position: fixed;
 inset: 0;
 width: auto;
 height: auto;
 min-height: 0;
 touch-action: pan-x pan-y;
 -webkit-text-size-adjust: 100%;
 text-size-adjust: 100%;
 font-family: var(--vie-font-family);
 font-weight: var(--vie-font-weight);
 font-size: calc(16px * var(--vie-font-scale));
 color: var(--vie-text-primary);
 }

 /*
 唯一根链：固定定位包含块四边 → vie-viewport → 安全区 stage。
 普通状态不把 innerHeight、clientHeight 或 VisualViewport 转写成固定像素高度，
 由 top/right/bottom/left 同时锚定真实视口边界；VisualViewport 只服务软键盘态。
 */
 .vie-viewport {
 position: fixed;
 inset: 0;
 width: auto;
 height: auto;
 min-width: 0;
 min-height: 0;
 overflow: hidden;
 overscroll-behavior: none;
 isolation: isolate;
 background: var(--vie-base-background);
 }
 .vie-viewport.vie-keyboard-open {
 top: var(--vie-viewport-offset-top, 0px);
 right: auto;
 bottom: auto;
 left: var(--vie-viewport-offset-left, 0px);
 width: var(--vie-viewport-width);
 height: var(--vie-viewport-height);
 }

 /* iOS 键盘出现时 WebKit 不会可靠清零 Home Indicator 安全区。
    所有 APP 只消费项目变量，键盘态由唯一视口控制器统一归零。 */
 :root.vie-keyboard-open,
 .vie-viewport.vie-keyboard-open { --vie-safe-bottom: 0px; }

 .vie-desktop-wallpaper {
 position: absolute; inset: 0; z-index: 5; pointer-events: none;
 background-color: var(--vie-base-background);
 background-image: var(--vie-desktop-wallpaper-image);
 background-position: center; background-size: cover; background-repeat: no-repeat;
 }

 /* 全局应用页面只共享这一层全屏背景。该层直接覆盖 vie-viewport，
    不进入安全区裁切后的 vie-stage，也不由任何单个 APP 重复绘制。 */
 .vie-viewport::before {
 content: "";
 position: absolute;
 inset: 0;
 z-index: 20;
 pointer-events: none;
 background-color: var(--vie-page-background-color);
 background-image: var(--vie-page-wallpaper-image);
 background-position: var(--vie-page-wallpaper-position);
 background-size: var(--vie-page-wallpaper-size);
 background-repeat: var(--vie-page-wallpaper-repeat);
 opacity: 0;
 visibility: hidden;
 }

 .vie-viewport.global-page-open::before {
 opacity: 1;
 visibility: visible;
 }

 /* 全局状态栏：安全区只在此处消费一次，页面统一从状态栏下方开始。 */
 .vie-viewport.status-bar-hidden { --status-safe-top: 0px; --status-bar-height: 0px; --status-bar-space: 0px; }
 .system-status-bar { position:absolute; inset:0 0 auto; z-index:500; width:100%; height:var(--status-bar-space); padding:var(--status-safe-top) var(--status-bar-inset-x) 0; display:flex; align-items:center; justify-content:space-between; overflow:hidden; color:var(--vie-text-primary); background:transparent; opacity:1; visibility:visible; transform:translateY(0) scale(1); transform-origin:top center; filter:blur(0); user-select:none; pointer-events:none; will-change:height,padding-top,opacity,transform,filter; }
 .vie-viewport.status-bar-motion-ready .vie-stage { transition: top 340ms cubic-bezier(.22,1,.36,1); }
 .vie-viewport.status-bar-motion-ready .system-status-bar { transition:height 340ms cubic-bezier(.22,1,.36,1),padding-top 340ms cubic-bezier(.22,1,.36,1),opacity 190ms ease,transform 340ms cubic-bezier(.22,1,.36,1),filter 220ms ease,visibility 0s linear; }
 .vie-viewport.status-bar-hidden .system-status-bar { opacity:0; visibility:hidden; transform:translateY(-6px) scale(.985); filter:blur(1.6px); }
 .vie-viewport.status-bar-motion-ready.status-bar-hidden .system-status-bar { transition-delay:0s,0s,0s,0s,0s,260ms; }
 .system-status-time { min-width:56.32px; font-size:calc(16.72px * var(--vie-font-scale)); font-weight:680; line-height:1; letter-spacing:.01em; font-variant-numeric:tabular-nums; }
 .system-status-right { min-width:103.84px; display:flex; align-items:center; justify-content:flex-end; gap:7.04px; }
 .system-status-signal { width:21.12px; height:14.08px; flex:0 0 auto; }
 .system-status-wifi { width:22px; height:15.84px; flex:0 0 auto; margin-left:-1.76px; }
 .system-status-battery { position:relative; width:30.8px; height:14.08px; flex:0 0 auto; margin-left:-1.76px; }
 .system-status-battery-shell { position:relative; width:26.4px; height:14.08px; overflow:hidden; border-radius:4.4px; background:var(--status-battery-shell); }
 .system-status-battery-level { position:absolute; inset:0 auto 0 0; width:80%; background:currentColor; }
 .system-status-battery-number { position:absolute; inset:0; z-index:1; display:grid; place-items:center; color:var(--status-battery-number); font-size:calc(13.2px * var(--vie-font-scale)); font-weight:800; line-height:1; letter-spacing:-.07em; font-variant-numeric:tabular-nums; }
 .system-status-battery-cap { position:absolute; left:27.28px; top:50%; width:2.64px; height:4.4px; transform:translateY(-50%); border-radius:0 999px 999px 0; background:var(--status-battery-shell); }
 .vie-viewport.douyin-active .system-status-bar { color:#fff; text-shadow:0 1px 2px rgba(0,0,0,.5); }
 .vie-viewport.douyin-active.douyin-solid .system-status-bar { text-shadow:none; }
.vie-viewport.wechat-conversation-open .system-status-bar {
 color: var(--vie-text-primary);
 background: transparent;
 border: 0;
 box-shadow: none;
 backdrop-filter: none;
 -webkit-backdrop-filter: none;
 text-shadow: none;
}
.vie-viewport.wechat-conversation-open .vie-stage { top: 0; }


 /*
 根页面层延伸到视觉视口底部，避免 Safari/PWA 底部露出静态空隙。
 Home Indicator 只由 Dock、输入栏和各 APP 内容区通过 --vie-safe-bottom 避让。
 */
 .vie-stage {
 position: absolute;
 top: var(--status-bar-space);
 right: env(safe-area-inset-right, 0px);
 bottom: 0;
 left: env(safe-area-inset-left, 0px);
 z-index: 30;
 min-width: 0;
 min-height: 0;
 overflow: hidden;
 isolation: isolate;
 transform: none;
 transform-origin: top left;
 transition: none;
 }
 .vie-stage.is-page-scaled { right:auto; bottom:auto; width:var(--vie-stage-logical-width); height:var(--vie-stage-logical-height); transform:scale(var(--vie-page-scale)); }

 /* 页面壁纸的唯一装饰层：应用页打开时显示，装饰按规则网格平铺。 */
 .star-field {
 position:absolute; inset:0; z-index:25; overflow:hidden;
 pointer-events:none; opacity:0; visibility:hidden;
 transition:opacity .2s ease,visibility 0s linear .2s;
 }
 .vie-viewport.global-page-open:not(.page-decorations-hidden) .star-field:not([hidden]) {
 opacity:1; visibility:visible; transition-delay:0s;
 }
 .star-field[hidden],.vie-viewport.page-decorations-hidden .star-field { display:none; }
 .page-decoration-pattern {
 position:absolute;
 inset:-24%;
 display:grid;
 grid-template-columns:repeat(var(--decoration-columns),minmax(0,1fr));
 grid-template-rows:repeat(var(--decoration-rows),minmax(0,1fr));
 align-items:center;
 justify-items:center;
 transform:rotate(var(--decoration-pattern-rotation));
 transform-origin:center;
 }
 .page-decoration-item {
 position:relative;
 width:var(--decoration-size);
 height:var(--decoration-size);
 color:var(--logo-color);
 opacity:var(--decoration-opacity);
 transform:none;
 transform-origin:center;
 }
 .page-decoration-item.is-star {
 background:currentColor;
 -webkit-clip-path:polygon(50% 0%,61.8% 35.4%,100% 38.2%,69.1% 59%,79.4% 100%,50% 76%,20.6% 100%,30.9% 59%,0% 38.2%,38.2% 35.4%);
 clip-path:polygon(50% 0%,61.8% 35.4%,100% 38.2%,69.1% 59%,79.4% 100%,50% 76%,20.6% 100%,30.9% 59%,0% 38.2%,38.2% 35.4%);
 }
 .page-decoration-item.is-heart {
 width:calc(var(--decoration-size) * .72);
 height:calc(var(--decoration-size) * .72);
 background:currentColor;
 border-radius:18% 0 18% 0;
 transform:rotate(-45deg);
 }
 .page-decoration-item.is-heart::before,.page-decoration-item.is-heart::after {
 content:""; position:absolute; width:100%; height:100%; border-radius:50%; background:currentColor;
 }
 .page-decoration-item.is-heart::before { top:-50%; left:0; }
 .page-decoration-item.is-heart::after { top:0; left:50%; }
 .page-decoration-item.is-dot { background:currentColor; border-radius:50%; }
 .page-decoration-item.is-custom { background-image:var(--decoration-image); background-position:center; background-repeat:no-repeat; background-size:contain; }

 .sym { font-family:"Apple Symbols","Segoe UI Symbol", sans-serif; font-weight: normal; }

 /* ==========================================
 2. 顶栏、底栏与全局控件
 ========================================== */

 .screen {
 width:100%; height:100%; min-width:0; min-height:0; position:relative; overflow:hidden; z-index:1;
 touch-action:pan-y; -ms-touch-action:pan-y;
 }
 .slider {
 display:flex; width:100%; height:100%; transition:transform .5s cubic-bezier(.25,1,.3,1);
 will-change:transform;
 }
 .page {
 width:100%; min-width:100%; flex:0 0 100%; height:100%;
 padding:var(--desktop-edge-gap) var(--pad-x) 0;
 position:relative;
 }
 .desktop-grid-surface {
 position:relative;
 width:100%;
 height:min(var(--desktop-grid-height), calc(100% - var(--search-bottom-inset) - var(--search-pill-height) - 8px));
 display:grid;
 grid-template-columns:repeat(4,var(--icon-size));
 grid-template-rows:repeat(6,minmax(0,1fr));
 justify-content:space-between;
 align-content:stretch;
 row-gap:var(--row-gap);
 overflow:visible;
 }
 .desktop-layout-item {
 position:relative;
 -webkit-user-select:none; user-select:none; -webkit-touch-callout:none;
 -webkit-user-drag:none;
 min-width:0;
 min-height:0;
 align-self:start;
 justify-self:stretch;
 z-index:2;
 transform-origin:center;
 }
 /* 静态首屏必须已经具备完整网格几何，不能等待底部脚本下载后才补 grid-row/column。
    部署刷新、弱网或 Service Worker 切换期间也只会显示正确初始布局。 */
 .desktop-layout-item[data-desktop-x="0"] { grid-column-start:1; }
 .desktop-layout-item[data-desktop-x="1"] { grid-column-start:2; }
 .desktop-layout-item[data-desktop-x="2"] { grid-column-start:3; }
 .desktop-layout-item[data-desktop-x="3"] { grid-column-start:4; }
 .desktop-layout-item[data-desktop-w="1"] { grid-column-end:span 1; }
 .desktop-layout-item[data-desktop-w="2"] { grid-column-end:span 2; }
 .desktop-layout-item[data-desktop-w="4"] { grid-column-end:span 4; }
 .desktop-layout-item[data-desktop-y="0"] { grid-row-start:1; }
 .desktop-layout-item[data-desktop-y="1"] { grid-row-start:2; }
 .desktop-layout-item[data-desktop-y="2"] { grid-row-start:3; }
 .desktop-layout-item[data-desktop-y="3"] { grid-row-start:4; }
 .desktop-layout-item[data-desktop-y="4"] { grid-row-start:5; }
 .desktop-layout-item[data-desktop-y="5"] { grid-row-start:6; }
 .desktop-layout-item[data-desktop-h="1"] { grid-row-end:span 1; }
 .desktop-layout-item[data-desktop-h="2"] { grid-row-end:span 2; }
 .desktop-layout-item[data-desktop-h="4"] { grid-row-end:span 4; }
 .desktop-layout-item,
 .desktop-layout-item * {
 -webkit-user-drag:none;
 -webkit-touch-callout:none;
 touch-action:none;
 -ms-touch-action:none;
 }
 .desktop-layout-item[data-desktop-kind="app"] {
 width:var(--icon-size);
 height:var(--app-cell-height);
 justify-self:start;
 }
 .desktop-item-content {
 position:relative;
 width:100%;
 min-width:0;
 min-height:0;
 }
 .desktop-layout-item[data-desktop-kind="component"] > .desktop-item-content { height:100%; }
 .desktop-layout-item[data-desktop-kind="app"] > .desktop-item-content { height:auto; }
 .desktop-layout-item[data-desktop-item-id="component.profile"] > .desktop-item-content > .profile-wrap,
 .desktop-layout-item[data-desktop-item-id="component.polaroid"] > .desktop-item-content > .top-widget-wrap-p2,
 .desktop-layout-item[data-desktop-kind="component"] > .desktop-item-content > .widget-2x2-wrap {
 width:100%;
 height:100%;
 min-height:0;
 }
 .desktop-grid-dots {
 position:absolute;
 inset:0;
 z-index:0;
 display:grid;
 grid-template-columns:repeat(4,var(--icon-size));
 grid-template-rows:repeat(6,minmax(0,1fr));
 justify-content:space-between;
 align-content:stretch;
 row-gap:var(--row-gap);
 pointer-events:none;
 opacity:0;
 transition:opacity 180ms ease;
 }
 .desktop-edit-mode .desktop-grid-dots { opacity:0; visibility:hidden; }
 .desktop-edit-mode .pagination { opacity:0; visibility:hidden; pointer-events:none; }
 .desktop-edit-mode .desktop-grid-surface { top:12px; }
 /* 应用名仅在实际拖拽期间视觉隐藏；仅进入移动布局时保持可见，原节点和布局占位完整保留。 */
 .desktop-drag-active .desktop-layout-item[data-desktop-kind="app"] .app-label,
 .desktop-drag-ghost[data-desktop-kind="app"] .app-label {
 opacity:0;
 visibility:hidden;
 }
 .desktop-grid-dot {
 width:11px;
 height:11px;
 align-self:center;
 justify-self:center;
 border-radius:50%;
 border:1px solid rgba(255,255,255,.72);
 background:rgba(66,66,70,.18);
 box-shadow:0 1px 4px rgba(0,0,0,.10), inset 0 0 0 2px rgba(255,255,255,.20);
 }
 .theme-dark .desktop-grid-dot {
 border-color:rgba(255,255,255,.34);
 background:rgba(255,255,255,.16);
 }
 .desktop-drop-preview {
 position:relative;
 z-index:1;
 width:100%;
 height:100%;
 min-width:0;
 min-height:0;
 border:1px dashed rgba(255,255,255,.88);
 border-radius:16px;
 background:rgba(255,255,255,.16);
 box-shadow:inset 0 0 0 1px rgba(45,45,48,.08);
 pointer-events:none;
 }
 .desktop-drop-preview.has-collision {
 border-style:solid;
 background:rgba(255,255,255,.25);
 }
 .desktop-item-hide {
 position:absolute;
 top:-9px;
 left:-9px;
 z-index:8;
 width:25px;
 height:25px;
 padding:0;
 border:0;
 border-radius:50%;
 display:none;
 align-items:center;
 justify-content:center;
 color:var(--vie-text-primary);
 background:var(--vie-page-surface-strong);
 box-shadow:0 3px 10px rgba(0,0,0,.18);
 -webkit-backdrop-filter:blur(12px) saturate(120%);
 backdrop-filter:blur(12px) saturate(120%);
 touch-action:manipulation;
 }
 .desktop-item-hide svg {
 width:25px;
 height:25px;
 overflow:visible;
 fill:none;
 stroke:currentColor;
 stroke-width:1.8;
 stroke-linecap:round;
 }
 .desktop-edit-mode .desktop-item-hide { display:flex; }
 .dock-layout-item {
 position:relative;
 width:var(--icon-size);
 height:var(--icon-size);
 flex:0 0 var(--icon-size);
 -webkit-user-select:none; user-select:none; -webkit-touch-callout:none; -webkit-user-drag:none;
 touch-action:none; -ms-touch-action:none;
 }
 .dock-layout-item *, .dock-drag-ghost, .dock-drag-ghost * {
 -webkit-user-drag:none; -webkit-touch-callout:none;
 }
 .dock-item-content { width:100%; height:100%; }
 .desktop-edit-mode .dock-layout-item { cursor:grab; }
 .desktop-edit-mode .dock-layout-item:active { cursor:grabbing; }
 .desktop-edit-mode .dock-layout-item > .dock-item-content { animation:desktop-item-wiggle 260ms ease-in-out infinite alternate; }
 .desktop-edit-mode .dock-layout-item:nth-child(even) > .dock-item-content { animation-direction:alternate-reverse; animation-delay:-90ms; }
 .dock-layout-item.is-drag-source { display:none; }
 .desktop-edit-mode .desktop-layout-item {
 cursor:grab;
 touch-action:none;
 }
 .desktop-edit-mode .desktop-layout-item:active { cursor:grabbing; }
 .desktop-edit-mode .desktop-layout-item > .desktop-item-content {
 animation:desktop-item-wiggle 260ms ease-in-out infinite alternate;
 }
 .desktop-edit-mode .desktop-layout-item:nth-child(even) > .desktop-item-content {
 animation-direction:alternate-reverse;
 animation-delay:-90ms;
 }
 .desktop-layout-item.is-drag-source { visibility:hidden; }
 .desktop-drag-ghost,
 .dock-drag-ghost {
 position:fixed;
 left:0;
 top:0;
 z-index:10020;
 margin:0;
 pointer-events:none;
 transform-origin:top left;
 filter:drop-shadow(0 12px 22px rgba(0,0,0,.22));
 will-change:transform;
 }
 .desktop-drag-ghost .desktop-item-hide,
 .dock-drag-ghost .desktop-item-hide { display:none; }
 .desktop-drag-ghost,
 .desktop-drag-ghost *,
 .dock-drag-ghost,
 .dock-drag-ghost * { -webkit-user-drag:none; -webkit-touch-callout:none; }
 .desktop-drag-ghost > .desktop-item-content,
 .dock-drag-ghost > .dock-item-content { animation:none; }
 @keyframes desktop-item-wiggle {
 from { transform:rotate(-.55deg) translate3d(-.35px,0,0); }
 to { transform:rotate(.55deg) translate3d(.35px,0,0); }
 }

 .desktop-edit-toolbar {
 position:absolute;
 top:var(--status-safe-top);
 left:0;
 right:0;
 z-index:650;
 height:var(--status-bar-height);
 padding:0 var(--status-bar-inset-x);
 display:flex;
 align-items:center;
 justify-content:space-between;
 opacity:0;
 visibility:hidden;
 pointer-events:none;
 transform:translateY(-4px);
 transition:opacity 180ms ease, transform 220ms cubic-bezier(.22,1,.36,1), visibility 0s linear 220ms;
 }
 .desktop-edit-mode .desktop-edit-toolbar {
 opacity:1;
 visibility:visible;
 pointer-events:auto;
 transform:translateY(0);
 transition-delay:0s;
 }
 .desktop-edit-mode .system-status-bar {
 opacity:0;
 visibility:hidden;
 pointer-events:none;
 }
 .desktop-edit-add,
 .desktop-edit-done {
 border:0;
 color:var(--vie-text-primary);
 background:rgba(255,255,255,.62);
 box-shadow:0 4px 14px rgba(0,0,0,.10), inset 0 0 0 .5px rgba(255,255,255,.72);
 -webkit-backdrop-filter:blur(16px) saturate(130%);
 backdrop-filter:blur(16px) saturate(130%);
 }
 .theme-dark .desktop-edit-add,
 .theme-dark .desktop-edit-done { background:rgba(42,42,47,.72); }
 .desktop-edit-add {
 width:32px;
 height:32px;
 border-radius:50%;
 display:grid;
 place-items:center;
 }
 .desktop-edit-add svg {
 width:17px;
 height:17px;
 fill:none;
 stroke:currentColor;
 stroke-width:1.9;
 stroke-linecap:round;
 }
 .desktop-edit-done {
 min-width:66px;
 height:32px;
 padding:0 17px;
 border-radius:17px;
 font:inherit;
 font-size:calc(13px * var(--vie-font-scale));
 font-weight:650;
 }
 .desktop-hidden-tray {
 position:absolute;
 top:calc(var(--status-bar-space) + 7px);
 left:14px;
 right:14px;
 z-index:640;
 max-height:min(44vh,320px);
 padding:8px;
 border:.5px solid rgba(255,255,255,.65);
 border-radius:18px;
 background:var(--vie-page-surface-strong);
 box-shadow:var(--modal-surface-shadow);
 -webkit-backdrop-filter:blur(22px) saturate(128%);
 backdrop-filter:blur(22px) saturate(128%);
 opacity:0;
 visibility:hidden;
 pointer-events:none;
 transform:translateY(-8px) scale(.985);
 transform-origin:top left;
 transition:opacity 150ms ease, transform 190ms cubic-bezier(.22,1,.36,1), visibility 0s linear 190ms;
 }
 .desktop-hidden-tray.is-open {
 opacity:1;
 visibility:visible;
 pointer-events:auto;
 transform:translateY(0) scale(1);
 transition-delay:0s;
 }
 .desktop-hidden-actions {
 display:grid;
 grid-template-columns:1fr 1fr;
 gap:6px;
 padding:0 0 8px;
 }
 .desktop-layout-action {
 min-width:0;
 height:38px;
 padding:0 10px;
 border:0;
 border-radius:11px;
 display:flex;
 align-items:center;
 justify-content:center;
 gap:7px;
 color:var(--vie-text-primary);
 background:var(--vie-page-soft-surface);
 font:inherit;
 font-size:calc(12px * var(--vie-font-scale));
 font-weight:620;
 }
 .desktop-layout-action:disabled { opacity:.38; }
 .desktop-layout-action svg {
 width:16px;
 height:16px;
 fill:none;
 stroke:currentColor;
 stroke-width:1.8;
 stroke-linecap:round;
 stroke-linejoin:round;
 }
 .desktop-hidden-list {
 max-height:calc(min(44vh,320px) - 62px);
 overflow:auto;
 overscroll-behavior:contain;
 scrollbar-width:none;
 }
 .desktop-hidden-list::-webkit-scrollbar { display:none; }
 .desktop-hidden-entry,
 .desktop-hidden-empty {
 width:100%;
 min-height:42px;
 padding:0 10px;
 border:0;
 border-radius:12px;
 display:flex;
 align-items:center;
 justify-content:space-between;
 gap:12px;
 color:var(--vie-text-primary);
 background:transparent;
 font:inherit;
 font-size:calc(13px * var(--vie-font-scale));
 text-align:left;
 }
 .desktop-hidden-entry + .desktop-hidden-entry { border-top:1px solid var(--vie-page-divider-soft); }
 .desktop-hidden-entry svg {
 width:18px;
 height:18px;
 flex:0 0 18px;
 fill:none;
 stroke:currentColor;
 stroke-width:1.8;
 stroke-linecap:round;
 }
 .desktop-hidden-empty { color:var(--vie-text-muted); justify-content:center; }

 .search-pill {
 position:absolute; bottom:var(--search-bottom-inset); left:50%; transform:translateX(-50%);
 width:70px; height:var(--search-pill-height); border-radius:calc(var(--search-pill-height) / 2);
 background:linear-gradient(145deg,rgba(255,255,255,.72),rgba(255,255,255,.48));
 border:var(--glass-border); box-shadow:0 2px 10px rgba(0,0,0,.03), inset 0 1px 0 rgba(255,255,255,.55);
 display:flex; justify-content:center; align-items:center; gap:4px;
 font-size:calc(11px * var(--vie-font-scale)); color:var(--vie-text-secondary); z-index:10;
 }
 .pagination {
 position:absolute; bottom:var(--pagination-bottom-inset); width:100%;
 display:flex; justify-content:center; gap:8px; z-index:10;
 }
 .dot {
 width:var(--pagination-dot-size); height:var(--pagination-dot-size); padding:0; border:0; appearance:none; -webkit-appearance:none; border-radius:50%;
 background:rgba(255,255,255,.4); transition:transform .3s ease, background .3s ease;
 }
 .dot.active { background:#fff; transform:scale(1.1); box-shadow:0 1px 3px rgba(0,0,0,.1); }
 .dock {
 position:absolute; bottom:var(--dock-bottom-inset); left:50%; transform:translateX(-50%);
 width:calc(100% - 24px); height:var(--dock-height); border-radius:36px;
 background:rgba(255,255,255,.35); backdrop-filter:var(--soft-glass-blur); -webkit-backdrop-filter:var(--soft-glass-blur);
 border:var(--glass-border); box-shadow:var(--app-icon-shadow);
 display:flex; justify-content:space-evenly; align-items:center; z-index:10;
 overflow:visible;
 }
 .dock-drop-preview {
 position:relative;
 width:var(--icon-size);
 height:var(--icon-size);
 flex:0 0 var(--icon-size);
 border:1px dashed rgba(255,255,255,.88);
 border-radius:var(--radius-icon);
 background:rgba(255,255,255,.16);
 box-shadow:inset 0 0 0 1px rgba(45,45,48,.08);
 pointer-events:none;
 }

 /* ==========================================
 3. 图标系统
 ========================================== */
 .app-wrap,
 button.app-icon {
 -webkit-appearance:none;
 appearance:none;
 margin:0;
 padding:0;
 border:0;
 background:transparent;
 box-shadow:none;
 color:inherit;
 font:inherit;
 outline:0;
 cursor:pointer;
 touch-action:manipulation;
 -webkit-tap-highlight-color:transparent;
 }
 .app-wrap {
 height: var(--app-cell-height);
 min-height: var(--app-cell-height);
 border-radius:0;
 justify-content: flex-start;
 }
 .desktop-layout-item[data-desktop-kind="app"] .app-label {
 flex: 0 0 var(--icon-label-height);
 max-width: var(--icon-size);
 overflow: hidden;
 text-overflow: ellipsis;
 white-space: nowrap;
 }

 .app-wrap {
 display: flex; flex-direction: column; align-items: center;
 gap: var(--icon-label-gap); width: var(--icon-size);
 }
 .app-icon {
 --accent: var(--logo-color);
 --app-glyph-scale: 1;
 --theme-icon-color: var(--accent);
 --theme-icon-gradient: linear-gradient(135deg,#f3d6df,#d8d8d8,#c8d7ef);
 --theme-icon-shell-opacity: 1;
 width: var(--icon-size); height: var(--icon-size); border-radius: var(--radius-icon);
 border:0; background:transparent; box-shadow:none;
 display:flex; justify-content:center; align-items:center;
 position:relative; overflow:hidden; isolation:isolate; color:var(--accent);
 }
 .app-icon::before {
 content:""; position:absolute; z-index:0; inset:0; border-radius:inherit;
 background:var(--vie-page-surface-strong); background-position:center; background-size:cover; background-repeat:no-repeat;
 opacity:var(--theme-icon-shell-opacity); pointer-events:none;
 }
 /* 图片只负责整体应用图标，Logo 色只负责前景，质感与透明度只负责外壳。 */
 .app-icon.has-theme-icon-color { color:var(--theme-icon-color); }
 .app-icon.has-theme-icon > * { opacity:0; }
 .app-icon[data-theme-texture="flat"] { border:0; box-shadow:none; -webkit-backdrop-filter:none; backdrop-filter:none; }
 .app-icon[data-theme-texture="flat"]::before { background:var(--vie-page-surface-strong); }
 .app-icon[data-theme-texture="frosted"] { border:1px solid var(--vie-input-glass-border); box-shadow:var(--vie-input-glass-shadow); -webkit-backdrop-filter:blur(12px) saturate(115%); backdrop-filter:blur(12px) saturate(115%); }
 .app-icon[data-theme-texture="frosted"]::before { background:transparent; }
 .app-icon[data-theme-texture="translucent"] { border:.5px solid rgba(255,255,255,.42); box-shadow:0 4px 14px rgba(0,0,0,.06); -webkit-backdrop-filter:blur(8px) saturate(70%); backdrop-filter:blur(8px) saturate(70%); }
 .app-icon[data-theme-texture="translucent"]::before { background:rgba(255,255,255,.12); }
 .theme-dark .app-icon[data-theme-texture="translucent"]::before { background:rgba(24,24,28,.18); }
 .app-icon[data-theme-texture="gradient"]::before { background-image:var(--theme-icon-gradient); }
 .app-icon.has-theme-icon::before { background-image:var(--theme-icon-image); }
 .app-icon.has-theme-icon[data-theme-texture="gradient"]::before { background-image:linear-gradient(135deg,rgba(255,255,255,.12),rgba(255,255,255,0)),var(--theme-icon-image); }

 .fa-icon {
 position: relative;
 z-index: 2;
 width: 27.5px;
 height: 27.5px;
 display: block;
 fill: currentColor;
 overflow: visible;
 flex: 0 0 27.5px;
 transform: scale(var(--app-glyph-scale));
 transform-origin: center;
 }
 .vie-music-fa-icon {
 position: relative;
 z-index: 2;
 width: 27.5px;
 height: 27.5px;
 display: inline-flex;
 align-items: center;
 justify-content: center;
 flex: 0 0 27.5px;
 color: currentColor;
 font-size: 27.5px;
 line-height: 1;
 transform: scale(var(--app-glyph-scale));
 transform-origin: center;
 }
 .vie-line-icon {
 color: var(--vie-nav-icon-color);
 fill: none;
 stroke: currentColor;
 stroke-width: 1.6;
 stroke-linecap: round;
 stroke-linejoin: round;
 opacity: .9;
 }
 .app-icon[data-icon="music"] { --app-glyph-scale: 1; }
 .app-icon[data-icon="archive"] { --app-glyph-scale: 1.03; }
 .app-icon[data-icon="wechat"] { --app-glyph-scale: 1.14; }
 .app-icon[data-icon="worldbook"] { --app-glyph-scale: .98; }
 .app-icon[data-icon="memory"] { --app-glyph-scale: .94; }
.app-icon[data-icon="vocabulary"] { --app-glyph-scale: .97; }
 .app-icon[data-icon="shopping"] { --app-glyph-scale: .97; }
 .app-icon[data-icon="encounter"] { --app-glyph-scale: .96; }
 .app-icon[data-icon="reading"] { --app-glyph-scale: .98; }
 .app-icon[data-icon="game"] { --app-glyph-scale: 1.08; }
 .app-icon[data-icon="forum"] { --app-glyph-scale: 1.02; }
 .app-icon[data-icon="heartbeat"] { --app-glyph-scale: 1; }
 .app-icon[data-icon="douyin"] { --app-glyph-scale: .92; }
 .app-icon[data-icon="dock-duty"] { --app-glyph-scale: 1.04; }
 .app-icon[data-icon="dock-message"] { --app-glyph-scale: .97; }
 .app-icon[data-icon="dock-theme"] { --app-glyph-scale: .95; }
 .app-icon[data-icon="dock-settings"] { --app-glyph-scale: .95; }
 .app-label { font-size:calc(11px * var(--vie-font-scale)); color: var(--vie-text-primary); height: var(--icon-label-height); line-height: var(--icon-label-height); display: flex; align-items: center; }
 .dock-app-icon { flex: 0 0 var(--icon-size); }

 #music-trigger {
 -webkit-tap-highlight-color: transparent;
 }
 #music-trigger:focus-visible {
 border-radius: var(--radius-icon);
 box-shadow: 0 0 0 3px rgba(203,203,203,.30);
 }

 /* 初始头像和雪花图片占位共用同一份可缩放波点底纹。 */
 .default-avatar,
 .default-image-placeholder {
 position: relative;
 overflow: hidden;
 isolation: isolate;
 display: flex;
 align-items: stretch;
 justify-content: stretch;
 background: transparent;
 color: var(--logo-color);
 }
 .default-image-placeholder .vie-image-placeholder-pattern {
 position: absolute;
 inset: 0;
 z-index: 0;
 width: 100%;
 height: 100%;
 display: block;
 pointer-events: none;
 }
 .default-avatar .avatar-user-icon {
 position: relative;
 z-index: 1;
 width: 100%;
 height: 100%;
 display: block;
 flex: 1 1 auto;
 color: var(--logo-color);
 }
 .default-image-placeholder .vie-image-placeholder-icon,
 .archive-lock-preview.default-image-placeholder > .vie-image-placeholder-icon {
 position: relative;
 z-index: 1;
 width: 100%;
 height: 100%;
 display: flex;
 align-items: center;
 justify-content: center;
 flex: 1 1 auto;
 color: var(--logo-color);
 font-size: clamp(36px, 11vw, 56px);
 font-style: normal;
 line-height: 1;
 }
 .p-img.default-image-placeholder .vie-image-placeholder-icon { font-size: 34px; }
 .wechat-memo-polaroid.default-image-placeholder .vie-image-placeholder-pattern { inset: 6px 6px 18px; width: auto; height: auto; }
 .wechat-memo-polaroid.default-image-placeholder .vie-image-placeholder-icon { font-size: 25px; }
 .archive-lock-preview.default-image-placeholder > .vie-image-placeholder-icon { font-size: 38px; }
 .default-avatar .avatar-star { display:none; }
 .id-photo.default-avatar .avatar-user-icon { width:100%; height:100%; }

 /* ==========================================
 4. 第一页：精准主卡片 & ID工牌
 ========================================== */
 .profile-wrap { display: flex; flex-direction: column; width: 100%; padding-bottom: var(--component-bottom-reserve); }
 
 .profile-card {
 --profile-media-height: 54%;
 --profile-arch-rise: 26px;
 --profile-avatar-size: 96px;
 --profile-avatar-radius: 48px;
 --profile-info-gap: 5px;
 width: 100%; height: var(--profile-card-height); position: relative;
 background: rgba(255, 255, 255, 0.45); backdrop-filter: var(--soft-glass-blur); -webkit-backdrop-filter: var(--soft-glass-blur);
 border: var(--glass-border); border-radius: var(--radius-widget);
 overflow: hidden; box-shadow: var(--app-icon-shadow); display: flex; flex-direction: column;
 }
 .profile-img { 
 height: var(--profile-media-height); width: 100%;
 background: var(--vie-page-surface-strong);
 filter: none; z-index: 1;
 box-shadow: none;
 }
 .profile-img.default-avatar .avatar-user-icon { width: 82px; height: 92px; }
 .profile-img.default-avatar .avatar-star { opacity: 0.82; }
 .profile-avatar {
 width: var(--profile-avatar-size); height: var(--profile-avatar-size); border-radius: 50%;
 border: 1.5px solid rgba(255,255,255,0.94);
 position: absolute;
 top: calc(var(--profile-media-height) - var(--profile-arch-rise));
 left: 50%; transform: translate(-50%, -50%);
 box-shadow: 0 6px 18px rgba(0,0,0,0.18), inset 0 0 0 1px rgba(255,255,255,0.18);
 z-index: 3;
 }
 .profile-text { 
 text-align: center; flex-grow: 1; display: flex; flex-direction: column; align-items: center; justify-content: center;
 /* 仅个人信息区启用高消耗强化磨砂；高白度表层阻断背景色直透。 */
 background: linear-gradient(180deg, var(--vie-profile-surface-top), var(--vie-profile-surface-bottom));
 backdrop-filter: blur(64px) saturate(118%) brightness(1.14);
 -webkit-backdrop-filter: blur(64px) saturate(118%) brightness(1.14);
 will-change: backdrop-filter;
 border-top-left-radius: 26px;
 border-top-right-radius: 26px;
 position: relative; z-index: 2;
 margin-top: calc(var(--profile-arch-rise) * -1);
 /* 头像中心仍与上拱交界重合；信息行改为居中紧凑组，避免在剩余区域内被过度摊开。 */
 padding-top: var(--profile-avatar-radius);
 padding-bottom: 10px;
 gap: var(--profile-info-gap);
 }
 .profile-text h2,
 .profile-text .handle,
 .profile-text .quote,
 .profile-text .loc {
 max-width: calc(100% - 40px);
 min-width: 0;
 }
 .profile-text h2,
 .profile-text .handle,
 .profile-text .quote,
 .profile-text .loc span {
 overflow: hidden;
 text-overflow: ellipsis;
 white-space: nowrap;
 }
 .profile-text h2 { font-size:calc(19px * var(--vie-font-scale)); font-weight: 700; line-height: 1.16; letter-spacing: 0.5px; color: var(--vie-text-primary); }
 .profile-text .handle { font-size:calc(12px * var(--vie-font-scale)); line-height: 1.18; color: var(--vie-text-muted); font-style: italic; margin-top: 0;}
 .profile-text .quote { font-size:calc(12px * var(--vie-font-scale)); line-height: 1.18; font-weight: 600; margin-top: 0; color: var(--vie-text-secondary); }
 .profile-text .loc { font-size:calc(11px * var(--vie-font-scale)); line-height: 1.18; color: var(--vie-text-muted); display: flex; align-items: center; justify-content: center; gap: 4px; margin-top: 0; }
 .profile-text .loc span { min-width: 0; }
 .component-fa-icon { width: 9px; height: 11px; display: block; fill: var(--theme-gray); flex: 0 0 auto; }

 /* ID工作牌组件 */
 .widget-2x2-wrap { width: 100%; display: flex; flex-direction: column; }
 .id-widget { width: 100%; aspect-ratio: 1 / 0.846; position: relative; display: flex; flex-direction: column; align-items: center; }
 .metal-clip {
 position: absolute; top: -4.5px; left: 50%; transform: translateX(-50%);
 width: 21.6px; height: 32.4px; 
 display: flex; flex-direction: column; align-items: center;
 z-index: 5;
 }
 .metal-clip::before {
 content: ''; width: 12.6px; height: 7.2px; border-radius: 3.6px 3.6px 0 0;
 border: 1.8px solid #ccc; border-bottom: none;
 background: transparent;
 box-shadow: inset 0 2px 2px rgba(255,255,255,0.8), 0 -1px 2px rgba(0,0,0,0.2);
 margin-bottom: -0.9px;
 }
 .metal-clip::after {
 content: ''; width: 19.8px; height: 23.4px; border-radius: 3.6px;
 background: linear-gradient(180deg, #e6e6e6 0%, #b3b3b3 30%, #cccccc 60%, #999999 100%);
 box-shadow: inset 0 1px 1px rgba(255,255,255,0.9), inset 1px 0 2px rgba(255,255,255,0.5), inset -1px 0 2px rgba(0,0,0,0.2), 0 4px 6px rgba(0,0,0,0.2);
 border: 0.45px solid #888;
 }
 .metal-clip-rivet {
 position: absolute; top: 14.4px; left: 50%; transform: translateX(-50%);
 width: 7.2px; height: 7.2px; border-radius: 50%;
 background: radial-gradient(circle at 30% 30%, #fff, #999 60%, #555);
 box-shadow: 0 1px 2px rgba(0,0,0,0.4), inset 0 1px 1px rgba(255,255,255,0.9);
 z-index: 6; border: 0.45px solid #666;
 }
 .plastic-strap {
 position: absolute; top: 20.7px; left: 50%; transform: translateX(-50%); 
 width: 23.4px; height: 27px; border-radius: 5.4px;
 background: linear-gradient(145deg, rgba(255,255,255,0.68), rgba(255,255,255,0.32));
 border: 0.45px solid rgba(255,255,255,0.9); border-bottom: 0.9px solid rgba(150,150,150,0.5);
 z-index: 4; box-shadow: none; 
 display: flex; justify-content: center; align-items: flex-end; padding-bottom: 4.5px;
 }
 .plastic-strap::after { 
 content: ''; width: 6.3px; height: 6.3px; border-radius: 50%; 
 background: radial-gradient(circle at 35% 35%, #fff, #aaa 50%, #666); 
 box-shadow: 0 2px 3px rgba(0,0,0,0.3), inset 0 -1px 2px rgba(0,0,0,0.3); 
 border: 0.45px solid #777; 
 }
 .pvc-sleeve {
 margin-top: 31.5px; width: 100%; height: calc(100% - 31.5px);
 background: linear-gradient(145deg, rgba(255,255,255,0.42), rgba(255,255,255,0.18));
 border-radius: 12px; position: relative; z-index: 3; box-shadow: var(--app-icon-shadow);
 padding: 8px; display: flex; justify-content: center; align-items: center;
 }
 .pvc-sleeve::before { content: ''; position: absolute; top: 4px; bottom: 4px; left: 4px; right: 4px; border: 1px dashed rgba(255,255,255,0.9); border-radius: 8px; pointer-events: none; box-shadow: inset 0 0 0 1px rgba(200,200,200,0.2); }
 .inner-paper-card { background: var(--vie-page-surface-strong); width: 100%; height: 100%; border-radius: 5px; display: flex; align-items: center; padding: 6px; gap: 8px; position: relative; z-index: 1; box-shadow: none; }
 .id-photo { width: 38px; height: 52px; border-radius: 6px; flex-shrink: 0; box-shadow: 0 3px 8px rgba(0,0,0,0.12), inset 0 0 0 1px rgba(255,255,255,0.16); }
 .id-text-group {
 --id-icon-size: 8px;
 --id-icon-text-gap: 4px;
 display: flex; flex: 1; min-width: 0; flex-direction: column; gap: 5px; overflow: hidden;
 }
 .id-row {
 position: relative;
 display: flex; align-items: center; gap: var(--id-icon-text-gap);
 width: 100%; min-height: 15px; padding: 0 0 3px;
 border-bottom: none;
 font-size:calc(7.5px * var(--vie-font-scale)); color: var(--vie-text-secondary); white-space: nowrap;
 transform: scale(0.95); transform-origin: left center;
 }
 .id-row::after {
 content: '';
 position: absolute;
 left: calc(var(--id-icon-size) + var(--id-icon-text-gap));
 right: 0;
 bottom: 0;
 border-bottom: 1px dashed var(--badge-divider-color);
 pointer-events: none;
 }
 .id-row svg {
 width: var(--id-icon-size); height: var(--id-icon-size);
 fill: var(--badge-divider-color);
 flex: 0 0 var(--id-icon-size);
 }
 .id-row span { min-width: 0; overflow: hidden; text-overflow: ellipsis; }

 /* ==========================================
 5. 第二页：独立莫比乌斯环拍立得与统一网格
 ========================================== */
 .top-widget-wrap-p2 { display: flex; flex-direction: column; width: 100%; }
 .polaroid-group {
 position: relative;
 width: 100%;
 height: calc(100% - var(--component-bottom-reserve));
 min-height: 0;
 }
 /* 三张倾斜拍立得按旋转后的可见外接上沿校正，统一贴齐第一页桌面内容起始线。 */
 .p-wrapper { position: absolute; top: 0; width: 96px; height: 116px; }

 /* 相纸实体 (z-index: 2) */
 .p-photo {
 position: absolute; bottom: 4px; left: 4px; right: 4px; height: 92px;
 background: var(--vie-page-surface-strong); padding: 4px 4px 14px 4px;
 box-shadow: var(--app-icon-shadow); border-radius: 1px; z-index: 2;
 }
 .p-img { width: 100%; height: 100%; background-size: cover; background-position: center; filter: grayscale(100%); }
 .p-img.default-avatar { filter: none; }

 /* 透明塑料套 (z-index: 3) */
 .p-sleeve-cover {
 position: absolute; top: 0; left: 0; right: 0; bottom: 0;
 background: linear-gradient(145deg, rgba(255,255,255,0.24), rgba(255,255,255,0.08));
 border: 0.5px solid rgba(255,255,255,0.7); border-radius: 3px;
 box-shadow: inset 0 0 6px rgba(255,255,255,0.5);
 overflow: hidden; z-index: 3; pointer-events: none;
 }
 .p-sleeve-cover::after {
 content: ''; position: absolute; top: -50%; left: -50%; width: 200%; height: 200%;
 background: linear-gradient(135deg, rgba(255,255,255,0) 30%, rgba(255,255,255,0.5) 45%, rgba(255,255,255,0) 50%);
 transform: rotate(15deg);
 }
 .p-sleeve-cover::before {
 content: ''; position: absolute; top: 16px; left: 2px; right: 2px; border-top: 1px dotted rgba(255,255,255,0.9);
 }

 /* 顶部印花 (z-index: 4) */
 .p-deco { position: absolute; top: 5px; width: 100%; text-align: center; font-size:calc(6.5px * var(--vie-font-scale)); color: var(--vie-text-muted); letter-spacing: 1px; z-index: 4; }

 /* 打孔 (z-index: 5) */
 .p-hole {
 position: absolute; top: 4px; left: 5px; width: 6px; height: 6px; border-radius: 50%;
 background: rgba(0,0,0,0.025);
 border: 0.7px solid rgba(0,0,0,0.16);
 box-shadow: inset 0 1px 1.5px rgba(0,0,0,0.12);
 z-index: 5;
 }

 /* 三个独立莫比乌斯链环：保留原金属珠链样式，孔位为最高点并向下自然垂落 */
 .mobius-chain {
 position: absolute;
 top: 0;
 left: -21px;
 width: 48px;
 height: 72px;
 transform-origin: 24px 5px;
 pointer-events: none;
 overflow: visible;
 }
 .mobius-chain svg {
 display: block;
 width: 100%;
 height: 100%;
 overflow: visible;
 }
 .mobius-chain-back { z-index: 1; }
 .mobius-chain-track-dots .mobius-chain-bead {
 fill: url(#metal-grad);
 }

 /* 保留三张拍立得原排版，仅给予向下垂落的链环轻微自然偏摆 */
 
 /* 1. 左侧照片 */
 .pw-1 { top: 18px; left: 0; transform: rotate(-10deg) scale(1.046); transform-origin: top left; z-index: 1; }
 .pw-1 .mobius-chain { transform: rotate(4deg) scaleX(0.92) scaleY(1.06); } 
 
 /* 2. 中间照片 */
 .pw-2 { top: 2px; left: 50%; margin-left: -54px; width: 108px; height: 130px; transform: rotate(2deg) scale(1.046); transform-origin: top center; z-index: 3; }
 .pw-2 .p-photo { bottom: 5px; left: 5px; right: 5px; height: 104px; box-shadow: var(--app-icon-shadow); }
 .pw-2 .p-hole { top: 5px; left: 6px; width: 7px; height: 7px; }
 .pw-2 .mobius-chain { top: 1px; left: -20px; transform: rotate(-1deg) scaleX(0.94) scaleY(1.05); }
 .pw-2 .p-sleeve-cover::before { top: 18px; }
 .pw-2 .p-deco { top: 6px; font-size:calc(7px * var(--vie-font-scale)); }

 /* 3. 右侧照片 */
 .pw-3 { top: 21px; right: 0; transform: rotate(12deg) scale(1.046); transform-origin: top right; z-index: 2; }
 .pw-3 .mobius-chain { transform: rotate(-5deg) scaleX(0.92) scaleY(1.06); }


 /* ==========================================
 6. 第二页其余精美组件
 ========================================== */
 .text-widget {
 width: 100%;
 height: calc(100% - var(--component-bottom-reserve));
 aspect-ratio: auto;
 flex: 0 0 calc(100% - var(--component-bottom-reserve));
 min-height: 0;
 background: transparent; border: none; border-radius: 0; box-shadow: none;
 padding: 4px; display: flex; flex-direction: column; position: relative;
 }
 .tw-header { display: flex; justify-content: space-between; align-items: flex-start; min-height: 40px; }
 .tw-avatar {
 width: 40px; height: 40px; border-radius: 50%; border: 1.5px solid rgba(255,255,255,0.78);
 box-shadow: 0 4px 10px rgba(0,0,0,0.1), inset 0 0 0 1px rgba(255,255,255,0.14);
 flex-shrink: 0;
 }
 .tw-date-group { display: flex; flex-direction: column; align-items: flex-end; padding-top: 1px; }
 .tw-day { font-family: var(--vie-font-family); font-size:calc(30px * var(--vie-font-scale)); font-weight: 400; line-height: 0.92; color: var(--vie-text-primary); letter-spacing: -0.5px; }
 .tw-month { font-family: var(--vie-font-family); margin-top: 3px; font-size:calc(9px * var(--vie-font-scale)); line-height: 1; color: var(--vie-text-muted); font-weight: 600; letter-spacing: 1px; text-transform: uppercase; }
 .tw-content {
 flex: 1; min-height: 0; margin-top: 9px; display: flex; flex-direction: column; justify-content: center; width: 100%; gap: 6px;
 }
 .tw-item {
 width: 100%; min-width: 0; min-height: 18px;
 font-size:calc(12px * var(--vie-font-scale)); color: var(--vie-text-primary); line-height: 1.2;
 display: flex; align-items: center; padding: 0 2px;
 overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
 }
 .tw-divider {
 height: 1px; flex: 0 0 1px; background: rgba(0, 0, 0, 0.15); width: 100%; border-radius: 1px;
 }
 /* 右下双人头像组件：每组“气泡＋头像”视为一个不可拆分的整体。
 两个整体分别占用右侧两条图标列，并在旁边 2×2 网格的完整高度内统一垂直居中。 */
 .bubble-widget-wrap {
 position: relative;
 width: 100%;
 height: 100%;
 min-height: 0;
 aspect-ratio: auto;
 }
 .bubble-widget { 
 width: 100%;
 height: calc(100% - var(--component-bottom-reserve));
 flex: 0 0 calc(100% - var(--component-bottom-reserve));
 min-height: 0;
 aspect-ratio: auto;
 position: relative;
 display: grid;
 grid-template-columns: repeat(2, var(--icon-size));
 justify-content: space-between;
 align-items: stretch;
 padding: 0;
 background: transparent; border: none; border-radius: 0; box-shadow: none;
 }
 .b-avatar-wrap {
 position: relative;
 display: flex;
 flex-direction: column;
 align-items: center;
 justify-content: center;
 gap: 18px;
 width: var(--icon-size);
 height: 100%;
 }
 .b-avatar {
 position: relative;
 flex: 0 0 var(--icon-size);
 width: var(--icon-size); height: var(--icon-size);
 border-radius: 50%; border: 1.5px solid rgba(255,255,255,0.78);
 box-shadow: 0 8px 20px rgba(0,0,0,0.18), inset 0 0 0 1px rgba(255,255,255,0.14);
 }
 .b-msg {
 --bubble-widget-surface:var(--vie-page-surface-strong);
 position: relative;
 flex: 0 0 auto;
 width: 75px;
 box-sizing: border-box;
 min-height: 40px;
 padding: 6px 10px;
 border: 0;
 background: transparent;
 font-size:calc(11px * var(--vie-font-scale)); font-weight: 400; color: var(--vie-text-primary);
 line-height: 1.28;
 text-align: center;
 display: flex;
 align-items: center;
 justify-content: center;
 overflow: visible;
 isolation: isolate;
 z-index: 2;
 }
 /* 气泡主体与尖角由同一张遮罩一次绘制，避免半透明表面叠色、接缝和浅色模式断层。 */
 .b-msg::before {
 content:"";
 position:absolute;
 inset:0 0 -8px;
 z-index:0;
 background:var(--bubble-widget-surface);
 filter:drop-shadow(0 4px 6px rgba(0,0,0,.14));
 -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cpath fill='black' d='M16 0H84Q100 0 100 16V68Q100 84 84 84H62L50 100 38 84H16Q0 84 0 68V16Q0 0 16 0Z'/%3E%3C/svg%3E");
 mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cpath fill='black' d='M16 0H84Q100 0 100 16V68Q100 84 84 84H62L50 100 38 84H16Q0 84 0 68V16Q0 0 16 0Z'/%3E%3C/svg%3E");
 -webkit-mask-position:center;
 mask-position:center;
 -webkit-mask-repeat:no-repeat;
 mask-repeat:no-repeat;
 -webkit-mask-size:100% 100%;
 mask-size:100% 100%;
 pointer-events:none;
 }
 .b-msg-text {
 position:relative;
 z-index:1;
 display: -webkit-box;
 width: 55px;
 max-width: 55px;
 min-width: 0;
 overflow: hidden;
 text-overflow: ellipsis;
 white-space: normal;
 word-break: break-all;
 overflow-wrap: anywhere;
 -webkit-box-orient: vertical;
 -webkit-line-clamp: 2;
 line-clamp: 2;
 }


 

 /* ==========================================
 8. 组件图片更换面板
 ========================================== */
 .image-edit-target,
 .p-photo {
 cursor: pointer;
 touch-action: manipulation;
 }
 .image-edit-target.has-custom-image {
 background-repeat: no-repeat;
 background-size: cover;
 background-position: center;
 }
 .p-img.has-custom-image { filter: none; }

 .image-picker-panel {
 position: absolute;
 left: 12px;
 top: 12px;
 z-index: 1000;
 display: none;
 width: min(112px, calc(100% - 20px));
 padding: 7px;
 border: none;
 border-radius: 12px;
 background: var(--vie-page-surface-strong);
 box-shadow: 0 5px 14px rgba(0, 0, 0, 0.13);
 transform-origin: top center;
 touch-action: none;
 will-change: transform;
 }
 .image-picker-panel.is-open { display: block; }
 .image-picker-panel.is-swiping { transition: none; }
 .image-picker-options {
 display: flex;
 flex-direction: column;
 gap: 0;
 }
 .image-picker-option {
 width: 100%;
 min-height: 31px;
 padding: 0 4px;
 border: none;
 border-radius: 0;
 background: transparent;
 box-shadow: none;
 display: flex;
 align-items: center;
 gap: 8px;
 color: var(--vie-text-muted);
 font: inherit;
 font-size:calc(11.5px * var(--vie-font-scale));
 font-weight: 400;
 line-height: 1;
 text-align: left;
 white-space: nowrap;
 cursor: pointer;
 }
 .image-picker-option::before,
 .image-picker-option svg {
 width: 16px;
 height: 16px;
 flex: 0 0 16px;
 fill: #777;
 }
 .image-picker-error {
 min-height: 0;
 margin-top: 2px;
 color: #b34d4d;
 font-size:calc(8.5px * var(--vie-font-scale));
 font-weight: 400;
 line-height: 1.25;
 }
 .image-picker-error:empty { display: none; }
 .image-file-input { display: none; }

 /* ==========================================
 9. 组件文本全局编辑弹窗
 ========================================== */
 .text-edit-target {
 cursor: pointer;
 touch-action: manipulation;
 }
 .global-modal-overlay {
 position: absolute;
 inset: 0;
 z-index: 2000;
 display: none;
 align-items: center;
 justify-content: center;
 padding: 24px;
 background: var(--modal-backdrop-color);
 backdrop-filter: var(--modal-backdrop-filter);
 -webkit-backdrop-filter: var(--modal-backdrop-filter);
 }
 .global-modal-overlay.is-open { display: flex; }
 .global-modal-overlay.is-passive-modal {
 pointer-events: none;
 background: transparent;
 backdrop-filter: none;
 -webkit-backdrop-filter: none;
 }
 .global-modal-overlay.is-passive-modal .global-modal {
 pointer-events: none;
 }
 .global-modal {
 width: min(270px, calc(100% - 32px));
 min-height: 0;
 height: auto;
 padding: 25px 18px 20px;
 border: 0;
 border-radius: 24px;
 background: var(--vie-page-surface-strong);
 box-shadow: var(--modal-surface-shadow);
 display: flex;
 flex-direction: column;
 align-items: center;
 }
 .global-modal [hidden] { display: none; }
 .global-modal-logo {
 display: block;
 width: 29px;
 height: 29px;
 margin-bottom: 12px;
 color: var(--theme-gray);
 fill: currentColor;
 flex: 0 0 auto;
 }
 .global-modal.is-loading-modal .global-modal-logo { animation: globalModalSpin .8s linear infinite; }
 .global-modal.is-loading-modal .global-modal-title { margin-bottom: 10px; }
 .global-modal.is-loading-modal .global-modal-message { margin-top: 0; }
 @keyframes globalModalSpin { to { transform: rotate(360deg); } }
 .global-modal-title {
 width: 100%;
 margin: 0 0 18px;
 color: var(--vie-text-primary);
 font-size:calc(16px * var(--vie-font-scale));
 font-weight: 600;
 line-height: 1.3;
 text-align: center;
 }
 /* 唯一全局输入栏：弹窗与设置子页共用同一结构和样式。 */
 .global-input-row {
 width: 100%;
 min-width: 0;
 display: grid;
 grid-template-columns: 18px minmax(0, 1fr);
 align-items: center;
 column-gap: 10px;
 padding-right: 28px;
 }
 .global-input-icon {
 width: 14px;
 height: 14px;
 justify-self: center;
 color: var(--theme-gray);
 fill: currentColor;
 flex: 0 0 auto;
 }
 .global-input-field {
 width: 100%;
 min-width: 0;
 height: 32px;
 min-height: 32px;
 box-sizing: border-box;
 padding: 0 0 2px;
 border: 0;
 border-bottom: 1px dashed rgba(143, 143, 149, 0.58);
 border-radius: 0;
 outline: 0;
 transition: border-color 0.18s ease;
 background: transparent;
 color: var(--vie-text-primary);
 font: inherit;
 font-size:calc(13px * var(--vie-font-scale));
 line-height: 29px;
 text-align: left;
 user-select: text;
 -webkit-user-select: text;
 box-shadow: none;
 }
 .global-input-field:focus {
 border-bottom-color: var(--theme-gray);
 box-shadow: none;
 }
 .global-input-field::placeholder { color: #b4b4b9; }
 .global-modal-textarea-row {
 width: 100%;
 padding: 0 28px;
 }
 .global-modal-textarea {
 width: 100%;
 height: auto;
 min-height: 136px;
 max-height: 280px;
 resize: vertical;
 padding: 9px 0 5px;
 border-bottom-color: rgba(143, 143, 149, 0.58);
 font-size:calc(13px * var(--vie-font-scale));
 line-height: 1.58;
 }
 .global-modal.is-textarea-modal {
 width: min(330px, calc(100% - 24px));
 }
 .global-modal.is-choice-modal,
 .global-modal.is-range-modal,
 .global-modal.is-colors-modal { width:min(330px,calc(100% - 24px)); }
 .global-modal-fields { width:100%; display:grid; gap:14px; }
 .global-modal-field { display:grid; gap:4px; text-align:left; }
 .global-modal-field > span { padding-left:28px; color:var(--vie-text-secondary); font-size:calc(10px * var(--vie-font-scale)); line-height:14px; font-weight:600; }
 .global-modal-field-control { min-height:38px; }
 .global-modal-field-control i { color:var(--theme-gray); font-size:13px; text-align:center; }
 .global-modal-field-input { height:37px; min-height:37px; line-height:34px; }
 .global-modal-field-control.is-textarea-control { align-items:start; }
 .global-modal-field-control.is-textarea-control i { margin-top:11px; }
 .global-modal-field-input.is-textarea-field { min-height:92px; height:auto; max-height:190px; padding-top:9px; padding-bottom:7px; resize:vertical; line-height:1.5; }
 .global-modal-field-input::placeholder { color:var(--vie-text-muted); }
 .global-modal.is-fields-modal { width:min(330px,calc(100% - 24px)); }
 .global-modal-choice-grid { width:100%; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:9px; }
 .global-modal-choice { min-height:58px; padding:9px 10px; border:.5px solid var(--vie-page-divider); border-radius:13px; color:var(--vie-text-primary); background:var(--vie-page-soft-surface); font:inherit; text-align:left; }
 .global-modal-choice span,.global-modal-choice small { display:block; }
 .global-modal-choice span { font-size:calc(12px * var(--vie-font-scale)); font-weight:600; }
 .global-modal-choice small { margin-top:3px; color:var(--vie-text-muted); font-size:calc(9px * var(--vie-font-scale)); line-height:1.35; }
 .global-modal-choice[aria-pressed="true"] { border-color:var(--theme-gray); box-shadow:0 0 0 1px var(--theme-gray); }
 .global-modal-choice-grid.is-compact { gap:8px; }
 .global-modal-choice-grid.is-compact .global-modal-choice { min-height:40px; display:grid; place-items:center; padding:8px 10px; border-radius:11px; text-align:center; }
 .global-modal-choice-grid.is-compact .global-modal-choice span { font-size:calc(11px * var(--vie-font-scale)); font-weight:550; }
 .global-modal-range { width:100%; margin-top:18px; }
 .global-modal-range-label { display:flex; align-items:center; justify-content:space-between; gap:12px; margin:0 2px 10px; color:var(--vie-text-primary); font-size:calc(11px * var(--vie-font-scale)); font-weight:550; }
 .global-modal-range-label span:last-child { color:var(--vie-text-secondary); font-variant-numeric:tabular-nums; }
 .global-modal-range-control { display:grid; grid-template-columns:minmax(0,1fr) 68px; align-items:center; gap:10px; }
 .global-modal-range-number { height:32px; display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:center; gap:2px; padding:0 7px; border:1px dashed var(--vie-page-divider); border-radius:8px; color:var(--vie-text-muted); background:transparent; }
 .global-modal-range-number input { width:100%; min-width:0; border:0; outline:0; color:var(--vie-text-primary); background:transparent; font:inherit; font-size:calc(10px * var(--vie-font-scale)); text-align:right; font-variant-numeric:tabular-nums; }
 .global-modal-range-number input::-webkit-inner-spin-button,.global-modal-range-number input::-webkit-outer-spin-button { margin:0; -webkit-appearance:none; }
 .global-modal-range-number span { font-size:calc(9px * var(--vie-font-scale)); }
 .global-modal-colors { width:100%; }
 .global-modal-color-list { display:grid; gap:8px; }
 .global-modal-color-row { display:grid; grid-template-columns:42px minmax(0,1fr) 30px; align-items:center; gap:9px; min-height:42px; padding:6px 8px; border:.5px solid var(--vie-page-divider); border-radius:12px; background:var(--vie-page-soft-surface); }
 .global-modal-color-row input[type="color"] { width:34px; height:30px; padding:0; border:0; border-radius:9px; overflow:hidden; background:transparent; }
 .global-modal-color-row span { color:var(--vie-text-secondary); font-size:calc(11px * var(--vie-font-scale)); font-variant-numeric:tabular-nums; }
 .global-modal-color-row button,.global-modal-color-add { border:0; color:var(--vie-text-muted); background:transparent; font:inherit; }
 .global-modal-color-row button:disabled { opacity:.3; }
 .global-modal-color-add { width:100%; min-height:36px; margin-top:9px; border:.5px dashed var(--vie-page-divider); border-radius:11px; font-size:calc(11px * var(--vie-font-scale)); }
 .global-modal-color-add i { margin-right:6px; }

 .global-modal-helper {
 width: calc(100% - 56px);
 min-height: 0;
 margin: 7px 28px 0;
 color: #b34d4d;
 font-size:calc(10.5px * var(--vie-font-scale));
 line-height: 1.35;
 text-align: left;
 }
 .global-modal-helper:empty { display: none; }
 .global-modal-actions {
 width: 100%;
 margin-top: 22px;
 display: grid;
 grid-template-columns: 1fr 1fr;
 gap: 10px;
 }
 .global-modal-button {
 height: 38px;
 padding: 0 14px;
 border: 0;
 border-radius: 999px;
 font: inherit;
 font-size:calc(13px * var(--vie-font-scale));
 font-weight: 500;
 cursor: pointer;
 }
 .global-modal-cancel {
 background: var(--vie-page-soft-surface);
 color: var(--vie-text-secondary);
 }
 .global-modal-confirm {
 background: var(--theme-gray);
 color: #fff;
 }
 .global-modal-message {
 width: 100%;
 margin: -6px 0 0;
 color: var(--vie-text-muted);
 font-size:calc(12px * var(--vie-font-scale));
 line-height: 1.55;
 text-align: center;
 white-space: pre-wrap;
 overflow-wrap: anywhere;
 }
 .global-modal.is-message-modal {
 padding-top: 22px;
 padding-bottom: 20px;
 }
 .global-modal.is-message-modal .global-modal-logo { margin-bottom: 10px; }
 .global-modal.is-message-modal .global-modal-title { margin-bottom: 10px; }
 .global-modal.is-message-modal .global-modal-actions { margin-top: 20px; }
 .global-modal-actions.single { grid-template-columns: 1fr; }
 .global-modal-confirm.is-destructive { background: #d85d59; }

 /* ==========================================
 9. Vie 唯一底部抽屉
 ========================================== */
 .vie-drawer-overlay {
 position: absolute;
 inset: 0;
 z-index: 90;
 display: flex;
 align-items: flex-end;
 justify-content: center;
 overflow: hidden;
 background: var(--modal-backdrop-color);
 backdrop-filter: var(--modal-backdrop-filter);
 -webkit-backdrop-filter: var(--modal-backdrop-filter);
 overscroll-behavior: contain;
 touch-action: pan-y;
 animation: vie-drawer-mask-in .18s ease-out both;
 }
 .vie-drawer-panel {
 width: 100%;
 min-width: 0;
 max-height: min(78%, 620px);
 display: grid;
 grid-template-rows: auto auto minmax(0, 1fr);
 overflow: hidden;
 margin: 0;
 padding: 0 0 max(12px, var(--vie-safe-bottom));
 border: 0;
 border-top: .5px solid rgba(255,255,255,.78);
 border-radius: 24px 24px 0 0;
 background: var(--vie-page-surface-strong);
 box-shadow: 0 -14px 36px rgba(0,0,0,.13), 0 -2px 8px rgba(0,0,0,.05);
 -webkit-backdrop-filter: blur(18px) saturate(122%);
 backdrop-filter: blur(18px) saturate(122%);
 overscroll-behavior: contain;
 touch-action: pan-y;
 animation: vie-drawer-panel-in .28s cubic-bezier(.22,.82,.26,1) both;
 }
 .vie-drawer-handle {
 width: 38px;
 height: 4px;
 justify-self: center;
 margin: 9px 0 3px;
 border-radius: 999px;
 background: rgba(128,128,134,.28);
 }
 .vie-drawer-header {
 min-width: 0;
 padding: 7px 20px 14px;
 text-align: center;
 }
 .vie-drawer-title,
 .vie-drawer-subtitle {
 display: block;
 overflow: hidden;
 text-overflow: ellipsis;
 white-space: nowrap;
 }
 .vie-drawer-title {
 color: var(--vie-text-primary);
 font-size:calc(15px * var(--vie-font-scale));
 line-height: 20px;
 font-weight: 600;
 }
 .vie-drawer-subtitle {
 margin-top: 3px;
 color: var(--vie-text-muted);
 font-size:calc(10px * var(--vie-font-scale));
 line-height: 14px;
 font-weight: 400;
 }
 @keyframes vie-drawer-mask-in {
 from { opacity: 0; }
 to { opacity: 1; }
 }
 @keyframes vie-drawer-panel-in {
 from { transform: translate3d(0, 100%, 0); }
 to { transform: translate3d(0, 0, 0); }
 }
 @media (prefers-reduced-motion: reduce) {
 .vie-drawer-overlay,
 .vie-drawer-panel { animation: none; }
 }

 /* ==========================================
 10. 全局应用页面主层
 ========================================== */
 .vie-global-app {
 position: absolute;
 inset: 0;
 width: auto;
 height: auto;
 min-width: 0;
 min-height: 0;
 max-width: none;
 max-height: none;
 z-index: 60;
 display: flex;
 flex-direction: column;
 overflow: hidden;
 isolation: isolate;
 color: var(--vie-text-primary);
 background: transparent;
 visibility: hidden;
 pointer-events: none;
 transform: translate3d(100%, 0, 0);
 transition: transform 0.42s cubic-bezier(0.22, 0.82, 0.26, 1), visibility 0s linear 0.42s;
 }
 .vie-global-app.is-open {
 visibility: visible;
 pointer-events: auto;
 transform: translate3d(0, 0, 0);
 transition-delay: 0s;
 }
 .vie-global-app [hidden] { display: none; }
 .vie-music-shell {
 position: relative;
 z-index: 1;
 flex: 1 1 auto;
 width: 100%;
 min-width: 0;
 min-height: 0;
 overflow: hidden;
 padding: 0 var(--app-inline-inset) calc(30px + var(--vie-safe-bottom));
 }
 .vie-music-navbar { margin-bottom: 0; }
 .screen,
 .search-pill,
 .pagination,
 .dock {
 transition: opacity .22s ease, visibility 0s linear 0s;
 }
 .vie-viewport.global-page-open .vie-stage > .screen,
 .vie-viewport.global-page-open .vie-stage > .search-pill,
 .vie-viewport.global-page-open .vie-stage > .pagination,
 .vie-viewport.global-page-open .vie-stage > .dock {
 opacity: 0;
 visibility: hidden;
 pointer-events: none;
 transition: opacity .22s ease, visibility 0s linear .22s;
 }
 .vie-app-navbar {
 position: relative;
 z-index: 2;
 height: var(--app-navbar-height);
 min-height: var(--app-navbar-height);
 flex: 0 0 var(--app-navbar-height);
 display: flex;
 align-items: center;
 justify-content: space-between;
 gap: 10px;
 margin: 0 0 14px;
 padding-top: var(--app-page-top-inset);
 }
 .vie-app-nav-leading {
 min-width: 0;
 min-height: 42px;
 display: inline-flex;
 align-items: center;
 gap: 9px;
 padding: 0 2px;
 border: 0;
 outline: 0;
 color: var(--vie-text-primary);
 background: transparent;
 appearance: none;
 -webkit-appearance: none;
 font: inherit;
 font-size: var(--vie-nav-title-size);
 line-height: var(--vie-nav-title-line-height);
 font-weight: 600;
 font-synthesis: none;
 letter-spacing: -.2px;
 text-align: left;
 cursor: pointer;
 touch-action: manipulation;
 }
 .vie-app-nav-leading svg {
 width: var(--vie-nav-leading-icon-size);
 height: var(--vie-nav-leading-icon-size);
 flex: 0 0 auto;
 color: var(--vie-nav-icon-color);
 fill: none;
 stroke: currentColor;
 stroke-width: 1.6;
 stroke-linecap: round;
 stroke-linejoin: round;
 opacity: .9;
 }
 .vie-app-nav-leading > span:not(.wechat-title-stack) {
 min-width: 0;
 display:block;
 padding-block:3px 4px;
 overflow: hidden;
 text-overflow: ellipsis;
 white-space: nowrap;
 }
 .vie-app-nav-leading:focus-visible,
 .vie-app-nav-icon:focus-visible,
 .vie-app-nav-text:focus-visible {
 outline: 0;
 border-radius: 10px;
 box-shadow: 0 0 0 3px rgba(203,203,203,.30);
 }
 .vie-app-nav-actions {
 min-width: 0;
 flex: 0 0 auto;
 display: flex;
 align-items: center;
 justify-content: flex-end;
 gap: 0;
 }
 .vie-app-nav-icon {
 width: var(--vie-nav-action-hit-size);
 height: var(--app-navbar-control-height);
 display: grid;
 place-items: center;
 flex: 0 0 auto;
 padding: 0;
 border: 0;
 color: var(--vie-nav-icon-color);
 background: transparent;
 cursor: pointer;
 touch-action: manipulation;
 }
 .vie-app-nav-icon svg {
 width: var(--vie-nav-action-icon-size);
 height: var(--vie-nav-action-icon-size);
 display: block;
 fill: currentColor;
 }
 .vie-app-nav-text {
 min-height: 38px;
 padding: 0 4px 0 10px;
 border: 0;
 color: var(--vie-nav-icon-color);
 background: transparent;
 font: inherit;
 font-size:calc(14px * var(--vie-font-scale));
 line-height: 1;
 font-weight: 600;
 cursor: pointer;
 touch-action: manipulation;
 }
 .vie-global-page-group {
 overflow: hidden;
 margin: 0 0 16px;
 border: .5px solid var(--vie-page-divider-soft);
 border-radius: 14px;
 background: var(--vie-page-surface-strong);
 box-shadow: 0 7px 20px rgba(0,0,0,.055), 0 2px 5px rgba(0,0,0,.035);
 -webkit-backdrop-filter: blur(10px) saturate(120%);
 backdrop-filter: blur(10px) saturate(120%);
 }
 .vie-data-status {
 min-height: 48px;
 display: grid;
 grid-template-columns: 28px minmax(0, 1fr) auto;
 align-items: center;
 gap: 9px;
 margin: 0 0 14px;
 padding: 8px 10px;
 border: .5px solid rgba(203,203,203,.35);
 border-radius: 12px;
 background: var(--vie-page-surface);
 box-shadow: 0 5px 16px rgba(0,0,0,.04);
 }
 .vie-data-status-icon {
 width: 28px;
 height: 28px;
 display: grid;
 place-items: center;
 border-radius: 8px;
 color: #fff;
 background: var(--logo-color);
 }
 .vie-data-status-icon svg { width: 13px; height: 13px; fill: currentColor; }
 .vie-data-status-copy { min-width: 0; }
 .vie-data-status-copy strong,
 .vie-data-status-copy small { display: block; }
 .vie-data-status-copy strong { color: var(--vie-text-secondary); font-size:calc(11px * var(--vie-font-scale)); line-height: 15px; font-weight: 500; }
 .vie-data-status-copy small {
 overflow: hidden;
 margin-top: 1px;
 color: var(--vie-text-muted);
 font-size:calc(9px * var(--vie-font-scale));
 line-height: 13px;
 text-overflow: ellipsis;
 white-space: nowrap;
 }
 .vie-data-status button {
 min-height: 28px;
 padding: 0 9px;
 border: 0;
 border-radius: 8px;
 color: var(--vie-text-muted);
 background: rgba(238,238,239,.92);
 font: inherit;
 font-size:calc(9px * var(--vie-font-scale));
 cursor: pointer;
 touch-action: manipulation;
 }

 /* ==========================================
 10. 主题 APP
 唯一配置源同时控制显示、壁纸、图标、字体、页面与悬浮球。
 ========================================== */
 .theme-scroll { position:relative; z-index:1; flex:1 1 auto; width:100%; min-width:0; min-height:0; overflow-x:hidden; overflow-y:auto; overscroll-behavior:contain; -webkit-overflow-scrolling:touch; padding:0 var(--app-inline-inset) calc(30px + var(--vie-safe-bottom)); }
 .theme-navbar { margin-bottom:14px; }
 .theme-navbar .vie-app-nav-leading > i { width:18px; color:var(--vie-nav-icon-color); text-align:center; }
 .theme-view { width:100%; min-width:0; }
 .theme-group { margin-bottom:18px; }
 .theme-row,.theme-list-row,.theme-export-row { position:relative; width:100%; min-height:58px; display:flex; align-items:center; gap:12px; padding:9px 14px; border:0; color:var(--vie-text-primary); background:transparent; font:inherit; text-align:left; }
 .theme-list-row { cursor:pointer; }
 .theme-row + .theme-row::before,.theme-list-row + .theme-list-row::before,.theme-export-row + .theme-list-row::before,.theme-row + .theme-list-row::before { content:""; position:absolute; top:0; right:14px; left:58px; height:.5px; background:var(--vie-page-divider); }
 .theme-row-icon { width:32px; height:32px; flex:0 0 auto; display:grid; place-items:center; border-radius:8px; color:#fff; background:var(--logo-color); }
 .theme-row-icon i { font-size:15px; }
 .theme-row-copy { min-width:0; flex:1; display:block; }
 .theme-row-copy strong,.theme-row-copy small { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
 .theme-row-copy strong { font-size:calc(14px * var(--vie-font-scale)); line-height:20px; font-weight:500; }
 .theme-row-copy small { margin-top:2px; color:var(--vie-text-muted); font-size:calc(10px * var(--vie-font-scale)); line-height:14px; }
 .theme-switch { position:relative; width:49px; height:29px; flex:0 0 auto; border:0; background:transparent; cursor:pointer; }
 .theme-switch::before { content:""; position:absolute; left:5px; right:5px; top:50%; height:2px; border-radius:999px; background:var(--vie-control-track); transform:translateY(-50%); transition:background .2s ease; }
 .theme-switch::after { content:""; position:absolute; top:5px; left:2px; width:20px; height:18px; background:var(--vie-control-thumb); -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 576 512'%3E%3Cpath d='M316.9 18C311.6 7.1 300.5 0 288.3 0s-23.4 7.1-28.7 18L195 150.3 51.4 171.5c-12 1.8-22 10.2-25.7 21.7s-.7 24.2 7.9 32.7L137.8 328.7 113.2 474c-2 12 3 24.2 12.9 31.3s23 8 33.8 2.3l128.4-68.5 128.4 68.5c10.8 5.7 23.9 4.9 33.8-2.3s14.9-19.3 12.9-31.3L438.8 328.7 543 225.9c8.6-8.5 11.7-21.2 7.9-32.7s-13.7-19.9-25.7-21.7L381.6 150.3 316.9 18z'/%3E%3C/svg%3E") center/contain no-repeat; mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 576 512'%3E%3Cpath d='M316.9 18C311.6 7.1 300.5 0 288.3 0s-23.4 7.1-28.7 18L195 150.3 51.4 171.5c-12 1.8-22 10.2-25.7 21.7s-.7 24.2 7.9 32.7L137.8 328.7 113.2 474c-2 12 3 24.2 12.9 31.3s23 8 33.8 2.3l128.4-68.5 128.4 68.5c10.8 5.7 23.9 4.9 33.8-2.3s14.9-19.3 12.9-31.3L438.8 328.7 543 225.9c8.6-8.5 11.7-21.2 7.9-32.7s-13.7-19.9-25.7-21.7L381.6 150.3 316.9 18z'/%3E%3C/svg%3E") center/contain no-repeat; transition:transform .2s ease,background .2s ease; }
 .theme-switch[aria-checked="true"]::before { background:var(--logo-color); opacity:.7; }
 .theme-switch[aria-checked="true"]::after { background:var(--logo-color); transform:translateX(25px); }
 .theme-export-actions { display:inline-flex; gap:7px; }
 .theme-export-actions button { min-width:48px; height:30px; border:.5px solid var(--vie-page-divider); border-radius:9px; color:var(--vie-text-secondary); background:var(--vie-page-soft-surface); font:inherit; font-size:calc(10px * var(--vie-font-scale)); font-weight:600; }
 .theme-list-row.is-danger .theme-row-copy strong { color:#d85d59; }
 .theme-detail-card { overflow:hidden; margin-bottom:17px; border:.5px solid var(--vie-page-divider-soft); border-radius:14px; background:var(--vie-page-surface-strong); box-shadow:0 7px 20px rgba(0,0,0,.055); }
 .theme-detail-actions { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; margin-bottom:17px; }
 .theme-detail-button { min-height:46px; border:.5px solid var(--vie-page-divider-soft); border-radius:13px; color:var(--vie-text-primary); background:var(--vie-page-surface-strong); font:inherit; font-size:calc(13px * var(--vie-font-scale)); }
 .theme-detail-button i { margin-right:7px; color:var(--logo-color); }
 .theme-detail-button.is-danger { color:#d85d59; }
 .theme-wallpaper-detail-preview { width:100%; aspect-ratio:4/5; display:grid; place-items:center; background-color:var(--vie-base-background); background-image:var(--theme-wallpaper-preview); background-position:center; background-size:cover; background-repeat:no-repeat; }
 .theme-wallpaper-detail-preview span { color:var(--vie-text-muted); font-size:calc(12px * var(--vie-font-scale)); }
 .theme-wallpaper-detail-preview.has-image span { display:none; }
 .theme-decoration-card { overflow:visible; }
 .theme-decoration-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:9px; padding:12px; border-top:.5px solid var(--vie-page-divider); }
 .theme-decoration-choice { min-height:92px; display:grid; grid-template-rows:58px auto; place-items:center; gap:7px; padding:8px; border:.5px solid var(--vie-page-divider-soft); border-radius:13px; color:var(--vie-text-secondary); background:var(--vie-page-surface); font:inherit; font-size:calc(11px * var(--vie-font-scale)); }
 .theme-decoration-choice[aria-pressed="true"] { border-color:var(--logo-color); color:var(--logo-color); box-shadow:0 0 0 1px var(--logo-color); }
 .theme-decoration-sample { position:relative; width:100%; height:58px; overflow:hidden; border-radius:10px; background:var(--vie-page-soft-surface); }
 .theme-decoration-sample-grid { position:absolute; inset:-18%; display:grid; grid-template-columns:repeat(3,1fr); grid-template-rows:repeat(3,1fr); place-items:center; transform:rotate(var(--decoration-choice-rotation)); transform-origin:center; }
 .theme-decoration-preview-tile { position:relative; width:10px; height:10px; display:block; color:var(--logo-color); background:currentColor; }
 .theme-decoration-preview-tile.is-star { -webkit-clip-path:polygon(50% 0%,61.8% 35.4%,100% 38.2%,69.1% 59%,79.4% 100%,50% 76%,20.6% 100%,30.9% 59%,0% 38.2%,38.2% 35.4%); clip-path:polygon(50% 0%,61.8% 35.4%,100% 38.2%,69.1% 59%,79.4% 100%,50% 76%,20.6% 100%,30.9% 59%,0% 38.2%,38.2% 35.4%); }
 .theme-decoration-preview-tile.is-heart { width:8px; height:8px; border-radius:18% 0 18% 0; transform:rotate(-45deg); }
 .theme-decoration-preview-tile.is-heart::before,.theme-decoration-preview-tile.is-heart::after { content:""; position:absolute; width:100%; height:100%; border-radius:50%; background:currentColor; }
 .theme-decoration-preview-tile.is-heart::before { top:-50%; left:0; }
 .theme-decoration-preview-tile.is-heart::after { top:0; left:50%; }
 .theme-decoration-preview-tile.is-dot { border-radius:50%; }
 .theme-decoration-preview-tile.is-custom { border-radius:3px; background-color:transparent; background-image:var(--decoration-choice-image); background-position:center; background-repeat:no-repeat; background-size:contain; }
 .theme-decoration-preview-tile.is-custom::before { content:"+"; position:absolute; inset:0; display:grid; place-items:center; color:var(--vie-text-muted); font-size:10px; font-style:normal; }
 .theme-decoration-choice[style*="--decoration-choice-image:url"] .theme-decoration-preview-tile.is-custom::before { content:""; }

 .theme-decoration-upload { width:100%; min-height:62px; display:grid; grid-template-columns:38px minmax(0,1fr) 16px; align-items:center; gap:10px; padding:10px 12px; border:0; border-top:.5px solid var(--vie-page-divider); color:var(--vie-text-primary); background:transparent; font:inherit; text-align:left; }
 .theme-decoration-upload-preview { width:38px; height:38px; display:grid; place-items:center; overflow:hidden; border-radius:10px; color:var(--vie-text-muted); background:var(--vie-page-soft-surface); background-image:var(--decoration-upload-image); background-position:center; background-repeat:no-repeat; background-size:contain; }
 .theme-decoration-upload-preview.has-image i { opacity:0; }
 .theme-decoration-upload strong,.theme-decoration-upload small { display:block; }
 .theme-decoration-upload strong { font-size:calc(12px * var(--vie-font-scale)); font-weight:550; }
 .theme-decoration-upload small { margin-top:2px; color:var(--vie-text-muted); font-size:calc(9px * var(--vie-font-scale)); }
 .theme-decoration-upload > i { color:var(--vie-text-muted); font-size:10px; }
 .theme-decoration-actions { grid-template-columns:minmax(0,1fr) minmax(0,1fr); }
 .theme-tone-grid,.theme-style-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; padding:12px; }
 .theme-tone-choice,.theme-style-choice { min-height:52px; display:flex; align-items:center; gap:9px; padding:9px; border:.5px solid var(--vie-page-divider-soft); border-radius:12px; color:var(--vie-text-primary); background:var(--vie-page-surface); font:inherit; font-size:calc(12px * var(--vie-font-scale)); text-align:left; }
 .theme-tone-choice span { width:26px; height:26px; flex:0 0 auto; border:3px solid rgba(255,255,255,.88); border-radius:50%; background:var(--tone); box-shadow:0 0 0 .5px rgba(100,100,108,.3); }
 .theme-tone-custom { position:relative; cursor:pointer; }
 .theme-tone-custom input { position:absolute; inset:0; width:100%; height:100%; margin:0; opacity:0; cursor:pointer; pointer-events:auto; }
 .theme-tone-choice[aria-pressed="true"],.theme-style-choice[aria-pressed="true"] { border-color:var(--logo-color); box-shadow:0 0 0 1px var(--logo-color); }
 .theme-icon-master-card { overflow:visible; }
 .theme-icon-master-row { min-height:92px; display:grid; grid-template-columns:46px minmax(0,1fr) 82px; align-items:center; gap:11px; padding:12px; }
 .theme-icon-master-symbol { width:46px; height:46px; display:grid; place-items:center; border-radius:13px; color:#fff; background:var(--logo-color); box-shadow:var(--app-icon-shadow); }
 .theme-icon-master-copy { min-width:0; }
 .theme-icon-master-copy strong,.theme-icon-master-copy small { display:block; }
 .theme-icon-master-copy strong { font-size:calc(13px * var(--vie-font-scale)); font-weight:550; }
 .theme-icon-master-copy small { margin-top:3px; color:var(--vie-text-muted); font-size:calc(9px * var(--vie-font-scale)); line-height:1.35; }
 .theme-icon-list { overflow:visible; }
 .theme-icon-edit-row { min-height:98px; display:grid; grid-template-columns:minmax(0,1fr) 82px; align-items:center; gap:12px; padding:12px; }
 .theme-icon-edit-row + .theme-icon-edit-row { border-top:.5px solid var(--vie-page-divider); }
 .theme-icon-edit-main { min-width:0; display:grid; grid-template-columns:64px minmax(0,1fr); align-items:center; gap:12px; }
 .theme-icon-preview-stage { width:64px; min-width:64px; display:grid; justify-items:center; gap:5px; }
 .theme-icon-preview-stage small { color:var(--vie-text-muted); font-size:calc(8px * var(--vie-font-scale)); line-height:1; white-space:nowrap; }
 .theme-icon-row-preview { width:52px; height:52px; flex:0 0 52px; border-radius:calc(var(--radius-icon) * .8); }
 .theme-icon-row-preview .fa-icon,.theme-icon-row-preview .vie-music-fa-icon { width:24px; height:24px; flex-basis:24px; font-size:24px; }
 .theme-icon-name { min-width:0; display:block; }
 .theme-icon-name span { display:block; margin-bottom:5px; color:var(--vie-text-muted); font-size:calc(9px * var(--vie-font-scale)); }
 .theme-icon-name input { width:100%; min-width:0; height:34px; padding:0; border:0; border-bottom:1px dashed var(--vie-page-divider); border-radius:0; outline:0; color:var(--vie-text-primary); background:transparent; font:inherit; font-size:calc(12px * var(--vie-font-scale)); }
 .theme-icon-actions { width:82px; display:grid; grid-template-columns:repeat(2,36px); grid-auto-rows:36px; align-items:center; justify-content:end; gap:7px; margin:0; }
 .theme-icon-actions.is-master { width:82px; }
 .theme-icon-actions button { width:36px; height:36px; min-width:36px; min-height:36px; display:grid; place-items:center; padding:0; border:.5px solid var(--vie-page-divider-soft); border-radius:11px; color:var(--vie-text-secondary); background:var(--vie-page-soft-surface); box-shadow:none; font:inherit; touch-action:manipulation; }
 .theme-icon-actions button i { color:currentColor; font-size:13px; line-height:1; }
 .theme-icon-actions button[data-icon-action="reset"] { color:#d85d59; }
 .theme-icon-actions button:active { transform:scale(.94); opacity:.76; }
 .theme-icon-actions button:focus-visible { outline:1px dashed var(--logo-color); outline-offset:2px; }

 .theme-font-preview-panel { padding:20px 16px; text-align:center; }
 .theme-font-preview-panel strong { display:block; font-family:var(--font-preview-family,var(--vie-font-family)); font-size:calc(20px * var(--vie-font-scale)); font-weight:600; }
 .theme-font-preview-panel p { margin:13px 0 7px; color:var(--vie-text-primary); font-family:var(--font-preview-family,var(--vie-font-family)); font-size:calc(15px * var(--vie-font-scale)); line-height:1.65; }
 .theme-font-preview-panel small { color:var(--vie-text-muted); font-family:var(--font-preview-family,var(--vie-font-family)); font-size:calc(10px * var(--vie-font-scale)); }
 .theme-font-preview-panel em { display:block; margin-top:10px; color:var(--logo-color); font-size:calc(10px * var(--vie-font-scale)); font-style:normal; }
 .theme-custom-font-row { display:grid; grid-template-columns:minmax(0,1fr) 42px; align-items:stretch; }
 .theme-custom-font-row + .theme-custom-font-row { border-top:.5px solid var(--vie-page-divider); }
 .theme-custom-font-row .theme-font-choice + .theme-custom-font-delete { border-left:.5px solid var(--vie-page-divider); }
 .theme-custom-font-delete { border:0; color:#d85d59; background:transparent; }
 .theme-font-empty { margin:0; padding:24px 16px; color:var(--vie-text-muted); font-size:calc(12px * var(--vie-font-scale)); text-align:center; }
 .theme-font-apply { width:100%; min-height:48px; margin-bottom:18px; border:0; border-radius:14px; color:#fff; background:var(--logo-color); font:inherit; font-size:calc(13px * var(--vie-font-scale)); font-weight:650; box-shadow:0 8px 20px color-mix(in srgb,var(--logo-color) 24%,transparent); }
 .theme-font-apply i { margin-right:7px; }
 .theme-font-apply:disabled { opacity:.42; box-shadow:none; }
 .theme-font-list { padding:6px 0; }
 .theme-font-choice { width:100%; min-height:68px; display:grid; grid-template-columns:minmax(92px,.8fr) minmax(0,1.2fr); align-items:center; gap:10px; padding:10px 13px; border:0; color:var(--vie-text-primary); background:transparent; font:inherit; text-align:left; }
 .theme-font-choice + .theme-font-choice { border-top:.5px solid var(--vie-page-divider); }
 .theme-font-choice span strong,.theme-font-choice span small { display:block; }
 .theme-font-choice span strong { font-size:calc(12px * var(--vie-font-scale)); font-weight:550; }
 .theme-font-choice span small { margin-top:3px; color:var(--vie-text-muted); font-size:calc(9px * var(--vie-font-scale)); }
 .theme-font-choice b { overflow:hidden; color:var(--vie-text-secondary); font-family:var(--font-choice-family); font-size:calc(13px * var(--vie-font-scale)); font-weight:400; text-align:right; text-overflow:ellipsis; white-space:nowrap; }
 .theme-font-choice[aria-pressed="true"] { background:color-mix(in srgb,var(--logo-color) 12%,transparent); }
 .theme-font-choice[aria-pressed="true"] span strong { color:var(--logo-color); }
 .theme-range-row { padding:13px 14px; }
 .theme-range-row + .theme-range-row { border-top:.5px solid var(--vie-page-divider); }
 .theme-range-row > label { display:flex; justify-content:space-between; margin-bottom:10px; font-size:calc(13px * var(--vie-font-scale)); }
 .theme-range-control { display:grid; grid-template-columns:minmax(0,1fr) 68px; align-items:center; gap:10px; }
 .theme-range-number { height:30px; display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:center; gap:2px; padding:0 7px; border:1px dashed var(--vie-page-divider); border-radius:8px; color:var(--vie-text-muted); background:transparent; }
 .theme-range-number input { width:100%; min-width:0; padding:0; border:0; outline:0; color:var(--vie-text-primary); background:transparent; font:inherit; font-size:calc(11px * var(--vie-font-scale)); text-align:right; appearance:textfield; }
 .theme-range-number input::-webkit-inner-spin-button,.theme-range-number input::-webkit-outer-spin-button { margin:0; appearance:none; }
 .theme-range-number span { font-size:calc(9px * var(--vie-font-scale)); }
 .theme-scale-note { margin:0; padding:0 14px 14px; color:var(--vie-text-muted); font-size:calc(10px * var(--vie-font-scale)); line-height:1.55; }
 .theme-floating-icon-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:8px; padding:12px; }
 .theme-floating-icon-choice { aspect-ratio:1; display:grid; place-items:center; padding:8px; border:.5px solid var(--vie-page-divider-soft); border-radius:12px; background:var(--vie-page-surface); }
 .theme-floating-icon-choice img { width:100%; height:100%; object-fit:contain; pointer-events:none; }
 .theme-floating-icon-choice[aria-pressed="true"] { border-color:var(--logo-color); box-shadow:0 0 0 1px var(--logo-color); }
 .vie-floating-ball { position:absolute; z-index:900; width:50px; height:50px; display:grid; place-items:center; padding:0; border:0; border-radius:0; color:inherit; background:transparent; box-shadow:none; touch-action:none; cursor:grab; overflow:visible; }
 .vie-floating-ball[aria-grabbed="true"] { cursor:grabbing; }
 .vie-floating-ball[hidden] { display:none; }
 .vie-floating-ball-shell { position:absolute; inset:0; z-index:0; border-radius:var(--floating-shell-radius,22%); opacity:var(--floating-shell-opacity,.72); pointer-events:none; }
 .vie-floating-ball[data-shell-texture="flat"] .vie-floating-ball-shell { border:0; background:var(--vie-page-surface-strong); box-shadow:0 7px 18px rgba(0,0,0,.14); }
 .vie-floating-ball[data-shell-texture="frosted"] .vie-floating-ball-shell { border:1px solid var(--vie-input-glass-border); background:var(--vie-input-glass-surface); box-shadow:var(--vie-input-glass-shadow); -webkit-backdrop-filter:blur(12px) saturate(0); backdrop-filter:blur(12px) saturate(0); }
 .vie-floating-ball[data-shell-texture="translucent"] .vie-floating-ball-shell { border:.5px solid rgba(255,255,255,.34); background:rgba(255,255,255,.13); box-shadow:0 6px 16px rgba(0,0,0,.08); -webkit-backdrop-filter:blur(8px) saturate(70%); backdrop-filter:blur(8px) saturate(70%); }
 .vie-floating-ball img { position:relative; z-index:1; width:78%; height:78%; display:block; object-fit:contain; opacity:var(--floating-icon-opacity,.92); pointer-events:none; user-select:none; -webkit-user-drag:none; filter:drop-shadow(0 4px 7px rgba(0,0,0,.14)); }
 :root.theme-dark .vie-floating-ball img { filter:invert(1) drop-shadow(0 4px 7px rgba(0,0,0,.25)); }

 .vie-floating-panel { position:absolute; z-index:899; width:min(296px,calc(100% - 16px)); max-height:min(520px,calc(100% - 16px)); overflow:auto; overscroll-behavior:contain; padding:12px; border:.5px solid rgba(255,255,255,.66); border-radius:18px; color:var(--vie-text-primary); background:color-mix(in srgb,var(--vie-page-surface-strong) 92%,transparent); box-shadow:0 15px 34px rgba(0,0,0,.16); -webkit-backdrop-filter:blur(18px) saturate(130%); backdrop-filter:blur(18px) saturate(130%); }
 .vie-floating-panel[hidden] { display:none; }
 .vie-floating-panel-head { position:sticky; top:-12px; z-index:3; display:flex; align-items:center; justify-content:space-between; gap:8px; margin:-12px -12px 10px; padding:12px 12px 7px; background:inherit; }
 .vie-floating-panel-head strong { font-size:calc(13px * var(--vie-font-scale)); line-height:20px; }
 .vie-floating-panel-head button { width:28px; height:28px; border:0; color:var(--vie-text-muted); background:transparent; }
 .vie-floating-panel-actions { display:grid; grid-template-columns:1fr 1fr; gap:8px; margin:0 0 10px; }
 .vie-floating-panel-actions button { min-height:39px; border:0; border-radius:11px; color:var(--vie-text-primary); background:var(--vie-page-soft-surface); font:inherit; font-size:calc(10px * var(--vie-font-scale)); }
 .vie-floating-panel-actions button.is-active { color:#fff; background:#4a4a50; }
 .vie-floating-panel-actions i { margin-right:5px; color:currentColor; }
 .vie-floating-view { display:none; }
 .vie-floating-view.is-active { display:block; }
 .vie-floating-chat { min-height:150px; max-height:245px; overflow:auto; display:flex; flex-direction:column; gap:7px; padding:9px; border:.5px solid var(--vie-page-divider-soft); border-radius:13px; background:color-mix(in srgb,var(--vie-page-soft-surface) 76%,transparent); }
 .vie-floating-chat-placeholder { margin:auto; max-width:190px; color:var(--vie-text-muted); font-size:calc(9px * var(--vie-font-scale)); line-height:1.5; text-align:center; }
 .vie-floating-chat-bubble { max-width:88%; padding:7px 9px; border-radius:11px; white-space:pre-wrap; overflow-wrap:anywhere; font-size:calc(10px * var(--vie-font-scale)); line-height:1.5; }
 .vie-floating-chat-bubble.is-user { align-self:flex-end; color:#fff; background:#4a4a50; }
 .vie-floating-chat-bubble.is-assistant { align-self:flex-start; background:var(--vie-page-surface-strong); }
 .vie-floating-assistant-field { min-height:62px; display:grid; grid-template-columns:minmax(0,1fr) 38px; align-items:end; gap:7px; margin-top:8px; padding:7px; border:1px dashed var(--vie-page-divider); border-radius:12px; }
 .vie-floating-assistant-field textarea { width:100%; min-height:48px; max-height:120px; resize:vertical; border:0; outline:0; color:var(--vie-text-primary); background:transparent; font:inherit; font-size:calc(10px * var(--vie-font-scale)); line-height:1.5; user-select:text; }
 .vie-floating-assistant-field button { width:36px; height:36px; border:0; border-radius:10px; color:#fff; background:#4a4a50; }
 .vie-floating-api-field { display:grid; gap:5px; margin-top:8px; color:var(--vie-text-muted); font-size:calc(9px * var(--vie-font-scale)); }
 .vie-floating-api-field > span { display:flex; justify-content:space-between; align-items:center; }
 .vie-floating-api-field input:not([type="range"]),.vie-floating-api-field select { width:100%; height:35px; padding:0 9px; border:1px dashed var(--vie-page-divider); border-radius:9px; color:var(--vie-text-primary); background:transparent; font:inherit; font-size:calc(10px * var(--vie-font-scale)); user-select:text; }
 .vie-floating-api-save { width:100%; min-height:40px; margin-top:11px; border:0; border-radius:11px; color:#fff; background:#4a4a50; font:inherit; font-size:calc(10px * var(--vie-font-scale)); }
 .vie-floating-api-save i { margin-right:6px; }
 .vie-floating-panel-status { min-height:14px; margin:8px 2px 0; color:var(--vie-text-muted); font-size:calc(9px * var(--vie-font-scale)); line-height:14px; }
 .vie-floating-panel-status.is-error { color:#d85d59; }
 .vie-viewport[data-page-style="glass"] { --vie-page-surface:rgba(255,255,255,.64); --vie-page-surface-strong:rgba(255,255,255,.74); --vie-page-soft-surface:rgba(235,235,239,.62); }
 .theme-dark .vie-viewport[data-page-style="glass"] { --vie-page-surface:rgba(38,38,43,.68); --vie-page-surface-strong:rgba(35,35,40,.78); --vie-page-soft-surface:rgba(50,50,56,.62); }
 .vie-viewport[data-page-style="solid"] { --vie-page-surface:#fff; --vie-page-surface-strong:#fff; --vie-page-soft-surface:#eeeeF1; }
 .theme-dark .vie-viewport[data-page-style="solid"] { --vie-page-surface:#242428; --vie-page-surface-strong:#202024; --vie-page-soft-surface:#303036; }
 .theme-vie-rules { display:grid; grid-template-columns:repeat(auto-fit,minmax(118px,1fr)); gap:9px; margin-bottom:16px; }
 .theme-vie-rule { min-height:44px; display:flex; align-items:center; justify-content:center; padding:9px 12px; border:.5px solid var(--vie-page-divider-soft); border-radius:12px; color:var(--vie-text-primary); background:var(--vie-page-surface-strong); box-shadow:0 4px 12px rgba(0,0,0,.035); font:600 calc(10px * var(--vie-font-scale))/1.25 var(--vie-font-family); text-align:center; white-space:normal; overflow-wrap:anywhere; }
 .theme-vie-rule:active { transform:scale(.98); }
 .theme-developer-editor { padding:12px; background:var(--vie-page-surface-strong); }
 .theme-developer-editor textarea { width:100%; min-height:240px; display:block; padding:12px; resize:vertical; border:1px dashed var(--vie-page-divider); border-radius:12px; outline:0; color:var(--vie-text-primary); background:var(--vie-page-soft-surface); font:500 calc(11px * var(--vie-font-scale))/1.65 ui-monospace,SFMono-Regular,Consolas,monospace; user-select:text; tab-size:2; }
 .theme-developer-editor textarea:focus { border-color:var(--logo-color); box-shadow:0 0 0 2px color-mix(in srgb,var(--logo-color) 18%,transparent); }
 .theme-developer-editor p { margin:9px 2px 0; color:var(--vie-text-muted); font-size:calc(9px * var(--vie-font-scale)); line-height:1.55; }
 :root.theme-dark .theme-vie-rule { background:var(--vie-page-surface-strong); }
 :root.theme-dark .theme-developer-editor textarea { background:var(--vie-page-soft-surface); }

 @media (max-width:390px) {
 .theme-icon-master-row { grid-template-columns:42px minmax(0,1fr) 76px; gap:9px; padding:10px; }
 .theme-icon-master-copy small { display:none; }
 .theme-icon-edit-row { grid-template-columns:minmax(0,1fr) 76px; gap:9px; padding:10px; }
 .theme-icon-edit-main { grid-template-columns:58px minmax(0,1fr); gap:9px; }
 .theme-icon-preview-stage { width:58px; min-width:58px; }
 .theme-icon-row-preview { width:48px; height:48px; flex-basis:48px; }
 .theme-icon-actions,.theme-icon-actions.is-master { width:76px; grid-template-columns:repeat(2,34px); grid-auto-rows:34px; gap:6px; }
 .theme-icon-actions button { width:34px; height:34px; min-width:34px; min-height:34px; }
 .theme-vie-rules { grid-template-columns:repeat(2,minmax(0,1fr)); }
 }


 /* ==========================================
 10. 设置 APP 内容
 设置页只保留内容样式；全屏定位、显隐和转场统一由 .vie-global-app 管理。
 ========================================== */
 .settings-page-heading { margin-bottom: 14px; }
 .settings-main-title { max-width: 100%; }
 .settings-scroll {
 position: relative;
 z-index: 1;
 flex: 1 1 auto;
 width: 100%;
 min-width: 0;
 min-height: 0;
 overflow-y: auto;
 overflow-x: hidden;
 overscroll-behavior: contain;
 -webkit-overflow-scrolling: touch;
 padding: 0 var(--app-inline-inset) calc(30px + var(--vie-safe-bottom));
 }
 .settings-view[hidden] { display: none; }
 .settings-group,
 .settings-form-group,
 .settings-action-group {
 border: .5px solid rgba(203,203,203,.28);
 background: var(--vie-page-surface-strong);
 box-shadow: 0 7px 20px rgba(0,0,0,.055), 0 2px 5px rgba(0,0,0,.035);
 -webkit-backdrop-filter: blur(10px) saturate(120%);
 backdrop-filter: blur(10px) saturate(120%);
 }
 .settings-group {
 overflow: hidden;
 margin: 0 0 16px;
 border-radius: 14px;
 }
 .settings-row,
 .vie-global-list-row {
 position: relative;
 width: 100%;
 min-height: 61px;
 border: 0;
 background: transparent;
 display: flex;
 align-items: center;
 gap: 12px;
 padding: 9px 14px;
 color: var(--vie-text-primary);
 font: inherit;
 text-align: left;
 cursor: pointer;
 touch-action: manipulation;
 }
 .settings-row:not(:last-child)::after,
 .vie-global-list-row:not(:last-child)::after {
 content:"";
 position: absolute;
 left: 58px;
 right: 14px;
 bottom: 0;
 height: .5px;
 background: rgba(203,203,203,.55);
 }
 .settings-item-icon,
 .vie-global-list-icon {
 --settings-glyph-scale: 1;
 flex: 0 0 auto;
 width: 34px;
 height: 34px;
 display: grid;
 place-items: center;
 overflow: hidden;
 border-radius: 8px;
 background: var(--logo-color);
 color: #fff;
 box-shadow: inset 0 1px 0 rgba(255,255,255,.72), 0 2px 6px rgba(0,0,0,.055);
 }
 .settings-item-icon svg,
 .vie-global-list-icon svg {
 display: block;
 width: 18px;
 height: 18px;
 fill: #fff;
 color: #fff;
 transform: scale(var(--settings-glyph-scale));
 transform-origin: center;
 }
 /* 沿用聊天框图标的统一方式：固定 18×18 安全区，只做小幅光学补偿。
  极端缩放链已移除，避免同一设置列表中图标忽大忽小。 */
 .settings-item-icon[data-icon="account"] { --settings-glyph-scale: 1; }
 .settings-item-icon[data-icon="notifications"] { --settings-glyph-scale: .98; }
 .settings-item-icon[data-icon="cloudPush"] { --settings-glyph-scale: .98; }
 .settings-item-icon[data-icon="keepAlive"] { --settings-glyph-scale: .98; }
 .settings-item-icon[data-icon="api"] { --settings-glyph-scale: 1.04; }
 .settings-item-icon[data-icon="imageGen"] { --settings-glyph-scale: 1; }
 .settings-item-icon[data-icon="minimax"] { --settings-glyph-scale: 1.06; }
 .settings-item-icon[data-icon="cloudBackup"] { --settings-glyph-scale: .96; }
 .settings-item-icon[data-icon="data"] { --settings-glyph-scale: .98; }
 .settings-item-icon[data-icon="about"] { --settings-glyph-scale: .96; }
 .settings-row-copy {
 min-width: 0;
 flex: 1 1 auto;
 display: flex;
 align-items: center;
 }
 .vie-global-list-copy {
 min-width: 0;
 flex: 1 1 auto;
 display: block;
 }
 .settings-row-title,
 .vie-global-list-title { font-size:calc(15px * var(--vie-font-scale)); line-height: 20px; font-weight: 400; font-synthesis: none; letter-spacing: -.08px; }
 .vie-global-list-detail { display:block; margin-top:2px; color:var(--vie-text-muted); font-size:calc(11px * var(--vie-font-scale)); line-height:15px; font-weight:400; }
 .settings-chevron,
 .vie-global-chevron {
 flex: 0 0 auto;
 width: 8px;
 height: 8px;
 margin-right: 3px;
 border-top: 1.5px solid #b6b6bb;
 border-right: 1.5px solid #b6b6bb;
 transform: rotate(45deg);
 }
 .settings-section-label,
 .vie-global-section-label {
 margin: 0 13px 7px;
 color: var(--vie-text-muted);
 font-size:calc(12px * var(--vie-font-scale));
 line-height: 17px;
 }
 .settings-form-group {
 overflow: hidden;
 margin-bottom: 17px;
 border-radius: 14px;
 }
 .settings-control-row {
 position: relative;
 min-height: 55px;
 display: flex;
 align-items: center;
 gap: 12px;
 padding: 10px 14px;
 }
 .settings-control-row:not(:last-child)::after {
 content:"";
 position: absolute;
 left: 14px;
 right: 14px;
 bottom: 0;
 height: .5px;
 background: rgba(203,203,203,.52);
 }
 .settings-control-label { min-width: 0; flex: 1 1 auto; font-size:calc(14px * var(--vie-font-scale)); line-height: 20px; font-weight: 500; }
 .settings-control-label small { display: block; margin-top: 2px; color: var(--vie-text-muted); font-size:calc(11px * var(--vie-font-scale)); line-height: 15px; font-weight: 400; }
 .settings-value-text { max-width: 55%; color: var(--vie-text-muted); font-size:calc(13px * var(--vie-font-scale)); line-height: 19px; text-align: right; word-break: break-all; }
 .settings-control-row.has-global-input {
 min-height: 55px;
 padding-top: 5px;
 padding-bottom: 5px;
 }
 .settings-global-input-row {
 flex: 0 1 240px;
 width: min(62%, 240px);
 }
 .settings-global-input-row .global-input-field {
 height: 32px;
 min-height: 32px;
 }
 .settings-global-select-row {
 position: relative;
 }
 .settings-select {
 appearance: none;
 -webkit-appearance: none;
 cursor: pointer;
 padding-right: 18px;
 }
 .settings-select:focus { box-shadow: none; }
 .settings-select-chevron {
 position: absolute;
 right: 30px;
 top: 50%;
 width: 8px;
 height: 8px;
 color: var(--vie-text-faint);
 fill: currentColor;
 pointer-events: none;
 transform: translateY(-50%);
 }
 .settings-switch {
 position: relative;
 flex: 0 0 auto;
 width: 49px;
 height: 29px;
 border: 0;
 border-radius: 0;
 background: transparent;
 box-shadow: none;
 cursor: pointer;
 }
 .settings-switch::before {
 content:"";
 position: absolute;
 left: 5px;
 right: 5px;
 top: 50%;
 height: 2px;
 border-radius: 999px;
 background: var(--vie-control-track);
 transform: translateY(-50%);
 transition: background .2s ease;
 }
 .settings-switch::after {
 content:"";
 position: absolute;
 top: 5px;
 left: 2px;
 width: 20px;
 height: 18px;
 background: var(--vie-control-thumb);
 -webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%20576%20512%27%3E%3Cpath%20d%3D%27M316.9%2018C311.6%207.1%20300.5%200%20288.3%200s-23.4%207.1-28.7%2018L195%20150.3%2051.4%20171.5c-12%201.8-22%2010.2-25.7%2021.7s-.7%2024.2%207.9%2032.7L137.8%20328.7%20113.2%20474c-2%2012%203%2024.2%2012.9%2031.3s23%208%2033.8%202.3l128.4-68.5%20128.4%2068.5c10.8%205.7%2023.9%204.9%2033.8-2.3s14.9-19.3%2012.9-31.3L438.8%20328.7%20543%20225.9c8.6-8.5%2011.7-21.2%207.9-32.7s-13.7-19.9-25.7-21.7L381.6%20150.3%20316.9%2018z%27%2F%3E%3C%2Fsvg%3E") center / contain no-repeat;
 mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%20576%20512%27%3E%3Cpath%20d%3D%27M316.9%2018C311.6%207.1%20300.5%200%20288.3%200s-23.4%207.1-28.7%2018L195%20150.3%2051.4%20171.5c-12%201.8-22%2010.2-25.7%2021.7s-.7%2024.2%207.9%2032.7L137.8%20328.7%20113.2%20474c-2%2012%203%2024.2%2012.9%2031.3s23%208%2033.8%202.3l128.4-68.5%20128.4%2068.5c10.8%205.7%2023.9%204.9%2033.8-2.3s14.9-19.3%2012.9-31.3L438.8%20328.7%20543%20225.9c8.6-8.5%2011.7-21.2%207.9-32.7s-13.7-19.9-25.7-21.7L381.6%20150.3%20316.9%2018z%27%2F%3E%3C%2Fsvg%3E") center / contain no-repeat;
 filter: drop-shadow(0 1px 1px rgba(0,0,0,.10));
 transition: transform .2s cubic-bezier(.25,.8,.25,1), background .2s ease;
 }
 .settings-switch[aria-checked="true"]::before { background: rgba(203,203,203,.78); }
 .settings-switch[aria-checked="true"]::after { background: var(--logo-color); transform: translateX(25px); }
 .settings-switch:focus-visible { outline: 0; }
 .settings-switch:focus-visible::before { box-shadow: 0 0 0 3px rgba(203,203,203,.28); }
 .settings-range-wrap { padding: 13px 14px 15px; }
 .settings-range-meta { display: flex; align-items: center; justify-content: space-between; margin-bottom: 8px; font-size:calc(13px * var(--vie-font-scale)); }
 .settings-range-value { color: var(--vie-text-muted); }
 .vie-global-range {
 --range-progress: 0%;
 width: 100%;
 height: 22px;
 margin: 0;
 padding: 0;
 border: 0;
 outline: 0;
 appearance: none;
 -webkit-appearance: none;
 background: transparent;
 cursor: pointer;
 }
 .vie-global-range::-webkit-slider-runnable-track { width: 100%; height: 2px; border: 0; border-radius: 999px; background: linear-gradient(to right, var(--logo-color) 0 var(--range-progress), #d9d9de var(--range-progress) 100%); }
 .vie-global-range::-webkit-slider-thumb {
 width: 19px; height: 18px; margin-top: -8px; border: 0; border-radius: 0;
 appearance: none; -webkit-appearance: none; background: var(--logo-color);
 -webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%20512%20512%27%3E%3Cpath%20d%3D%27M47.6%20300.4L228.3%20469.1c7.5%207%2017.4%2010.9%2027.7%2010.9s20.2-3.9%2027.7-10.9L464.4%20300.4c30.4-28.3%2047.6-68%2047.6-109.5v-5.8c0-69.9-50.5-129.5-119.4-141C347%2036.5%20300.6%2051.4%20268%2084L256%2096%20244%2084c-32.6-32.6-79-47.5-124.6-39.9C50.5%2055.6%200%20115.2%200%20185.1v5.8c0%2041.5%2017.2%2081.2%2047.6%20109.5z%27%2F%3E%3C%2Fsvg%3E") center / contain no-repeat; mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%20512%20512%27%3E%3Cpath%20d%3D%27M47.6%20300.4L228.3%20469.1c7.5%207%2017.4%2010.9%2027.7%2010.9s20.2-3.9%2027.7-10.9L464.4%20300.4c30.4-28.3%2047.6-68%2047.6-109.5v-5.8c0-69.9-50.5-129.5-119.4-141C347%2036.5%20300.6%2051.4%20268%2084L256%2096%20244%2084c-32.6-32.6-79-47.5-124.6-39.9C50.5%2055.6%200%20115.2%200%20185.1v5.8c0%2041.5%2017.2%2081.2%2047.6%20109.5z%27%2F%3E%3C%2Fsvg%3E") center / contain no-repeat;
 filter: drop-shadow(0 1px 1px rgba(0,0,0,.10));
 }
 .vie-global-range::-moz-range-track { width: 100%; height: 2px; border: 0; border-radius: 999px; background: var(--vie-control-track); }
 .vie-global-range::-moz-range-progress { height: 2px; border-radius: 999px; background: var(--logo-color); }
 .vie-global-range::-moz-range-thumb {
 width: 19px; height: 18px; border: 0; border-radius: 0; background: var(--logo-color);
 mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%20512%20512%27%3E%3Cpath%20d%3D%27M47.6%20300.4L228.3%20469.1c7.5%207%2017.4%2010.9%2027.7%2010.9s20.2-3.9%2027.7-10.9L464.4%20300.4c30.4-28.3%2047.6-68%2047.6-109.5v-5.8c0-69.9-50.5-129.5-119.4-141C347%2036.5%20300.6%2051.4%20268%2084L256%2096%20244%2084c-32.6-32.6-79-47.5-124.6-39.9C50.5%2055.6%200%20115.2%200%20185.1v5.8c0%2041.5%2017.2%2081.2%2047.6%20109.5z%27%2F%3E%3C%2Fsvg%3E") center / contain no-repeat; filter: drop-shadow(0 1px 1px rgba(0,0,0,.10));
 }
 .settings-segmented,
 .vie-global-segmented {
 display: grid;
 grid-auto-flow: column;
 grid-auto-columns: 1fr;
 gap: 3px;
 margin: 0 0 17px;
 padding: 3px;
 border-radius: 10px;
 background: var(--vie-page-soft-surface);
 box-shadow: inset 0 0 0 .5px rgba(203,203,203,.38);
 }
 .vie-global-segmented {
 background: var(--vie-page-soft-surface);
 box-shadow: inset 0 0 0 .5px var(--vie-page-divider-strong);
 -webkit-backdrop-filter: blur(10px) saturate(118%);
 backdrop-filter: blur(10px) saturate(118%);
 }
 .settings-segment,
 .vie-global-segment { min-height: 33px; border: 0; border-radius: 8px; background: transparent; color: var(--vie-text-secondary); font: inherit; font-size:calc(12px * var(--vie-font-scale)); cursor: pointer; }
 .settings-segment.is-active,
 .vie-global-segment.is-active { background: var(--vie-page-surface-strong); color: var(--vie-text-primary); box-shadow: 0 3px 8px rgba(0,0,0,.075); font-weight: 600; }
 .vie-global-segment.is-active { background: var(--vie-page-surface-strong); }
 .settings-action-group { overflow: hidden; margin-bottom: 17px; border-radius: 14px; }
 .settings-action-button {
 position: relative;
 width: 100%;
 min-height: 52px;
 border: 0;
 background: transparent;
 color: var(--vie-text-muted);
 font: inherit;
 font-size:calc(14px * var(--vie-font-scale));
 font-weight: 550;
 text-align: center;
 cursor: pointer;
 }
 .settings-action-button:not(:last-child)::after { content:""; position:absolute; left:14px; right:14px; bottom:0; height:.5px; background:rgba(203,203,203,.52); }
 .settings-action-button.is-destructive { color: #d85d59; }
 .settings-section-heading {
 display: flex;
 align-items: center;
 justify-content: space-between;
 gap: 12px;
 min-height: 25px;
 margin: 0 3px 7px 13px;
 }
 .settings-section-heading .settings-section-label { margin: 0; }
 .settings-section-heading .settings-model-fetch-button { margin-right: 2px; }
 .settings-model-fetch-button {
 flex: 0 0 auto;
 min-width: 0;
 min-height: 24px;
 padding: 0;
 border: 0;
 border-radius: 0;
 background: transparent;
 color: var(--vie-text-muted);
 box-shadow: none;
 display: inline-flex;
 align-items: center;
 justify-content: center;
 gap: 5px;
 font: inherit;
 font-size:calc(11px * var(--vie-font-scale));
 line-height: 1;
 font-weight: 550;
 white-space: nowrap;
 cursor: pointer;
 touch-action: manipulation;
 }
 .settings-model-fetch-icon {
 width: 11px;
 height: 11px;
 flex: 0 0 11px;
 fill: currentColor;
 }
 .settings-model-fetch-button:disabled { opacity: .42; pointer-events: none; }
 .settings-model-fetch-button:disabled .settings-model-fetch-icon { animation: vie-spin .75s linear infinite; }
 @keyframes vie-spin { to { transform: rotate(360deg); } }
 .settings-generation-group > .settings-range-wrap {
 margin: 0;
 border-radius: 0;
 background: transparent;
 box-shadow: none;
 }
 .settings-primary-button {
 width: 100%;
 min-height: 48px;
 margin-bottom: 17px;
 border: 0;
 border-radius: 12px;
 background: var(--logo-color);
 color: #fff;
 box-shadow: 0 5px 13px rgba(0,0,0,.09), inset 0 1px 0 rgba(255,255,255,.28);
 font: inherit;
 font-size:calc(14px * var(--vie-font-scale));
 font-weight: 650;
 cursor: pointer;
 }
 .settings-primary-button:disabled,
 .settings-action-button:disabled {
 cursor: default;
 opacity: .48;
 pointer-events: none;
 }
 .settings-storage-bar { height: 8px; margin: 0 14px 14px; overflow: hidden; border-radius: 6px; background: var(--vie-page-soft-surface); }
 .settings-storage-bar > span { display:block; width:0; height:100%; border-radius:inherit; background:var(--logo-color); transition: width .25s ease; }
 .settings-hidden-file { display: none; }
 .settings-dual-actions {
 display: grid;
 grid-template-columns: repeat(2, minmax(0, 1fr));
 gap: 10px;
 margin-bottom: 17px;
 }
 .settings-dual-actions .settings-primary-button,
 .settings-dual-actions .settings-secondary-button { margin: 0; }
 .settings-secondary-button {
 width: 100%;
 min-height: 48px;
 border: .5px solid rgba(203,203,203,.5);
 border-radius: 12px;
 background: var(--vie-page-surface-strong);
 color: var(--vie-text-secondary);
 box-shadow: 0 5px 13px rgba(0,0,0,.055);
 font: inherit;
 font-size:calc(14px * var(--vie-font-scale));
 font-weight: 620;
 cursor: pointer;
 }
 .settings-status-card,
 .settings-legal-card {
 margin-bottom: 17px;
 padding: 13px 14px;
 border: .5px solid rgba(203,203,203,.28);
 border-radius: 14px;
 background: var(--vie-page-surface-strong);
 box-shadow: 0 7px 20px rgba(0,0,0,.045);
 }
 .settings-status-line {
 display: flex;
 align-items: flex-start;
 justify-content: space-between;
 gap: 12px;
 font-size:calc(12px * var(--vie-font-scale));
 line-height: 18px;
 }
 .settings-status-line + .settings-status-line { margin-top: 7px; }
 .settings-status-label { color: var(--vie-text-muted); }
 .settings-status-value { color: var(--vie-text-secondary); text-align: right; overflow-wrap: anywhere; }
 .settings-legal-title { margin: 0 0 7px; font-size:calc(14px * var(--vie-font-scale)); line-height: 20px; font-weight: 650; }
 .settings-legal-text { margin: 0; color: var(--vie-text-secondary); font-size:calc(12px * var(--vie-font-scale)); line-height: 1.62; white-space: pre-line; }
 .settings-inline-note { margin: -8px 13px 16px; color: var(--vie-text-muted); font-size:calc(11px * var(--vie-font-scale)); line-height: 1.55; }
 .settings-image-preview { display: block; width: 100%; max-height: 280px; margin: 0 0 17px; object-fit: contain; border-radius: 14px; background: var(--vie-page-surface); box-shadow: 0 8px 24px rgba(0,0,0,.07); }
 .settings-image-preview[hidden] { display: none; }
 .settings-audio-preview { display: block; width: 100%; margin: 0 0 17px; }
 .settings-audio-preview[hidden] { display: none; }
 .settings-global-input-row textarea.global-input-field { min-height: 72px; padding-top: 12px; padding-bottom: 12px; resize: vertical; }



.vie-icon-sprite { position: absolute; width: 0; height: 0; }
.desktop-search-icon { width: 10px; height: 10px; fill: #555; }
.settings-action-spaced { margin-bottom: 17px; }


/* 导航标题使用完整行盒，避免字体切换后下沿被裁切。 */
.vie-app-navbar .vie-app-nav-leading > span:not(.wechat-title-stack),
.wechat-title-stack > span,
.wechat-chat-detail-back > span,
.settings-main-title > span,
.dy-header-solid .dy-title,
.dy-settings-header h2,
.dy-settings-detail-header h3 {
  box-sizing:border-box;
  min-height:calc(var(--vie-nav-title-line-height) + 7px);
  padding-block:3px 4px;
  line-height:var(--vie-nav-title-line-height);
}
 .theme-page-category-title { margin:22px 4px 9px; color:var(--vie-text-primary); font-size:calc(17px * var(--vie-font-scale)); line-height:1.35; font-weight:680; letter-spacing:-.02em; }
 .theme-page-category-title:first-child { margin-top:2px; }
 .theme-page-note,.theme-scale-note { margin:0; padding:0 13px 13px; color:var(--vie-text-muted); font-size:calc(10px * var(--vie-font-scale)); line-height:1.5; }
 .theme-wallpaper-detail-preview.has-color { background-color:var(--theme-wallpaper-color); }
 .theme-wallpaper-color-row { min-height:58px; display:flex; align-items:center; justify-content:space-between; gap:12px; padding:10px 13px; border-top:.5px solid var(--vie-page-divider); }
 .theme-wallpaper-color-row span { min-width:0; }
 .theme-wallpaper-color-row strong,.theme-wallpaper-color-row small { display:block; }
 .theme-wallpaper-color-row strong { font-size:calc(12px * var(--vie-font-scale)); font-weight:550; }
 .theme-wallpaper-color-row small { margin-top:3px; color:var(--vie-text-muted); font-size:calc(9px * var(--vie-font-scale)); }
 .theme-wallpaper-color-row input { width:34px; height:34px; padding:0; overflow:hidden; border:0; border-radius:50%; background:transparent; }
 .theme-page-wallpaper-actions { grid-template-columns:repeat(3,minmax(0,1fr)); }
 .theme-page-wallpaper-actions .theme-detail-button { padding-inline:7px; font-size:calc(10px * var(--vie-font-scale)); }
 .theme-app-logo-list { overflow:hidden; }
 .theme-app-logo-row { min-height:58px; display:grid; grid-template-columns:minmax(0,1fr) 34px 30px; align-items:center; gap:8px; padding:9px 12px; }
 .theme-app-logo-row + .theme-app-logo-row { border-top:.5px solid var(--vie-page-divider); }
 .theme-app-logo-row span { min-width:0; }
 .theme-app-logo-row strong,.theme-app-logo-row small { display:block; }
 .theme-app-logo-row strong { font-size:calc(12px * var(--vie-font-scale)); font-weight:550; }
 .theme-app-logo-row small { margin-top:3px; overflow:hidden; color:var(--vie-text-muted); font-size:calc(9px * var(--vie-font-scale)); text-overflow:ellipsis; white-space:nowrap; }
 .theme-app-logo-picker { width:34px; height:34px; position:relative; display:grid; place-items:center; overflow:hidden; border-radius:50%; color:#fff; background:var(--app-logo-preview,var(--logo-color)); }
 .theme-app-logo-picker input { position:absolute; inset:0; width:100%; height:100%; opacity:0; cursor:pointer; }
 .theme-app-logo-picker i { position:relative; z-index:1; pointer-events:none; font-size:12px; }
 .theme-app-logo-row > button { width:30px; height:30px; padding:0; border:0; color:var(--vie-text-muted); background:transparent; }
 .theme-app-logo-row > button:disabled { opacity:.22; }