/* ========== 移动端控制台样式 ========== */
           #mobile-console {
               position: fixed;
               top: 0;
               left: 0;
               right: 0;
               bottom: 0;
               background: var(--bg-primary, #ffffff);
               z-index: 99999;
               display: flex;
               flex-direction: column;
           }

           #phone-screen.dark-mode #mobile-console {
               background: #000000;
           }

           #mobile-console-header {
               display: flex;
               justify-content: space-between;
               align-items: center;
               padding: 15px 20px;
               /* iOS安全区域适配 - 避免被状态栏遮挡 */
               padding-top: calc(15px + env(safe-area-inset-top));
               background: var(--secondary-bg, #f5f5f7);
               border-bottom: 1px solid var(--border-color, #e0e0e0);
               font-size: 17px;
               font-weight: 600;
               color: var(--text-primary, #000000);
           }

           #phone-screen.dark-mode #mobile-console-header {
               background: #1c1c1e;
               border-bottom-color: #38383a;
               color: #ffffff;
           }

           #mobile-console-actions {
               display: flex;
               gap: 10px;
           }

           #mobile-console-actions button {
               padding: 6px 12px;
               font-size: 14px;
               background: var(--bg-primary, #ffffff);
               border: 1px solid var(--border-color, #d1d1d6);
               border-radius: 6px;
               color: var(--text-primary, #000000);
               cursor: pointer;
               transition: all 0.2s;
           }

           #phone-screen.dark-mode #mobile-console-actions button {
               background: #2c2c2e;
               border-color: #48484a;
               color: #ffffff;
           }

           #mobile-console-actions button:active {
               opacity: 0.6;
               transform: scale(0.95);
           }

           #mobile-console-tabs {
               display: flex;
               background: var(--secondary-bg, #f5f5f7);
               border-bottom: 1px solid var(--border-color, #e0e0e0);
               padding: 0 10px;
           }

           #phone-screen.dark-mode #mobile-console-tabs {
               background: #1c1c1e;
               border-bottom-color: #38383a;
           }

           .console-tab {
               flex: 1;
               padding: 12px 8px;
               font-size: 13px;
               background: transparent;
               border: none;
               border-bottom: 2px solid transparent;
               color: var(--text-secondary, #8e8e93);
               cursor: pointer;
               transition: all 0.2s;
           }

           #phone-screen.dark-mode .console-tab {
               color: #8e8e93;
           }

           .console-tab.active {
               color: var(--accent-color, #007aff);
               border-bottom-color: var(--accent-color, #007aff);
               font-weight: 600;
           }

           #phone-screen.dark-mode .console-tab.active {
               color: #0a84ff;
               border-bottom-color: #0a84ff;
           }

           #mobile-console-content {
               flex: 1;
               overflow-y: auto;
               padding: 10px;
               font-family: 'Courier New', Courier, monospace;
               font-size: 12px;
               line-height: 1.6;
               background: var(--bg-primary, #ffffff);
           }

           #phone-screen.dark-mode #mobile-console-content {
               background: #000000;
           }

           .console-entry {
               padding: 8px 10px;
               margin-bottom: 5px;
               border-radius: 6px;
               border-left: 3px solid;
               background: var(--secondary-bg, #f5f5f7);
               word-wrap: break-word;
               white-space: pre-wrap;
           }

           #phone-screen.dark-mode .console-entry {
               background: #1c1c1e;
           }

           .console-entry.log {
               border-left-color: #007aff;
               color: var(--text-primary, #000000);
           }

           #phone-screen.dark-mode .console-entry.log {
               border-left-color: #0a84ff;
               color: #ffffff;
           }

           .console-entry.warn {
               border-left-color: #ff9500;
               color: #ff9500;
               background: rgba(255, 149, 0, 0.1);
           }

           #phone-screen.dark-mode .console-entry.warn {
               border-left-color: #ff9f0a;
               color: #ff9f0a;
               background: rgba(255, 159, 10, 0.15);
           }

           .console-entry.error {
               border-left-color: #ff3b30;
               color: #ff3b30;
               background: rgba(255, 59, 48, 0.1);
           }

           #phone-screen.dark-mode .console-entry.error {
               border-left-color: #ff453a;
               color: #ff453a;
               background: rgba(255, 69, 58, 0.15);
           }

           .console-entry.info {
               border-left-color: #34c759;
               color: var(--text-primary, #000000);
           }

           #phone-screen.dark-mode .console-entry.info {
               border-left-color: #32d74b;
               color: #ffffff;
           }

           .console-timestamp {
               font-size: 10px;
               color: var(--text-secondary, #8e8e93);
               margin-right: 8px;
           }

           #phone-screen.dark-mode .console-timestamp {
               color: #8e8e93;
           }

           .console-message {
               display: inline;
           }

           /* ========== 移动端控制台样式结束 ========== */

           /* 守护甜心风格好友列表 */
           .shugo-list-item {
               background: rgba(255, 255, 255, 0.9);
               border: 2px solid #ffe0e6;
               border-radius: 20px;
               padding: 15px;
               margin-bottom: 12px;
               display: flex;
               align-items: center;
               transition: all 0.3s ease;
               box-shadow: 0 4px 10px rgba(255, 183, 197, 0.2);
               backdrop-filter: blur(5px);
           }

           .shugo-list-item:hover {
               transform: translateY(-2px);
               border-color: #ff6b81;
               box-shadow: 0 6px 15px rgba(255, 183, 197, 0.4);
               background: #fff;
           }

           .shugo-avatar-wrapper {
               position: relative;
               margin-right: 15px;
               flex-shrink: 0;
           }

           .shugo-avatar {
               width: 50px;
               height: 50px;
               border-radius: 50%;
               border: 2px solid #fff;
               box-shadow: 0 2px 8px rgba(255, 107, 129, 0.3);
               object-fit: cover;
           }

           .shugo-info {
               flex: 1;
               display: flex;
               flex-direction: column;
               justify-content: center;
               min-width: 0;
               /* Prevent text overflow issues */
           }

           .shugo-nickname {
               font-family: 'Quicksand', sans-serif;
               font-weight: bold;
               color: #ff6b81;
               font-size: 16px;
               margin-bottom: 4px;
               white-space: nowrap;
               overflow: hidden;
               text-overflow: ellipsis;
           }

           .shugo-id {
               font-size: 12px;
               color: #ff9ca8;
               background: #fff0f5;
               padding: 2px 8px;
               border-radius: 10px;
               display: inline-block;
               width: fit-content;
           }

           .shugo-actions {
               display: flex;
               gap: 8px;
               flex-shrink: 0;
           }

           .shugo-btn {
               padding: 6px 12px;
               border: none;
               border-radius: 15px;
               font-size: 13px;
               font-weight: bold;
               cursor: pointer;
               transition: all 0.2s;
               color: white;
               box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
               white-space: nowrap;
           }

           .shugo-btn:hover {
               transform: translateY(-1px);
               box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
           }

           .shugo-btn-primary {
               background: linear-gradient(90deg, #ff9a9e 0%, #ff6b81 100%);
           }

           .shugo-btn-secondary {
               background: linear-gradient(90deg, #a1c4fd 0%, #c2e9fb 100%);
           }

           .shugo-btn-danger {
               background: linear-gradient(90deg, #ff9a9e 0%, #fecfef 100%);
               color: #fff;
           }

           .shugo-empty {
               text-align: center;
               padding: 30px;
               color: #ff9ca8;
               background: rgba(255, 255, 255, 0.5);
               border-radius: 20px;
               border: 2px dashed #ffe0e6;
               margin: 10px;
           }