html.storyos-signal-shortcode-mode,
            html.storyos-signal-shortcode-mode body,
            html.storyos-windvane-booting,
            html.storyos-windvane-booting body,
            body.storyos-signal-shortcode-mode {
                margin: 0 !important;
                padding: 0 !important;
                min-height: 100% !important;
                background: #edf0f5 !important;
                overflow: hidden !important;
            }

            html.storyos-signal-shortcode-mode #wpadminbar,
            body.storyos-signal-shortcode-mode #wpadminbar,
            body.storyos-signal-shortcode-mode header,
            body.storyos-signal-shortcode-mode footer,
            body.storyos-signal-shortcode-mode .site-header,
            body.storyos-signal-shortcode-mode .site-footer,
            body.storyos-signal-shortcode-mode .entry-title,
            body.storyos-signal-shortcode-mode h1.entry-title {
                display: none !important;
            }

            body.storyos-signal-shortcode-mode #page,
            body.storyos-signal-shortcode-mode .site,
            body.storyos-signal-shortcode-mode .site-content,
            body.storyos-signal-shortcode-mode .content-area,
            body.storyos-signal-shortcode-mode main,
            body.storyos-signal-shortcode-mode article,
            body.storyos-signal-shortcode-mode .entry-content {
                background: #edf0f5 !important;
            }

            #storyos-windvane-early-shell {
                position: fixed;
                inset: 0;
                z-index: 2147483600;
                background: #edf0f5;
                display: flex;
                pointer-events: none;
                opacity: 1;
                visibility: visible;
                transition: opacity .22s ease, visibility 0s linear .22s;
                font-family: -apple-system, BlinkMacSystemFont, "PingFang SC", "Segoe UI", Roboto, Arial, sans-serif;
                box-sizing: border-box;
                contain: layout paint style;
            }
            #storyos-windvane-early-shell * { box-sizing: border-box; }

            html.storyos-windvane-app-ready #storyos-windvane-early-shell,
            body.storyos-windvane-app-ready #storyos-windvane-early-shell {
                opacity: 0;
                visibility: hidden;
            }

            /* 全局兜底：风向标各页 App 容器若被外层框架（Turbo）的反频闪机制（.content-layout{opacity:0}
               待淡入）卡住，且因 AppShell 动态注入绕过外层恢复回调而无人复位时，强制可见。
               内联输出、随 HTML 下发、抗缓存、不依赖 JS，覆盖全部 knownApps 容器。 */
            #dd3-app,
            #storyos-signal-shortcode-app,
            #storyos-signal-story-app,
            #storyos-signal-view-app,
            #storyos-drama-library-app {
                opacity: 1 !important;
            }

            .wv-es-rail {
                width: 60px;
                flex: 0 0 60px;
                background: rgba(255,255,255,.76);
                border-right: 1px solid rgba(230,234,242,.95);
            }
            .wv-es-page {
                flex: 1;
                min-width: 0;
                height: 100vh;
                display: grid;
                grid-template-columns: minmax(0, 1fr) 320px;
                gap: 12px;
                padding: 10px 12px 24px 16px;
            }
            .wv-es-main, .wv-es-side {
                min-width: 0;
                height: 100%;
                overflow: hidden;
            }
            .wv-es-main {
                padding-right: 0;
            }
            .wv-es-top {
                height: 52px;
                border-radius: 16px;
                background: linear-gradient(135deg,#EDF8F5 0%,#F5FBFA 58%,#FBFDFD 100%);
                border: 1px solid #DCEEE8;
                box-shadow: 0 1px 3px rgba(5,0,56,.08),0 1px 2px rgba(5,0,56,.05);
                margin: 0 0 12px 0;
                display: flex;
                align-items: center;
                justify-content: space-between;
                padding: 0 16px 0 20px;
            }
            .wv-es-pill,
            .wv-es-card,
            .wv-es-side-card,
            .wv-es-row {
                position: relative;
                overflow: hidden;
                background: rgba(255,255,255,.86);
            }
            .wv-es-pill::after,
            .wv-es-card::after,
            .wv-es-side-card::after,
            .wv-es-row::after {
                content: '';
                position: absolute;
                inset: 0;
                transform: translateX(-100%);
                background: linear-gradient(90deg, transparent, rgba(255,255,255,.62), transparent);
                animation: storyosWvShellShimmer 1.15s infinite;
            }
            @keyframes storyosWvShellShimmer { 100% { transform: translateX(100%); } }
            .wv-es-pill { height: 20px; border-radius: 999px; width: 124px; }
            .wv-es-pill.short { width: 188px; height: 26px; opacity: .92; }
            .wv-es-grid {
                display: grid;
                grid-template-columns: repeat(2, minmax(0, 1fr));
                gap: 12px;
            }
            .wv-es-card {
                min-height: 292px;
                border-radius: 20px;
                border: 1px solid #eef0f7;
                box-shadow: 0 1px 3px rgba(5,0,56,.08),0 1px 2px rgba(5,0,56,.06);
                padding: 16px 20px;
            }
            .wv-es-card.small { min-height: 214px; }
            .wv-es-card-head {
                width: 42%;
                height: 18px;
                border-radius: 999px;
                background: rgba(240,242,248,.96);
                margin-bottom: 18px;
            }
            .wv-es-row {
                height: 32px;
                border-radius: 999px;
                background: rgba(248,249,252,.96);
                margin-bottom: 9px;
            }
            .wv-es-side {
                padding: 0 0 24px 0;
                display: flex;
                flex-direction: column;
                gap: 12px;
            }
            .wv-es-side-card {
                min-height: 160px;
                border-radius: 18px;
                border: 1px solid #eef0f7;
                box-shadow: 0 1px 3px rgba(5,0,56,.08),0 1px 2px rgba(5,0,56,.06);
                padding: 14px;
            }
            .wv-es-side-card.tall { min-height: 250px; }
            .wv-es-side-card.mid { min-height: 196px; }

            html.dark-mode.storyos-signal-shortcode-mode,
            html.dark-mode.storyos-signal-shortcode-mode body,
            html.saas-dark-mode.storyos-signal-shortcode-mode,
            html.saas-dark-mode.storyos-signal-shortcode-mode body,
            html.dark-mode #storyos-windvane-early-shell,
            html.saas-dark-mode #storyos-windvane-early-shell {
                background: #12131f !important;
            }
            html.dark-mode .wv-es-rail,
            html.saas-dark-mode .wv-es-rail { background: rgba(25,27,44,.82); border-right-color: rgba(58,60,88,.8); }
            html.dark-mode .wv-es-top,
            html.saas-dark-mode .wv-es-top { background: linear-gradient(135deg,#172826 0%,#1B2131 100%); border-color: #273C3A; }
            html.dark-mode .wv-es-pill,
            html.dark-mode .wv-es-card,
            html.dark-mode .wv-es-side-card,
            html.dark-mode .wv-es-row,
            html.saas-dark-mode .wv-es-pill,
            html.saas-dark-mode .wv-es-card,
            html.saas-dark-mode .wv-es-side-card,
            html.saas-dark-mode .wv-es-row { background: #1a1b2e; border-color: #2a2b40; }

            @media (max-width: 960px) {
                .wv-es-page { grid-template-columns: minmax(0, 1fr); padding: 10px 14px 24px 14px; }
                .wv-es-side { display: none; }
                .wv-es-rail { display: none; }
            }