.restricted-browser{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:90%;max-width:400px;z-index:100}.restricted-browser .box{background:var(--bg-container);backdrop-filter:var(--backdrop-blur);-webkit-backdrop-filter:var(--backdrop-blur);border:1px solid var(--border-color);border-radius:var(--radius);padding:32px;text-align:center;box-shadow:var(--shadow-hover);animation:fadeIn .3s ease}.restricted-browser .icon{font-size:48px;color:var(--text-secondary);margin-bottom:16px}.restricted-browser h2{font-size:20px;font-weight:600;margin-bottom:12px}.restricted-browser p{color:var(--text-secondary);font-size:14px;margin-bottom:24px}.restricted-browser .copy-box{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-sm);padding:16px;cursor:pointer;transition:var(--transition)}.restricted-browser .copy-box:hover{border-color:var(--text-secondary)}.restricted-browser .url{font-family:monospace;font-size:13px;color:var(--text-secondary);word-break:break-all}.restricted-browser .copy-hint{font-size:12px;color:var(--text-secondary);margin-top:8px;opacity:0;transition:opacity .2s}.restricted-browser .copy-box:hover .copy-hint{opacity:1}main#main-content{flex:1;display:flex;align-items:center;justify-content:center;width:100%}.toast-container{position:fixed;top:20px;right:20px;z-index:1000;display:flex;flex-direction:column;gap:8px}.toast{background:#28a745;color:#fff;padding:12px 20px;border-radius:var(--radius-sm);font-size:14px;display:flex;align-items:center;gap:8px;box-shadow:var(--shadow-hover);animation:slideIn .3s ease}.toast.error{background:#dc3545}.toast.hiding{animation:slideOut .3s ease forwards}.alt-btn[data-v-d33226b6]{background:var(--bg-tertiary);color:var(--text-primary)}.ios-download-notice .notice-title[data-v-d33226b6]{font-size:14px;color:var(--text-primary)}.ios-download-notice .notice-title i[data-v-d33226b6]{color:var(--accent-color);margin-right:4px}.ios-download-notice .notice-desc[data-v-d33226b6]{font-size:13px;color:var(--text-secondary)}.ios-download-notice .notice-desc a[data-v-d33226b6]{color:var(--accent-color);text-decoration:underline;font-weight:500}.tutorial-link[data-v-d33226b6]{width:100%;max-width:420px;margin-top:24px;display:flex;align-items:center;padding:16px 20px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-sm);text-decoration:none;color:var(--text-primary);transition:var(--transition);box-shadow:var(--shadow)}.tutorial-link[data-v-d33226b6]:hover{border-color:var(--accent-color);transform:translateY(-2px);box-shadow:var(--shadow-hover)}.tutorial-link .icon[data-v-d33226b6]{width:40px;height:40px;background:#34c7591a;border-radius:10px;display:flex;align-items:center;justify-content:center;margin-right:16px;flex-shrink:0}.tutorial-link .icon i[data-v-d33226b6]{font-size:18px;color:#34c759}.tutorial-link .text[data-v-d33226b6]{flex:1;text-align:left;min-width:0}.tutorial-link .title[data-v-d33226b6]{font-weight:600;font-size:15px;margin-bottom:4px}.tutorial-link .desc[data-v-d33226b6]{font-size:13px;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tutorial-link .arrow[data-v-d33226b6]{color:var(--text-secondary);font-size:14px;transition:var(--transition);margin-left:12px}.tutorial-link:hover .arrow[data-v-d33226b6]{color:var(--accent-color);transform:translate(4px)}.recommend-section[data-v-d33226b6]{padding:24px;background:var(--bg-tertiary);border-top:1px solid var(--border-color)}.recommend-title[data-v-d33226b6]{font-size:14px;font-weight:600;color:var(--text-secondary);margin-bottom:16px;letter-spacing:1px}.recommend-grid[data-v-d33226b6]{display:grid;grid-template-columns:1fr;gap:16px}@media (min-width: 600px){.recommend-grid[data-v-d33226b6]{grid-template-columns:repeat(3,1fr)}}.recommend-card[data-v-d33226b6]{background:var(--bg-container);border:1px solid var(--border-color);border-radius:var(--radius-sm);padding:16px;display:flex;align-items:center;gap:16px;text-decoration:none;color:var(--text-primary);transition:var(--transition);box-shadow:var(--shadow);cursor:pointer}.recommend-card[data-v-d33226b6]:hover{border-color:var(--accent-color);transform:translateY(-2px);box-shadow:var(--shadow-hover)}.recommend-card .icon-wrapper[data-v-d33226b6]{width:40px;height:40px;border-radius:10px;background:#007aff1a;display:flex;align-items:center;justify-content:center;color:var(--accent-color);font-size:20px;flex-shrink:0}.recommend-card .info[data-v-d33226b6]{flex:1}.recommend-card .title[data-v-d33226b6]{font-weight:600;font-size:15px;margin-bottom:4px}.recommend-card .desc[data-v-d33226b6]{font-size:12px;color:var(--text-secondary);line-height:1.4}footer[data-v-d33226b6]{padding:16px;border-top:1px solid var(--border-color);text-align:center;background:var(--bg-sidebar)}footer span[data-v-d33226b6]{font-size:12px;color:var(--text-secondary)}*{margin:0;padding:0;box-sizing:border-box}:root{--bg-body: linear-gradient(135deg, #e0c3fc 0%, #8ec5fc 100%);--bg-container: rgba(255, 255, 255, .7);--bg-sidebar: rgba(255, 255, 255, .5);--bg-secondary: rgba(255, 255, 255, .8);--bg-tertiary: rgba(245, 245, 247, .5);--text-primary: #1D1D1F;--text-secondary: #86868B;--border-color: rgba(0, 0, 0, .05);--accent-color: #007AFF;--shadow: 0 8px 32px rgba(0, 0, 0, .08);--shadow-hover: 0 12px 40px rgba(0, 0, 0, .12);--radius: 24px;--radius-sm: 12px;--transition: all .3s cubic-bezier(.25, .8, .25, 1);--backdrop-blur: blur(20px)}html.dark{--bg-body: linear-gradient(135deg, #2c3e50 0%, #000000 100%);--bg-container: rgba(28, 28, 30, .7);--bg-sidebar: rgba(44, 44, 46, .5);--bg-secondary: rgba(44, 44, 46, .6);--bg-tertiary: rgba(58, 58, 60, .5);--text-primary: #F5F5F7;--text-secondary: #86868B;--border-color: rgba(255, 255, 255, .1);--accent-color: #0A84FF;--shadow: 0 8px 32px rgba(0, 0, 0, .4);--shadow-hover: 0 12px 40px rgba(0, 0, 0, .5)}body{font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Helvetica Neue,sans-serif;background:var(--bg-body);color:var(--text-primary);min-height:100vh;display:flex;flex-direction:column;line-height:1.5;transition:background .3s,color .3s;background-attachment:fixed}#app{display:flex;flex-direction:column;min-height:100vh}.hidden{display:none!important}.container{width:100%;max-width:900px;background:var(--bg-container);backdrop-filter:var(--backdrop-blur);-webkit-backdrop-filter:var(--backdrop-blur);border:1px solid var(--border-color);border-radius:var(--radius);box-shadow:var(--shadow);display:flex;flex-direction:column;overflow:hidden;animation:fadeIn .4s ease;margin:20px auto}@media (max-width: 768px){.container{margin:16px;width:calc(100% - 32px)}}.header-section{padding:24px 32px;display:flex;align-items:center;gap:20px;border-bottom:1px solid var(--border-color);text-align:left}.logo{width:64px;height:64px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius);display:flex;align-items:center;justify-content:center;flex-shrink:0}@media (max-width: 600px){.header-section{flex-direction:column;text-align:center;gap:12px;padding:24px}}.logo i{font-size:28px;color:var(--text-secondary)}.header-section h1{font-size:22px;font-weight:600;margin-bottom:4px}.header-section p{color:var(--text-secondary);font-size:14px;margin-bottom:0}.download-btn{width:100%;max-width:420px;padding:12px 16px;background:var(--accent-color);color:#fff;border:none;border-radius:var(--radius-sm);font-size:14px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:var(--transition);box-shadow:0 4px 12px #007aff4d;min-height:48px;text-decoration:none}.download-btn:hover{opacity:.9;transform:translateY(-2px);box-shadow:0 6px 16px #007aff66}.main-content-section{display:flex;flex-direction:column;gap:16px;padding:16px;background:var(--bg-tertiary)}@media (min-width: 768px){.main-content-section{flex-direction:row;padding:24px;gap:24px}}.tabs-sidebar{background:var(--bg-container);padding:20px;border-radius:var(--radius);border:1px solid var(--border-color);box-shadow:var(--shadow)}@media (min-width: 768px){.tabs-sidebar{width:220px;flex-shrink:0}}.content-area{background:var(--bg-container);padding:24px;flex:1;display:flex;flex-direction:column;min-height:300px;border-radius:var(--radius);border:1px solid var(--border-color);box-shadow:var(--shadow);align-items:center;justify-content:center}@media (min-width: 768px){.content-area{padding:32px}}.mobile-tabs-header{display:none}@media (max-width: 767px){.tabs-sidebar{padding:8px;border-radius:12px}.mobile-tabs-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;cursor:pointer;background:var(--bg-secondary);border-radius:8px;border:1px solid var(--border-color);margin-bottom:8px}.mobile-tabs-header .current-selected{display:flex;align-items:center;gap:12px;font-weight:600;color:var(--text-primary)}.mobile-tabs-header .current-selected i{font-size:18px;width:24px;text-align:center;color:var(--accent-color)}.mobile-tabs-header .right-hint{display:flex;align-items:center;gap:6px}.mobile-tabs-header .right-hint span{font-size:12px;color:var(--text-secondary);font-weight:400}.mobile-tabs-header .expand-icon{color:var(--text-secondary);transition:transform .3s ease}.mobile-tabs-header .expand-icon.rotate{transform:rotate(180deg)}.tabs-sidebar:not(.expanded) .tabs button{display:none!important}.tabs-sidebar:not(.expanded) .tabs button.active{display:none!important}.tabs button.active{background:#007aff1a;color:var(--accent-color);box-shadow:none}.tabs button.active i{color:var(--accent-color)}}.tabs{display:flex;flex-direction:column;gap:8px}.tabs button{padding:12px 16px;border:1px solid transparent;background:transparent;color:var(--text-secondary);font-size:14px;font-weight:500;cursor:pointer;display:flex;align-items:center;justify-content:flex-start;gap:12px;transition:var(--transition);border-radius:var(--radius-sm);width:100%;text-align:left}.tabs button:hover{background:var(--bg-secondary);border-color:var(--border-color);color:var(--text-primary)}.tabs button.active{background:var(--accent-color);border-color:transparent;color:#fff;font-weight:600;box-shadow:0 4px 12px #007aff4d;transform:translateY(-1px)}.tabs button i{font-size:18px;width:24px;text-align:center;transition:var(--transition)}.tabs button:hover i{transform:scale(1.1)}.tabs button.active i{color:#fff;transform:scale(1.1)}.tab-content{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;opacity:1;transform:scale(1);transition:opacity .15s ease,transform .15s ease;width:100%}.tab-content.fading{opacity:0;transform:scale(.98)}.platform-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;width:100%;max-width:420px}.ios-download-notice{background:#007aff1a;border:1px solid rgba(0,122,255,.2);border-radius:var(--radius-sm);padding:16px;margin-bottom:16px;text-align:left}.ios-download-notice p{margin:0}.bottom-back-link{color:var(--text-secondary);text-decoration:none;font-size:14px;font-weight:500;display:inline-flex;align-items:center;gap:8px;padding:8px 16px;border-radius:20px;background:transparent;transition:var(--transition)}.bottom-back-link:hover{color:var(--accent-color);background:#007aff14;transform:translate(-4px)}.bottom-back-link i{transition:transform .2s}.bottom-back-link:hover i{transform:translate(-2px)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideOut{0%{transform:translate(0);opacity:1}to{transform:translate(100%);opacity:0}}