kadou-game-sdk 1.0.0

package/dist/kadou-game-sdk.umd.js

@@ -0,0 +1,1767 @@
+(function (global, factory) {
+  typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports) :
+  typeof define === 'function' && define.amd ? define(['exports'], factory) :
+  (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global.KadouGameSDK = {}));
+})(this, (function (exports) { 'use strict';
+
+  var SDK_VERSION = '1.0.0';
+
+  /**
+   * 卡兜游戏 SDK 通讯消息类型定义
+   * 用于 父页面（Vue壳） <-> 子iframe（游戏） 之间的 postMessage 通讯
+   */
+  var MESSAGE_TYPES = {
+    // 基础系统
+    SDK_READY: 'SDK_READY',
+    HEARTBEAT_PING: 'HEARTBEAT_PING',
+    HEARTBEAT_PONG: 'HEARTBEAT_PONG',
+    ERROR_THROWN: 'ERROR_THROWN',
+    // 父 -> 子：游戏控制
+    GAME_LOAD: 'GAME_LOAD',
+    //加载游戏
+    GAME_START: 'GAME_START',
+    //游戏开始
+    GAME_PAUSE: 'GAME_PAUSE',
+    //游戏暂停
+    GAME_RESUME: 'GAME_RESUME',
+    //游戏恢复
+    GAME_RESTART: 'GAME_RESTART',
+    //重玩游戏
+    GAME_DESTROY: 'GAME_DESTROY',
+    //销毁游戏
+
+    // 子 -> 父：游戏状态
+    GAME_READY: 'GAME_READY',
+    //游戏准备完成
+    GAME_LOADED: 'GAME_LOADED',
+    //游戏加载完成
+    GAME_LOADING: 'GAME_LOADING',
+    //游戏加载进度
+    GAME_FINISH: 'GAME_FINISH',
+    //游戏结束
+    GAME_RANK: 'GAME_RANK',
+    //游戏排行榜
+
+    // 配置 / 主题
+    THEME_UPDATE: 'THEME_UPDATE',
+    //更新主题
+    CONFIG_UPDATE: 'CONFIG_UPDATE',
+    //配置更新
+
+    // 题目 / 答题
+    QUESTION_SUBMIT: 'QUESTION_SUBMIT',
+    //单题提交
+    QUESTION_PREV: 'QUESTION_PREV',
+    //上一题
+    QUESTION_NEXT: 'QUESTION_NEXT',
+    //下一题
+    ANSWER_START: 'ANSWER_START',
+    //开始答题
+    ANSWER_COMPLETED: 'ANSWER_COMPLETED',
+    //答题完成
+
+    // 音频
+    AUDIO_VOLUME_CHANGE: 'AUDIO_VOLUME_CHANGE',
+    //调节音量包括 音效背景音
+
+    //UI页面
+    PAGE_START_SHOW: 'PAGE_START_SHOW',
+    //显示开始画面
+    PAGE_END_SHOW: 'PAGE_END_SHOW',
+    //显示结束画面
+
+    EXTENSION_EVENT: 'EXTENSION_EVENT',
+    //扩展消息类型
+
+    /**
+     * 异常消息
+     */
+    ERROR: 'ERROR'
+  };
+
+  function isFunction(fn) {
+    return typeof fn === 'function';
+  }
+  function isObject(val) {
+    return Object.prototype.toString.call(val) === '[object Object]';
+  }
+  function createRequestId(prefix) {
+    prefix = prefix || 'msg';
+    return prefix + '_' + new Date().getTime() + '_' + Math.random().toString(16).slice(2, 10);
+  }
+
+  function EventEmitter() {
+    this.events = {};
+  }
+  EventEmitter.prototype.on = function (eventName, handler) {
+    if (!eventName || !isFunction(handler)) return this;
+    if (!this.events[eventName]) {
+      this.events[eventName] = [];
+    }
+    this.events[eventName].push(handler);
+    return this;
+  };
+  EventEmitter.prototype.once = function (eventName, handler) {
+    var self = this;
+    if (!eventName || !isFunction(handler)) return this;
+    function wrapper() {
+      self.off(eventName, wrapper);
+      handler.apply(null, arguments);
+    }
+    wrapper.__original__ = handler;
+    this.on(eventName, wrapper);
+    return this;
+  };
+  EventEmitter.prototype.off = function (eventName, handler) {
+    var handlers;
+    var result;
+    var i;
+    var fn;
+    if (!eventName) {
+      this.events = {};
+      return this;
+    }
+    handlers = this.events[eventName];
+    if (!handlers || !handlers.length) return this;
+    if (!handler) {
+      delete this.events[eventName];
+      return this;
+    }
+    result = [];
+    for (i = 0; i < handlers.length; i++) {
+      fn = handlers[i];
+      if (fn !== handler && fn.__original__ !== handler) {
+        result.push(fn);
+      }
+    }
+    if (result.length) {
+      this.events[eventName] = result;
+    } else {
+      delete this.events[eventName];
+    }
+    return this;
+  };
+  EventEmitter.prototype.emit = function (eventName) {
+    var handlers = this.events[eventName];
+    var args;
+    var i;
+    if (!handlers || !handlers.length) return this;
+    args = Array.prototype.slice.call(arguments, 1);
+    handlers = handlers.slice();
+    for (i = 0; i < handlers.length; i++) {
+      try {
+        handlers[i].apply(null, args);
+      } catch (error) {
+        if (typeof console !== 'undefined' && console.error) {
+          console.error('[EventEmitter] "' + eventName + '" handler error:', error);
+        }
+      }
+    }
+    return this;
+  };
+
+  var DEFAULT_SOURCE = 'KADOU_GAME_SDK';
+  function PostMessageChannel(options) {
+    options = options || {};
+    this.selfWindow = options.selfWindow || window;
+    this.targetWindow = options.targetWindow || null;
+    this.targetOrigin = options.targetOrigin || '*';
+    this.source = options.source || DEFAULT_SOURCE;
+    this.debug = !!options.debug;
+  }
+  PostMessageChannel.prototype.setTargetWindow = function (targetWindow) {
+    this.targetWindow = targetWindow;
+    return this;
+  };
+  PostMessageChannel.prototype.setTargetOrigin = function (targetOrigin) {
+    this.targetOrigin = targetOrigin || '*';
+    return this;
+  };
+  PostMessageChannel.prototype.createMessage = function (type, payload, meta) {
+    payload = payload || {};
+    meta = meta || {};
+    return {
+      source: this.source,
+      version: SDK_VERSION,
+      type: type,
+      requestId: createRequestId(),
+      timestamp: new Date().getTime(),
+      payload: isObject(payload) ? payload : {
+        value: payload
+      },
+      meta: isObject(meta) ? meta : {}
+    };
+  };
+  PostMessageChannel.prototype.send = function (type, payload, meta) {
+    var message;
+    if (!this.targetWindow || !this.targetWindow.postMessage) {
+      if (this.debug && typeof console !== 'undefined' && console.warn) {
+        console.warn('[PostMessageChannel] targetWindow 不存在，消息发送失败:', type);
+      }
+      return null;
+    }
+    message = this.createMessage(type, payload, meta);
+    this.targetWindow.postMessage(message, this.targetOrigin);
+    if (this.debug && typeof console !== 'undefined' && console.log) {
+      console.log('[PostMessageChannel] send =>', message);
+    }
+    return message;
+  };
+  PostMessageChannel.prototype.isValidMessage = function (data) {
+    return !!(data && typeof data === 'object' && data.source === this.source && typeof data.type === 'string');
+  };
+
+  function MessageBus(options) {
+    options = options || {};
+    EventEmitter.call(this);
+    this.channel = new PostMessageChannel(options);
+    this.selfWindow = options.selfWindow || window;
+    this.allowedOrigins = options.allowedOrigins || ['*'];
+    this.debug = !!options.debug;
+    this._boundOnMessage = this._onMessage.bind(this);
+    this._listening = false;
+  }
+  MessageBus.prototype = Object.create(EventEmitter.prototype);
+  MessageBus.prototype.constructor = MessageBus;
+  MessageBus.prototype.start = function () {
+    if (this._listening) return this;
+    this.selfWindow.addEventListener('message', this._boundOnMessage, false);
+    this._listening = true;
+    if (this.debug && typeof console !== 'undefined' && console.log) {
+      console.log('[MessageBus] started');
+    }
+    return this;
+  };
+  MessageBus.prototype.stop = function () {
+    if (!this._listening) return this;
+    this.selfWindow.removeEventListener('message', this._boundOnMessage, false);
+    this._listening = false;
+    if (this.debug && typeof console !== 'undefined' && console.log) {
+      console.log('[MessageBus] stopped');
+    }
+    return this;
+  };
+  MessageBus.prototype.destroy = function () {
+    this.stop();
+    this.off();
+    return this;
+  };
+  MessageBus.prototype.setTargetWindow = function (targetWindow) {
+    this.channel.setTargetWindow(targetWindow);
+    return this;
+  };
+  MessageBus.prototype.setTargetOrigin = function (targetOrigin) {
+    this.channel.setTargetOrigin(targetOrigin);
+    return this;
+  };
+  MessageBus.prototype.send = function (type, payload, meta) {
+    return this.channel.send(type, payload, meta);
+  };
+  MessageBus.prototype._matchOrigin = function (origin) {
+    var i;
+    if (!this.allowedOrigins || !this.allowedOrigins.length) return true;
+    if (this.allowedOrigins[0] === '*' || this.allowedOrigins.indexOf('*') > -1) return true;
+    for (i = 0; i < this.allowedOrigins.length; i++) {
+      if (this.allowedOrigins[i] === origin) {
+        return true;
+      }
+    }
+    return false;
+  };
+  MessageBus.prototype._onMessage = function (event) {
+    var data = event.data;
+    var origin = event.origin;
+    var source = event.source;
+    var context;
+    if (!this._matchOrigin(origin)) {
+      if (this.debug && typeof console !== 'undefined' && console.warn) {
+        console.warn('[MessageBus] origin 不匹配，已忽略:', origin);
+      }
+      return;
+    }
+    if (!this.channel.isValidMessage(data)) return;
+    if (this.debug && typeof console !== 'undefined' && console.log) {
+      console.log('[MessageBus] receive <=', data);
+    }
+    context = {
+      rawEvent: event,
+      origin: origin,
+      sourceWindow: source
+    };
+    this.emit('*', data, context);
+    this.emit(data.type, data.payload, data, context);
+  };
+
+  function BasePage() {
+    this.el = null;
+    this.events = [];
+  }
+
+  /**
+   * 绑定事件，并记录下来，destroy 时统一卸载
+   */
+  BasePage.prototype.bindEvent = function (el, type, handler, options) {
+    if (!el || !type || !handler) return;
+    el.addEventListener(type, handler, options || false);
+    this.events.push({
+      el: el,
+      type: type,
+      handler: handler,
+      options: options || false
+    });
+  };
+
+  /**
+   * 解绑全部事件
+   */
+  BasePage.prototype.unbindEvents = function () {
+    var i;
+    var item;
+    for (i = 0; i < this.events.length; i++) {
+      item = this.events[i];
+      if (item && item.el) {
+        item.el.removeEventListener(item.type, item.handler, item.options);
+      }
+    }
+    this.events = [];
+  };
+
+  /**
+   * 销毁页面
+   */
+  BasePage.prototype.destroy = function () {
+    this.unbindEvents();
+    if (this.el && this.el.parentNode) {
+      this.el.parentNode.removeChild(this.el);
+    }
+    this.el = null;
+  };
+
+  /**
+   * 是否已渲染
+   */
+  BasePage.prototype.isRendered = function () {
+    return !!this.el;
+  };
+
+  function isPlainObject(obj) {
+    return Object.prototype.toString.call(obj) === '[object Object]';
+  }
+  function mergeStyles(base, extra) {
+    var result = {};
+    var key;
+    base = isPlainObject(base) ? base : {};
+    extra = isPlainObject(extra) ? extra : {};
+    for (key in base) {
+      if (Object.prototype.hasOwnProperty.call(base, key)) {
+        result[key] = base[key];
+      }
+    }
+    for (key in extra) {
+      if (Object.prototype.hasOwnProperty.call(extra, key)) {
+        result[key] = extra[key];
+      }
+    }
+    return result;
+  }
+  function normalizeStyleValue(key, value) {
+    if (value == null) return '';
+    if (key === 'backgroundImage' && value) {
+      if (typeof value === 'string' && value.indexOf('url(') !== 0 && value !== 'none') {
+        return 'url("' + value + '")';
+      }
+    }
+    return String(value);
+  }
+  function applyStyles(el, styles) {
+    var key;
+    if (!el || !styles) return;
+    for (key in styles) {
+      if (Object.prototype.hasOwnProperty.call(styles, key)) {
+        el.style[key] = normalizeStyleValue(key, styles[key]);
+      }
+    }
+  }
+
+  function createElement(tag, className, styles, text) {
+    var el = document.createElement(tag);
+    if (className) {
+      el.className = className;
+    }
+    if (styles) {
+      applyStyles(el, styles);
+    }
+    if (text != null) {
+      el.textContent = String(text);
+    }
+    return el;
+  }
+
+  function StartPage() {
+    BasePage.call(this);
+  }
+  StartPage.prototype = Object.create(BasePage.prototype);
+  StartPage.prototype.constructor = StartPage;
+
+  /**
+   * 获取最终样式
+   * 不再自己根据 themeKey 查主题
+   * 直接使用 game-manager 传进来的最终页面配置
+   */
+  StartPage.prototype.getStyles = function (data) {
+    data = data || {};
+    var wrapperCss = mergeStyles({
+      position: 'absolute',
+      top: '0',
+      left: '0',
+      right: '0',
+      bottom: '0',
+      display: 'flex',
+      flexDirection: 'column',
+      alignItems: 'center',
+      justifyContent: 'center',
+      boxSizing: 'border-box',
+      padding: '40px',
+      color: '#ffffff',
+      backgroundRepeat: 'no-repeat',
+      backgroundPosition: 'center center',
+      backgroundSize: 'cover',
+      textAlign: 'center',
+      zIndex: '99999'
+    }, data.wrapper);
+    var overlayCss = mergeStyles({
+      position: 'absolute',
+      top: '0',
+      left: '0',
+      right: '0',
+      bottom: '0',
+      background: 'rgba(0, 0, 0, 0.28)'
+    }, data.overlay);
+    var contentCss = mergeStyles({
+      position: 'relative',
+      zIndex: '1',
+      width: '100%',
+      display: 'flex',
+      flexDirection: 'column',
+      alignItems: 'center'
+    }, data.content);
+    var titleCss = mergeStyles({
+      fontSize: '85px',
+      fontWeight: 'bold',
+      textShadow: '2px 2px 4px #0b1c32',
+      letterSpacing: '5px',
+      lineHeight: '1.3',
+      maxWidth: '90%',
+      wordBreak: 'break-word'
+    }, data.title);
+    var descCss = mergeStyles({
+      marginTop: '30px',
+      width: '100%',
+      whiteSpace: 'pre-wrap',
+      lineHeight: '1.6',
+      wordBreak: 'break-word',
+      fontSize: '40px'
+    }, data.desc);
+    var btnGroupCss = mergeStyles({
+      width: '100%',
+      maxWidth: '800px',
+      marginTop: '80px',
+      display: 'flex',
+      justifyContent: 'center',
+      alignItems: 'center'
+    }, data.buttonGroup);
+    var btnCss = mergeStyles({
+      display: 'inline-flex',
+      alignItems: 'center',
+      justifyContent: 'center',
+      minWidth: '240px',
+      minHeight: '88px',
+      padding: '20px 50px',
+      boxSizing: 'border-box',
+      cursor: 'pointer',
+      fontSize: '40px',
+      fontWeight: 'bold',
+      backgroundColor: '#04b6bb',
+      backgroundRepeat: 'no-repeat',
+      backgroundPosition: 'center center',
+      backgroundSize: 'cover',
+      borderRadius: '50px',
+      border: 'none',
+      color: '#fff',
+      transition: 'all 0.2s linear'
+    }, data.button);
+    return {
+      wrapperCss: wrapperCss,
+      overlayCss: overlayCss,
+      contentCss: contentCss,
+      titleCss: titleCss,
+      descCss: descCss,
+      btnGroupCss: btnGroupCss,
+      btnCss: btnCss
+    };
+  };
+  StartPage.prototype.render = function (container, data, onStart) {
+    data = data || {};
+    if (!container) {
+      throw new Error('[StartPage] render 失败：container 不存在');
+    }
+    this.destroy();
+    var styles = this.getStyles(data);
+    var titleText = data.titleText || '欢迎进入游戏';
+    var descText = typeof data.descText === 'string' ? data.descText : '';
+    var buttonText = data.buttonText || '开始游戏';
+    var rootDom = createElement('div', 'kadou-start-page', styles.wrapperCss);
+    var overlayDom = createElement('div', 'kadou-start-overlay', styles.overlayCss);
+    var contentDom = createElement('div', 'kadou-start-content', styles.contentCss);
+    var titleDom = createElement('div', 'kadou-start-title', styles.titleCss, titleText);
+    rootDom.appendChild(overlayDom);
+    contentDom.appendChild(titleDom);
+    if (descText) {
+      var descDom = createElement('div', 'kadou-start-desc', styles.descCss, descText);
+      contentDom.appendChild(descDom);
+    }
+    var btnGroupDom = createElement('div', 'kadou-start-btn-group', styles.btnGroupCss);
+    var btnDom = createElement('div', 'kadou-start-btn', styles.btnCss, buttonText);
+    this.bindEvent(btnDom, 'click', function () {
+      if (typeof onStart === 'function') {
+        onStart();
+      }
+    });
+    btnGroupDom.appendChild(btnDom);
+    contentDom.appendChild(btnGroupDom);
+    rootDom.appendChild(contentDom);
+    container.appendChild(rootDom);
+    this.el = rootDom;
+    return rootDom;
+  };
+
+  function EndPage() {
+    BasePage.call(this);
+  }
+  EndPage.prototype = Object.create(BasePage.prototype);
+  EndPage.prototype.constructor = EndPage;
+
+  /**
+   * 获取最终样式
+   * 直接使用 game-manager 传进来的最终页面配置
+   */
+  EndPage.prototype.getStyles = function (data) {
+    data = data || {};
+    var wrapperCss = mergeStyles({
+      position: 'absolute',
+      top: '0',
+      left: '0',
+      right: '0',
+      bottom: '0',
+      display: 'flex',
+      flexDirection: 'column',
+      alignItems: 'center',
+      justifyContent: 'center',
+      boxSizing: 'border-box',
+      padding: '40px',
+      color: '#ffffff',
+      backgroundRepeat: 'no-repeat',
+      backgroundPosition: 'center center',
+      backgroundSize: 'cover',
+      textAlign: 'center',
+      zIndex: '99999'
+    }, data.wrapper);
+    var overlayCss = mergeStyles({
+      position: 'absolute',
+      top: '0',
+      left: '0',
+      right: '0',
+      bottom: '0',
+      background: 'rgba(0, 0, 0, 0.35)'
+    }, data.overlay);
+    var contentCss = mergeStyles({
+      position: 'relative',
+      zIndex: '1',
+      width: '100%',
+      display: 'flex',
+      flexDirection: 'column',
+      alignItems: 'center'
+    }, data.content);
+    var titleCss = mergeStyles({
+      fontSize: '72px',
+      fontWeight: 'bold',
+      lineHeight: '1.3',
+      maxWidth: '90%',
+      wordBreak: 'break-word',
+      textShadow: '2px 2px 4px #0b1c32'
+    }, data.title);
+    var timeCss = mergeStyles({
+      marginTop: '28px',
+      fontSize: '40px',
+      wordBreak: 'break-word'
+    }, data.time);
+    var scoreCss = mergeStyles({
+      marginTop: '28px',
+      fontSize: '40px',
+      wordBreak: 'break-word'
+    }, data.score);
+    var btnGroupCss = mergeStyles({
+      width: '100%',
+      maxWidth: '900px',
+      marginTop: '70px',
+      display: 'flex',
+      justifyContent: 'center',
+      alignItems: 'center',
+      gap: '24px',
+      flexWrap: 'wrap'
+    }, data.buttonGroup);
+    var primaryBtnCss = mergeStyles({
+      display: 'inline-flex',
+      alignItems: 'center',
+      justifyContent: 'center',
+      padding: '20px 50px',
+      boxSizing: 'border-box',
+      cursor: 'pointer',
+      fontSize: '40px',
+      fontWeight: 'bold',
+      background: '#04b6bb',
+      borderRadius: '50px',
+      border: 'none',
+      color: '#fff',
+      transition: 'all 0.2s linear'
+    }, data.primaryButton || data.button);
+    var secondaryBtnCss = mergeStyles({
+      display: 'inline-flex',
+      alignItems: 'center',
+      justifyContent: 'center',
+      padding: '20px 50px',
+      boxSizing: 'border-box',
+      cursor: 'pointer',
+      fontSize: '40px',
+      fontWeight: 'bold',
+      background: '#ff6600',
+      borderRadius: '50px',
+      color: '#fff',
+      transition: 'all 0.2s linear'
+    }, data.secondaryButton);
+    return {
+      wrapperCss: wrapperCss,
+      overlayCss: overlayCss,
+      contentCss: contentCss,
+      titleCss: titleCss,
+      timeCss: timeCss,
+      scoreCss: scoreCss,
+      btnGroupCss: btnGroupCss,
+      primaryBtnCss: primaryBtnCss,
+      secondaryBtnCss: secondaryBtnCss
+    };
+  };
+
+  /**
+   * 渲染结束页
+   * callbacks:
+   * - onRestart
+   * - onClose
+   */
+  EndPage.prototype.render = function (container, data, callbacks) {
+    data = data || {};
+    callbacks = callbacks || {};
+    if (!container) {
+      throw new Error('[EndPage] render 失败：container 不存在');
+    }
+    this.destroy();
+    var styles = this.getStyles(data);
+    var titleText = data.titleText || '游戏结束';
+    var timeText = typeof data.timeText === 'string' ? data.timeText : '';
+    var scoreText = typeof data.scoreText === 'string' ? data.scoreText : '';
+    var primaryButtonText = data.primaryButtonText || data.buttonText || '再来一次';
+    var secondaryButtonText = data.secondaryButtonText || '';
+    var rootDom = createElement('div', 'kadou-end-page', styles.wrapperCss);
+    var overlayDom = createElement('div', 'kadou-end-overlay', styles.overlayCss);
+    var contentDom = createElement('div', 'kadou-end-content', styles.contentCss);
+    var titleDom = createElement('div', 'kadou-end-title', styles.titleCss, titleText);
+    rootDom.appendChild(overlayDom);
+    contentDom.appendChild(titleDom);
+    if (scoreText) {
+      var scoreDom = createElement('div', 'kadou-end-score', styles.scoreCss, scoreText);
+      contentDom.appendChild(scoreDom);
+    }
+    if (timeText) {
+      var timeDom = createElement('div', 'kadou-end-time', styles.timeCss, timeText);
+      contentDom.appendChild(timeDom);
+    }
+    var btnGroupDom = createElement('div', 'kadou-end-btn-group', styles.btnGroupCss);
+    if (secondaryButtonText) {
+      var secondaryBtnDom = createElement('div', 'kadou-end-secondary-btn', styles.secondaryBtnCss, secondaryButtonText);
+      this.bindEvent(secondaryBtnDom, 'click', function () {
+        if (typeof callbacks.onShowRank === 'function') {
+          callbacks.onShowRank();
+        }
+      });
+      btnGroupDom.appendChild(secondaryBtnDom);
+    }
+    {
+      var primaryBtnDom = createElement('div', 'kadou-end-primary-btn', styles.primaryBtnCss, primaryButtonText);
+      this.bindEvent(primaryBtnDom, 'click', function () {
+        if (typeof callbacks.onRestart === 'function') {
+          callbacks.onRestart();
+        }
+      });
+      btnGroupDom.appendChild(primaryBtnDom);
+    }
+    if (btnGroupDom.childNodes.length > 0) {
+      contentDom.appendChild(btnGroupDom);
+    }
+    rootDom.appendChild(contentDom);
+    container.appendChild(rootDom);
+    this.el = rootDom;
+    return rootDom;
+  };
+
+  function OverlayManager(options) {
+    options = options || {};
+    this.container = options.container || document.body;
+    this.startPage = null;
+    this.endPage = null;
+  }
+
+  /**
+   * 设置容器
+   */
+  OverlayManager.prototype.setContainer = function (container) {
+    if (container) {
+      this.container = container;
+    }
+    return this;
+  };
+
+  /**
+   * 显示开始页
+   * data 直接使用统一 pageData 结构
+   */
+  OverlayManager.prototype.showStartPage = function (data, callbacks) {
+    var self = this;
+    var finalCallbacks = callbacks || {};
+    if (!this.container) {
+      throw new Error('[OverlayManager] showStartPage 失败：container 不存在');
+    }
+    this.hideStartPage();
+    this.startPage = new StartPage();
+    this.startPage.render(this.container, data || {}, function () {
+      if (typeof finalCallbacks.onStart === 'function') {
+        finalCallbacks.onStart();
+      }
+
+      // 如果没传回调，也不自动销毁，由外部决定何时关闭
+      // 想点按钮立刻隐藏，可以把下面这行打开
+      self.hideStartPage();
+    });
+    return self;
+  };
+
+  /**
+   * 隐藏开始页
+   */
+  OverlayManager.prototype.hideStartPage = function () {
+    if (this.startPage) {
+      this.startPage.destroy();
+      this.startPage = null;
+    }
+    return this;
+  };
+
+  /**
+   * 显示结束页
+   */
+  OverlayManager.prototype.showEndPage = function (data, callbacks) {
+    var self = this;
+    var finalCallbacks = callbacks || {};
+    if (!this.container) {
+      throw new Error('[OverlayManager] showEndPage 失败：container 不存在');
+    }
+    this.hideEndPage();
+    this.endPage = new EndPage();
+    this.endPage.render(this.container, data || {}, {
+      onRestart: function onRestart() {
+        if (typeof finalCallbacks.onRestart === 'function') {
+          finalCallbacks.onRestart();
+          self.hideEndPage();
+        }
+      },
+      onShowRank: function onShowRank() {
+        if (typeof finalCallbacks.onShowRank === 'function') {
+          finalCallbacks.onShowRank();
+        }
+      }
+    });
+    return self;
+  };
+
+  /**
+   * 隐藏结束页
+   */
+  OverlayManager.prototype.hideEndPage = function () {
+    if (this.endPage) {
+      this.endPage.destroy();
+      this.endPage = null;
+    }
+    return this;
+  };
+
+  /**
+   * 全部隐藏
+   */
+  OverlayManager.prototype.hideAll = function () {
+    this.hideStartPage();
+    this.hideEndPage();
+    return this;
+  };
+
+  /**
+   * 销毁管理器
+   */
+  OverlayManager.prototype.destroy = function () {
+    this.hideAll();
+    this.container = null;
+  };
+
+  var themes = {};
+
+  /**
+   * 注册主题
+   * @param {string} key 主题 key
+   * @param {object} config 主题配置
+   */
+  function registerTheme(key, config) {
+    if (!key) {
+      throw new Error('Theme key is required');
+    }
+    themes[key] = config || {};
+  }
+
+  /**
+   * 是否已存在主题
+   * @param {string} key
+   * @returns {boolean}
+   */
+  function hasTheme(key) {
+    return !!themes[key];
+  }
+
+  /**
+   * 获取主题
+   * @param {string} key
+   * @returns {object|null}
+   */
+  function getTheme(key) {
+    return themes[key] || themes.default || null;
+  }
+
+  function dirname(url) {
+    if (!url) return '';
+    return url.replace(/\/[^\/]*$/, '/');
+  }
+  function isAbsoluteUrl(url) {
+    return /^(https?:)?\/\//.test(url) || /^file:/.test(url) || /^data:/.test(url) || /^blob:/.test(url);
+  }
+  function joinUrl(base, path) {
+    if (!path) return '';
+    if (isAbsoluteUrl(path)) return path;
+    return base + path.replace(/^\.\//, '');
+  }
+  function patchStyleAssetPaths(styleObj, baseUrl) {
+    var key;
+    var value;
+    if (!styleObj) return styleObj;
+    for (key in styleObj) {
+      if (!Object.prototype.hasOwnProperty.call(styleObj, key)) continue;
+      value = styleObj[key];
+      if (typeof value !== 'string') continue;
+      if (key === 'backgroundImage') {
+        styleObj[key] = joinUrl(baseUrl, value);
+        continue;
+      }
+      if (key === 'src') {
+        styleObj[key] = joinUrl(baseUrl, value);
+        continue;
+      }
+      if (key === 'background') {
+        styleObj[key] = value.replace(/url\((['"]?)(.+?)\1\)/g, function (_, quote, assetPath) {
+          return 'url("' + joinUrl(baseUrl, assetPath) + '")';
+        });
+      }
+    }
+    return styleObj;
+  }
+  function patchHostAssetPaths(hostConfig, baseUrl) {
+    var keys;
+    var i;
+    var key;
+    var value;
+    if (!hostConfig) return hostConfig;
+    keys = ['bg', 'frame', 'actionBtn', 'logo', 'icon'];
+    for (i = 0; i < keys.length; i++) {
+      key = keys[i];
+      value = hostConfig[key];
+      if (typeof value === 'string' && value) {
+        hostConfig[key] = joinUrl(baseUrl, value);
+      }
+    }
+    return hostConfig;
+  }
+  function patchThemeAssetPaths(theme, baseUrl) {
+    var startPage;
+    var endPage;
+    var pageKeys;
+    var i;
+    if (!theme) return theme;
+    startPage = theme.startPage || {};
+    endPage = theme.endPage || {};
+    pageKeys = ['wrapper', 'overlay', 'content', 'title', 'desc', 'buttonGroup', 'button', 'primaryButton', 'secondaryButton', 'score'];
+    for (i = 0; i < pageKeys.length; i++) {
+      patchStyleAssetPaths(startPage[pageKeys[i]], baseUrl);
+      patchStyleAssetPaths(endPage[pageKeys[i]], baseUrl);
+    }
+    patchHostAssetPaths(theme.host, baseUrl);
+    return theme;
+  }
+  function loadScript(url, callback) {
+    var script = document.createElement('script');
+    var done = false;
+    script.type = 'text/javascript';
+    script.async = true;
+    script.src = url;
+    script.onload = function () {
+      if (done) return;
+      done = true;
+      callback && callback(null, script);
+    };
+    script.onerror = function () {
+      if (done) return;
+      done = true;
+      callback && callback(new Error('Failed to load script: ' + url));
+    };
+    document.head.appendChild(script);
+  }
+  function loadThemeByUrl(url, callback) {
+    window.__KADOU_THEME_PACK__ = null;
+    loadScript(url, function (err) {
+      var pack;
+      var baseUrl;
+      var theme;
+      if (err) {
+        callback && callback(err);
+        return;
+      }
+      pack = window.__KADOU_THEME_PACK__;
+      if (!pack || !pack.key || !pack.theme) {
+        callback && callback(new Error('Invalid theme pack: ' + url));
+        return;
+      }
+      baseUrl = dirname(url);
+      theme = patchThemeAssetPaths(pack.theme, baseUrl);
+      registerTheme(pack.key, theme);
+      callback && callback(null, {
+        key: pack.key,
+        url: url,
+        from: 'remote',
+        theme: theme
+      });
+    });
+  }
+  function buildThemeUrl(themeRoot, themeKey) {
+    if (!themeRoot) {
+      throw new Error('themeRoot is required');
+    }
+    if (!themeKey) {
+      throw new Error('themeKey is required');
+    }
+    return themeRoot.replace(/\/?$/, '/') + themeKey + '/theme.js';
+  }
+  function ensureTheme(themeKey, themeRoot, callback) {
+    if (hasTheme(themeKey)) {
+      callback && callback(null, {
+        key: themeKey,
+        from: 'cache',
+        theme: getTheme(themeKey)
+      });
+      return;
+    }
+    var url;
+    try {
+      url = buildThemeUrl(themeRoot, themeKey);
+    } catch (err) {
+      callback && callback(err);
+      return;
+    }
+    loadThemeByUrl(url, callback);
+  }
+
+  /**
+   * GameManager
+   * -----------------------------------------
+   * 游戏管理器
+   *
+   * 作用：
+   * 1 管理游戏生命周期
+   * 2 统一发送 / 接收 postMessage
+   * 3 提供事件机制给外部使用
+   * 4 管理 SDK 与 Game 的状态
+   * 5 host 负责主题加载，game 负责主题渲染
+   *
+   * 架构关系：
+   *
+   * Host 页面 (Vue 壳)
+   *        │
+   *        │ postMessage
+   *        ▼
+   * GameManager  <---->  MessageBus
+   *        │
+   *        ▼
+   * Game iframe
+   *
+   */
+
+
+  /**
+   * 构造函数
+   */
+  function GameManager(options) {
+    options = options || {};
+
+    // 继承事件系统
+    EventEmitter.call(this);
+    this.options = options;
+
+    /**
+     * UI 挂载根节点
+     */
+    this.root = options.root || document.body;
+
+    /**
+     * 是否开启调试
+     */
+    this.debug = !!options.debug;
+
+    /**
+     * 角色
+     * host = 宿主页面
+     * game = 游戏页面
+     */
+    this.role = options.role || 'host';
+
+    /**
+     * SDK 状态
+     */
+    this.state = {
+      sdkReady: false,
+      gameReady: false,
+      started: false,
+      paused: false,
+      destroyed: false
+    };
+
+    /**
+     * 当前主题
+     * 仅用于 game 内部渲染
+     */
+    this.currentThemeKey = '';
+    this.currentTheme = null;
+
+    /**
+     * MessageBus
+     * 负责 postMessage 封装
+     */
+    this.bus = new MessageBus({
+      selfWindow: options.selfWindow || window,
+      targetWindow: options.targetWindow || null,
+      targetOrigin: options.targetOrigin || '*',
+      allowedOrigins: options.allowedOrigins || ['*'],
+      source: options.source || 'KADOU_GAME_SDK',
+      debug: this.debug
+    });
+
+    /**
+     * UI Overlay 管理器
+     * 只有 game 角色才负责真正渲染开始页 / 结束页
+     */
+    this.overlay = this.role === 'game' ? new OverlayManager({
+      container: this.root
+    }) : null;
+
+    /**
+     * 绑定 MessageBus 事件
+     */
+    this._bindBusEvents();
+  }
+  GameManager.prototype = Object.create(EventEmitter.prototype);
+  GameManager.prototype.constructor = GameManager;
+
+  /**
+   * 绑定 MessageBus 所有事件
+   */
+  GameManager.prototype._bindBusEvents = function () {
+    var self = this;
+
+    /**
+     * 所有消息
+     */
+    this.bus.on('*', function (message, context) {
+      self.emit('message', message, context);
+    });
+
+    /**
+     * SDK READY
+     */
+    this.bus.on(MESSAGE_TYPES.SDK_READY, function (payload, message, context) {
+      self.state.sdkReady = true;
+      self.emit('sdk:ready', payload, message, context);
+    });
+
+    /**
+     * GAME READY
+     */
+    this.bus.on(MESSAGE_TYPES.GAME_READY, function (payload, message, context) {
+      self.state.gameReady = true;
+      self.emit('game:ready', payload, message, context);
+    });
+
+    /**
+     * GAME LOAD
+     */
+    this.bus.on(MESSAGE_TYPES.GAME_LOAD, function (payload, message, context) {
+      self.emit('game:load', payload, message, context);
+    });
+
+    /**
+     * GAME LOADED
+     */
+    this.bus.on(MESSAGE_TYPES.GAME_LOADED, function (payload, message, context) {
+      self.emit('game:loaded', payload, message, context);
+    });
+
+    /**
+     * GAME LOADING
+     */
+    this.bus.on(MESSAGE_TYPES.GAME_LOADING, function (payload, message, context) {
+      self.emit('game:loading', payload, message, context);
+    });
+
+    /**
+     * GAME START
+     */
+    this.bus.on(MESSAGE_TYPES.GAME_START, function (payload, message, context) {
+      self.state.started = true;
+      self.state.paused = false;
+      if (self.role === 'game' && self.overlay) {
+        self.hideStartPage();
+      }
+      self.emit('game:start', payload, message, context);
+    });
+
+    /**
+     * GAME START
+     */
+    this.bus.on(MESSAGE_TYPES.GAME_RESTART, function (payload, message, context) {
+      self.state.started = true;
+      self.state.paused = false;
+      if (self.role === 'game' && self.overlay) {
+        self.hideEndPage();
+      }
+      self.emit('game:restart', payload, message, context);
+    });
+
+    /**
+     * GAME PAUSE
+     */
+    this.bus.on(MESSAGE_TYPES.GAME_PAUSE, function (payload, message, context) {
+      self.state.paused = true;
+      self.emit('game:pause', payload, message, context);
+    });
+
+    /**
+     * GAME RESUME
+     */
+    this.bus.on(MESSAGE_TYPES.GAME_RESUME, function (payload, message, context) {
+      self.state.paused = false;
+      self.emit('game:resume', payload, message, context);
+    });
+
+    /**
+     * GAME FINISH
+     */
+    this.bus.on(MESSAGE_TYPES.GAME_FINISH, function (payload, message, context) {
+      self.state.started = false;
+      self.emit('game:finish', payload, message, context);
+    });
+
+    /**
+     * GAME DESTROY
+     */
+    this.bus.on(MESSAGE_TYPES.GAME_DESTROY, function (payload, message, context) {
+      self.state.destroyed = true;
+      self.emit('game:destroy', payload, message, context);
+    });
+
+    /**
+     * 主题更新
+     * 只缓存，不直接渲染
+     */
+    this.bus.on(MESSAGE_TYPES.THEME_UPDATE, function (payload, message, context) {
+      self.currentThemeKey = payload && payload.themeKey ? payload.themeKey : '';
+      self.currentTheme = payload && payload.theme ? payload.theme : payload || null;
+      self.emit('theme:update', payload, message, context);
+    });
+
+    /**
+     * 配置更新
+     */
+    this.bus.on(MESSAGE_TYPES.CONFIG_UPDATE, function (payload, message, context) {
+      self.emit('config:update', payload, message, context);
+    });
+
+    /**
+     * 学生提交答案
+     */
+    this.bus.on(MESSAGE_TYPES.QUESTION_SUBMIT, function (payload, message, context) {
+      self.emit('question:submit', payload, message, context);
+    });
+
+    /**
+     * 游戏结果上报
+     */
+    this.bus.on(MESSAGE_TYPES.REPORT_GENERATED, function (payload, message, context) {
+      self.emit('result:report', payload, message, context);
+    });
+
+    /**
+     * 显示开始页
+     * host 发消息，game 内部真正 render
+     */
+    this.bus.on(MESSAGE_TYPES.PAGE_START_SHOW, function (payload, message, context) {
+      self.emit('page:start:show', payload, message, context);
+      if (self.role === 'game') {
+        self.renderStartPage(payload);
+      }
+    });
+
+    /**
+     * 显示结束页
+     */
+    this.bus.on(MESSAGE_TYPES.PAGE_END_SHOW, function (payload, message, context) {
+      self.emit('page:end:show', payload, message, context);
+      if (self.role === 'game') {
+        self.renderEndPage(payload);
+      }
+    });
+
+    /**
+     * 错误
+     */
+    this.bus.on(MESSAGE_TYPES.ERROR, function (payload, message, context) {
+      self.emit('error', payload, message, context);
+    });
+
+    /**
+     * HEARTBEAT_PING 心跳检测
+     */
+    this.bus.on(MESSAGE_TYPES.HEARTBEAT_PING, function (payload, message, context) {
+      self.emit('heartbeat:ping', payload, message, context);
+      self.send(MESSAGE_TYPES.HEARTBEAT_PONG, {
+        replyTo: message.requestId,
+        time: new Date().getTime()
+      });
+    });
+
+    /**
+     * HEARTBEAT_PONG
+     */
+    this.bus.on(MESSAGE_TYPES.HEARTBEAT_PONG, function (payload, message, context) {
+      self.emit('heartbeat:pong', payload, message, context);
+    });
+    this.bus.on(MESSAGE_TYPES.GAME_RANK, function (payload, message, context) {
+      self.emit('game:rank', payload, message, context);
+    });
+
+    /**
+    * 开始答题
+    */
+    this.bus.on(MESSAGE_TYPES.ANSWER_START, function (payload, message, context) {
+      self.emit('answer:start', payload, message, context);
+    });
+
+    /**
+     * 上一题
+     */
+    this.bus.on(MESSAGE_TYPES.QUESTION_PREV, function (payload, message, context) {
+      self.emit('question:prev', payload, message, context);
+    });
+
+    /**
+     * 下一题
+     */
+    this.bus.on(MESSAGE_TYPES.QUESTION_NEXT, function (payload, message, context) {
+      self.emit('question:next', payload, message, context);
+    });
+
+    /**
+     * 调节声音
+     */
+    this.bus.on(MESSAGE_TYPES.AUDIO_VOLUME_CHANGE, function (payload, message, context) {
+      self.emit('volume:change', payload, message, context);
+    });
+
+    /**
+     * 答题完成
+     */
+    this.bus.on(MESSAGE_TYPES.ANSWER_COMPLETED, function (payload, message, context) {
+      self.emit('answer:completed', payload, message, context);
+    });
+
+    /**
+     * 扩展消息类型
+     */
+    this.bus.on(MESSAGE_TYPES.EXTENSION_EVENT, function (payload, message, context) {
+      self.emit('extension:event', payload, message, context);
+    });
+  };
+
+  /**
+   * 初始化 SDK
+   */
+  GameManager.prototype.init = function () {
+    this.bus.start();
+    if (this.debug && typeof console !== 'undefined' && console.log) {
+      console.log('[GameManager] init, role =', this.role);
+    }
+    return this;
+  };
+
+  /**
+   * 销毁 SDK
+   */
+  GameManager.prototype.destroy = function () {
+    this.state.destroyed = true;
+    this.bus.destroy();
+    if (this.overlay) {
+      if (this.overlay.hideStartPage) {
+        this.overlay.hideStartPage();
+      }
+      if (this.overlay.hideEndPage) {
+        this.overlay.hideEndPage();
+      }
+    }
+    this.off();
+    if (this.debug && typeof console !== 'undefined' && console.log) {
+      console.log('[GameManager] destroyed');
+    }
+    return this;
+  };
+
+  /**
+   * 设置目标窗口
+   * 一般为 iframe.contentWindow
+   */
+  GameManager.prototype.setTargetWindow = function (win) {
+    this.bus.setTargetWindow(win);
+    return this;
+  };
+
+  /**
+   * 设置目标 origin
+   */
+  GameManager.prototype.setTargetOrigin = function (origin) {
+    this.bus.setTargetOrigin(origin);
+    return this;
+  };
+
+  /**
+   * 设置 root
+   */
+  GameManager.prototype.setRoot = function (el) {
+    if (!el) return this;
+    this.root = el;
+    if (this.overlay) {
+      this.overlay.container = el;
+    }
+    return this;
+  };
+
+  /**
+   * 发送消息
+   */
+  GameManager.prototype.send = function (type, payload, meta) {
+    return this.bus.send(type, payload, meta);
+  };
+
+  /**
+   * SDK ready
+   */
+  GameManager.prototype.notifySdkReady = function (extra) {
+    this.state.sdkReady = true;
+    return this.send(MESSAGE_TYPES.SDK_READY, extra || {});
+  };
+
+  /**
+   * 心跳 ping
+   */
+  GameManager.prototype.heartbeatPing = function (extra) {
+    var payload = extra || {};
+    payload.time = new Date().getTime();
+    return this.send(MESSAGE_TYPES.HEARTBEAT_PING, payload);
+  };
+
+  /**
+   * 游戏 ready
+   */
+  GameManager.prototype.gameReady = function (extra) {
+    this.state.gameReady = true;
+    return this.send(MESSAGE_TYPES.GAME_READY, extra || {});
+  };
+
+  /**
+   * 加载游戏
+   */
+  GameManager.prototype.loadGame = function (config) {
+    return this.send(MESSAGE_TYPES.GAME_LOAD, config || {});
+  };
+
+  /**
+   * 游戏加载进度
+   */
+  GameManager.prototype.gameLoading = function (config) {
+    return this.send(MESSAGE_TYPES.GAME_LOADING, config || {});
+  };
+
+  /**
+   * 开始游戏
+   * 保留一个最终版本，避免重复定义覆盖
+   */
+  GameManager.prototype.startGame = function (data) {
+    var payload = data || {};
+    this.state.started = true;
+    this.state.paused = false;
+    this.emit('game:start', payload, null, {
+      local: true
+    });
+    return this.bus.send(MESSAGE_TYPES.GAME_START, payload);
+  };
+
+  /**
+   * 游戏重新开始
+   */
+  GameManager.prototype.restartGame = function (data) {
+    var payload = data || {};
+    this.state.started = true;
+    this.state.paused = false;
+    this.emit('game:restart', payload, null, {
+      local: true
+    });
+    return this.bus.send(MESSAGE_TYPES.GAME_RESTART, payload);
+  };
+
+  /**
+   * 查看游戏排行榜
+   */
+  GameManager.prototype.showGameRank = function (data) {
+    var payload = data || {};
+    return this.bus.send(MESSAGE_TYPES.GAME_RANK, payload);
+  };
+  /**
+   * 暂停游戏
+   */
+  GameManager.prototype.pauseGame = function (data) {
+    this.state.paused = true;
+    return this.send(MESSAGE_TYPES.GAME_PAUSE, data || {});
+  };
+
+  /**
+   * 恢复游戏
+   */
+  GameManager.prototype.resumeGame = function (data) {
+    this.state.paused = false;
+    return this.send(MESSAGE_TYPES.GAME_RESUME, data || {});
+  };
+
+  /**
+   * 游戏结束
+   */
+  GameManager.prototype.finishGame = function (result) {
+    this.state.started = false;
+    return this.send(MESSAGE_TYPES.GAME_FINISH, result || {});
+  };
+
+  /**
+   * 销毁游戏
+   */
+  GameManager.prototype.destroyGame = function (data) {
+    this.state.destroyed = true;
+    return this.send(MESSAGE_TYPES.GAME_DESTROY, data || {});
+  };
+
+  /**
+   * 更新主题
+   * 保持兼容旧接口
+   */
+  GameManager.prototype.updateTheme = function (theme) {
+    if (this.role === 'game') {
+      this.currentTheme = theme || null;
+    }
+    return this.send(MESSAGE_TYPES.THEME_UPDATE, theme || {});
+  };
+
+  /**
+   * 应用主题
+   * 推荐 host 使用这个方法发给 game
+   */
+  GameManager.prototype.applyTheme = function (themeKey, themeConfig, extra) {
+    var payload = extra || {};
+    payload.themeKey = themeKey || '';
+    payload.theme = themeConfig || {};
+    if (this.role === 'game') {
+      this.currentThemeKey = payload.themeKey;
+      this.currentTheme = payload.theme;
+    }
+    return this.send(MESSAGE_TYPES.THEME_UPDATE, payload);
+  };
+
+  /**
+   * 更新配置
+   */
+  GameManager.prototype.updateConfig = function (config) {
+    return this.send(MESSAGE_TYPES.CONFIG_UPDATE, config || {});
+  };
+
+  /**
+   * 显示开始页
+   * host 调这个；真正渲染在 game 内部执行
+   */
+  GameManager.prototype.showStartPage = function (data) {
+    return this.send(MESSAGE_TYPES.PAGE_START_SHOW, data || {});
+  };
+
+  /**
+   * 显示结束页
+   */
+  GameManager.prototype.showEndPage = function (data) {
+    return this.send(MESSAGE_TYPES.PAGE_END_SHOW, data || {});
+  };
+
+  /**
+   * 提交题目
+   */
+  GameManager.prototype.submitQuestion = function (data) {
+    return this.send(MESSAGE_TYPES.QUESTION_SUBMIT, data || {});
+  };
+
+  /**
+   * 上报错误
+   */
+  GameManager.prototype.reportError = function (error) {
+    var payload;
+    if (error instanceof Error) {
+      payload = {
+        message: error.message,
+        stack: error.stack
+      };
+    } else {
+      payload = error || {};
+    }
+    return this.send(MESSAGE_TYPES.ERROR, payload);
+  };
+
+  /**
+   * 获取当前状态
+   */
+  GameManager.prototype.getState = function () {
+    return {
+      sdkReady: this.state.sdkReady,
+      gameReady: this.state.gameReady,
+      started: this.state.started,
+      paused: this.state.paused,
+      destroyed: this.state.destroyed
+    };
+  };
+
+  /**
+   * 是否 ready
+   */
+  GameManager.prototype.isReady = function () {
+    return !!(this.state.sdkReady && this.state.gameReady);
+  };
+
+  /**
+   * 合并页面主题配置
+   * pageKey: startPage / endPage
+   */
+  GameManager.prototype._mergePageTheme = function (pageKey, pageData) {
+    var theme = this.currentTheme || {};
+    var pageTheme = theme[pageKey] || {};
+    var result = {};
+    var key;
+    for (key in pageTheme) {
+      if (Object.prototype.hasOwnProperty.call(pageTheme, key)) {
+        result[key] = pageTheme[key];
+      }
+    }
+    for (key in pageData) {
+      if (Object.prototype.hasOwnProperty.call(pageData, key)) {
+        result[key] = pageData[key];
+      }
+    }
+    return result;
+  };
+
+  /**
+   * game 内部渲染开始页
+   */
+  GameManager.prototype.renderStartPage = function (data, callbacks) {
+    var self = this;
+    var payload = data || {};
+    var finalData = this._mergePageTheme('startPage', payload);
+    if (!this.overlay || !this.overlay.showStartPage) {
+      return this;
+    }
+    this.overlay.showStartPage(finalData, callbacks || {
+      onStart: function onStart() {
+        self.startGame({
+          from: 'sdk-start-game'
+        });
+      }
+    });
+    return this;
+  };
+
+  /**
+   * 隐藏开始页
+   */
+  GameManager.prototype.hideStartPage = function () {
+    if (this.overlay && this.overlay.hideStartPage) {
+      this.overlay.hideStartPage();
+    }
+    return this;
+  };
+
+  /**
+   * game 内部渲染结束页
+   */
+  GameManager.prototype.renderEndPage = function (data, callbacks) {
+    var self = this;
+    var payload = data || {};
+    var finalData = this._mergePageTheme('endPage', payload);
+    if (!this.overlay || !this.overlay.showEndPage) {
+      return this;
+    }
+    this.overlay.showEndPage(finalData, callbacks || {
+      onRestart: function onRestart() {
+        self.restartGame({
+          from: 'sdk-restart-game'
+        });
+      },
+      onShowRank: function onShowRank() {
+        self.showGameRank({
+          from: 'sdk-game-rank'
+        });
+      }
+    });
+    return this;
+  };
+
+  /**
+   * 隐藏结束页
+   */
+  GameManager.prototype.hideEndPage = function () {
+    if (this.overlay && this.overlay.hideEndPage) {
+      this.overlay.hideEndPage();
+    }
+    return this;
+  };
+
+  /**
+   * 直接按 url 加载主题
+   * 更适合 host 使用
+   */
+  GameManager.prototype.loadThemeByUrl = function (url, callback) {
+    loadThemeByUrl(url, callback);
+    return this;
+  };
+
+  /**
+   * 确保主题已加载
+   * 更适合 host 使用
+   */
+  GameManager.prototype.ensureTheme = function (themeKey, themeRoot, callback) {
+    ensureTheme(themeKey, themeRoot, callback);
+    return this;
+  };
+
+  /**
+   * 生成主题地址
+   */
+  GameManager.prototype.buildThemeUrl = function (themeRoot, themeKey) {
+    return buildThemeUrl(themeRoot, themeKey);
+  };
+
+  /**
+   * 游戏完成
+   */
+  GameManager.prototype.gameLoaded = function (config) {
+    return this.send(MESSAGE_TYPES.GAME_LOADED, config || {});
+  };
+  /**
+   * 开始答题
+   */
+  GameManager.prototype.startAnswer = function (data) {
+    return this.send(MESSAGE_TYPES.ANSWER_START, data || {});
+  };
+
+  /**
+   * 上一题
+   */
+  GameManager.prototype.prevQuestion = function (data) {
+    return this.send(MESSAGE_TYPES.QUESTION_PREV, data || {});
+  };
+
+  /**
+   * 下一题
+   */
+  GameManager.prototype.nextQuestion = function (data) {
+    return this.send(MESSAGE_TYPES.QUESTION_NEXT, data || {});
+  };
+
+  /**
+   * 调节声音
+   * 例如 { volume: 0.8, muted: false }
+   */
+  GameManager.prototype.changeVolume = function (data) {
+    return this.send(MESSAGE_TYPES.AUDIO_VOLUME_CHANGE, data || {});
+  };
+
+  /**
+   * 答题完成
+   */
+  GameManager.prototype.completedAnswer = function (data) {
+    return this.send(MESSAGE_TYPES.ANSWER_COMPLETED, data || {});
+  };
+
+  /**
+   * 扩展消息类型
+   */
+  GameManager.prototype.extensionEvent = function (extra) {
+    return this.send(MESSAGE_TYPES.EXTENSION_EVENT, extra || {});
+  };
+
+  var index = {
+    SDK_VERSION: SDK_VERSION,
+    MESSAGE_TYPES: MESSAGE_TYPES,
+    EventEmitter: EventEmitter,
+    MessageBus: MessageBus,
+    GameRuntime: GameManager
+  };
+
+  exports.EventEmitter = EventEmitter;
+  exports.GameRuntime = GameManager;
+  exports.MESSAGE_TYPES = MESSAGE_TYPES;
+  exports.MessageBus = MessageBus;
+  exports.SDK_VERSION = SDK_VERSION;
+  exports.default = index;
+
+  Object.defineProperty(exports, '__esModule', { value: true });
+
+}));
+//# sourceMappingURL=kadou-game-sdk.umd.js.map