/* SF Symbols字体定义 */
@font-face {
    font-family: 'SF Pro Symbols';
    src: url('data:application/font-woff2;charset=utf-8;base64,d09GMgABAAAAAA...') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

/* 备用：使用系统SF Symbols（仅限macOS/iOS） */
@supports (font-variation-settings: normal) {
    .sf-symbol {
        font-family: 'SF Pro', -apple-system, sans-serif;
        font-variation-settings: 'wght' 400;
    }
}

/* SF Symbols图标映射（简化的字符映射） */
.sf-symbol[data-icon="home"]::before { content: "􀎞"; }
.sf-symbol[data-icon="link"]::before { content: "􀉣"; }
.sf-symbol[data-icon="timer"]::before { content: "􀐫"; }
.sf-symbol[data-icon="shield"]::before { content: "􀎡"; }
.sf-symbol[data-icon="bolt"]::before { content: "􀋦"; }
.sf-symbol[data-icon="info.circle"]::before { content: "􀅴"; }
.sf-symbol[data-icon="arrow.right"]::before { content: "􀄫"; }
.sf-symbol[data-icon="arrow.down"]::before { content: "􀄯"; }
.sf-symbol[data-icon="checkmark.circle"]::before { content: "􀁢"; }
.sf-symbol[data-icon="xmark.circle.fill"]::before { content: "􀆄"; }
.sf-symbol[data-icon="chevron.backward"]::before { content: "􀆉"; }
.sf-symbol[data-icon="chevron.down"]::before { content: "􀆈"; }
.sf-symbol[data-icon="arrow.clockwise"]::before { content: "􀅈"; }
.sf-symbol[data-icon="arrow.forward.circle.fill"]::before { content: "􀄱"; }
.sf-symbol[data-icon="doc.on.doc"]::before { content: "􀉂"; }
.sf-symbol[data-icon="checkmark.shield.fill"]::before { content: "􀎢"; }
.sf-symbol[data-icon="square.and.arrow.up"]::before { content: "􀈂"; }

/* 如果没有SF Symbols，回退到emoji */
@supports not (font-family: 'SF Pro Symbols') {
    .sf-symbol[data-icon="home"]::before { content: "🏠"; }
    .sf-symbol[data-icon="link"]::before { content: "🔗"; }
    .sf-symbol[data-icon="timer"]::before { content: "⏱️"; }
    .sf-symbol[data-icon="shield"]::before { content: "🛡️"; }
    .sf-symbol[data-icon="bolt"]::before { content: "⚡"; }
    .sf-symbol[data-icon="info.circle"]::before { content: "ℹ️"; }
    .sf-symbol[data-icon="arrow.right"]::before { content: "→"; }
    .sf-symbol[data-icon="arrow.down"]::before { content: "↓"; }
    .sf-symbol[data-icon="checkmark.circle"]::before { content: "✅"; }
    .sf-symbol[data-icon="xmark.circle.fill"]::before { content: "❌"; }
}