CFD資訊課程複習索引

找不到符合的內容，換個關鍵字試試看

分析工具

十年期公債殖利率
與全球總經儀表板

即時追蹤美債殖利率動向，整合市場情緒指標，判斷股市高低點轉折參考。

開啟工具

壓力支撐
測算工具

黃金切割率自動計算，輸入高低點即可取得 0.382 / 0.5 / 0.618 壓力支撐價位。

開啟工具

原油投資計畫
荷姆茲海峽危機追蹤

整合時間軸、費波那契交易日週期、三長三短基本面框架與課程技術分析，不定時更新最新地緣情勢與EIA庫存數據。

開啟工具

CFD 投資心法
建平老師語錄整理

關鍵5條、節奏5條、耐心、止損、心態五大主題完整收錄，原文未經修改，隨時複習投資紀律。

開啟工具

課程列表共 7 堂

* , *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; } html { scroll-behavior: smooth; } body { font-family: -apple-system, 'Segoe UI', 'Noto Sans TC', '微軟正黑體', sans-serif; background-color: var(--bg); background-image: radial-gradient(circle, rgba(0,0,0,0.035) 1px, transparent 1px); background-size: 22px 22px; background-attachment: fixed; color: var(--text-primary); min-height: 100vh; padding: 0 0 90px; line-height: 1.7; font-size: 16px; } /* ── HEADER ── */ .site-header { position: relative; text-align: center; padding: 56px 24px 44px; background: #1E1E1E; color: #fff; } .header-icon { width: 64px; height: 64px; margin: 0 auto 20px; border-radius: 16px; background: var(--red); display: flex; align-items: center; justify-content: center; font-size: 28px; color: #fff; box-shadow: 0 4px 16px rgba(200,16,46,0.35); } .header-icon i { line-height: 1; } .header-mon { font-size: 14px; letter-spacing: 0.28em; color: #AAAAAA; margin-bottom: 14px; font-weight: 600; } .header-title { font-size: clamp(26px, 4.5vw, 38px); font-weight: 700; color: #fff; letter-spacing: 0.01em; margin-bottom: 12px; line-height: 1.4; } .header-subtitle { font-size: 15px; color: #BBBBBB; letter-spacing: 0.01em; line-height: 1.9; } .header-seal { display: inline-flex; align-items: center; gap: 8px; margin-top: 22px; padding: 8px 20px; border: 1px solid var(--red); border-radius: 50px; font-size: 13px; color: #fff; background: rgba(200,16,46,0.15); letter-spacing: 0.04em; font-weight: 600; } /* ── LAYOUT ── */ .container { max-width: 920px; margin: 0 auto; padding: 0 20px; } /* ── SECTION HEADER ── */ .section-header { display: flex; align-items: center; gap: 16px; margin: 52px 0 24px; } .section-header::before { content: ''; width: 5px; height: 26px; background: var(--red); border-radius: 3px; flex-shrink: 0; } .section-title { font-size: 19px; font-weight: 700; color: var(--text-primary); letter-spacing: 0.01em; display: flex; align-items: center; gap: 10px; } .section-title i { color: var(--red); font-size: 18px; } .section-count { margin-left: auto; font-size: 13px; font-weight: 600; color: var(--text-secondary); background: var(--card-bg); padding: 4px 14px; border-radius: 50px; border: 1px solid var(--border); } /* ── TOOLS GRID ── */ .tools-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 18px; margin-bottom: 8px; } .tool-card { display: flex; flex-direction: column; align-items: flex-start; padding: 26px 26px 22px; background: var(--card-bg); border: 1px solid var(--border); border-radius: var(--radius); text-decoration: none; color: var(--text-primary); box-shadow: var(--shadow-card); transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease; position: relative; } .tool-card:hover { transform: translateY(-4px); box-shadow: var(--shadow-hover); border-color: var(--border-hover); } .tool-icon-wrap { width: 52px; height: 52px; border-radius: 10px; background: var(--red-pale); border: 1px solid rgba(200,16,46,0.2); display: flex; align-items: center; justify-content: center; margin-bottom: 16px; font-size: 22px; color: var(--red); flex-shrink: 0; } .tool-icon-wrap i { line-height: 1; } .tool-name { font-size: 17px; font-weight: 700; color: var(--text-primary); margin-bottom: 8px; line-height: 1.5; } .tool-desc { font-size: 14px; color: var(--text-secondary); line-height: 1.8; margin-bottom: 16px; } .tool-cta { display: inline-flex; align-items: center; gap: 6px; font-size: 13.5px; color: var(--red); font-weight: 700; letter-spacing: 0.02em; margin-top: auto; } /* ── COURSE LIST ── */ .course-list { display: flex; flex-direction: column; gap: 12px; } .course-card { display: grid; grid-template-columns: 88px 1fr auto; align-items: center; background: var(--card-bg); border: 1px solid var(--border); border-radius: var(--radius); text-decoration: none; color: var(--text-primary); box-shadow: var(--shadow-card); overflow: hidden; transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease; position: relative; } .course-card:hover { transform: translateX(6px); box-shadow: var(--shadow-hover); border-color: var(--border-hover); } .course-card:hover .course-arrow { transform: translateX(4px); color: var(--red); } /* date column — fixed-width, no wrapping regardless of month digit count */ .course-date-col { display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 16px 6px; background: #FAFAFA; border-right: 1px solid var(--border); height: 100%; min-height: 86px; gap: 2px; } .date-year { font-size: 11px; color: var(--text-light); letter-spacing: 0.02em; white-space: nowrap; } .date-day { font-size: 24px; font-weight: 700; color: var(--red); line-height: 1.15; white-space: nowrap; } .date-month-label { font-size: 11.5px; letter-spacing: 0.02em; color: var(--text-light); font-weight: 600; white-space: nowrap; } .date-type { font-size: 10.5px; color: var(--text-light); margin-top: 1px; white-space: nowrap; } /* content column */ .course-content { padding: 16px 20px; min-width: 0; } .course-name { font-size: 16px; font-weight: 700; color: var(--text-primary); margin-bottom: 5px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .course-desc { font-size: 13.5px; color: var(--text-light); line-height: 1.6; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .course-tags { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 8px; } .tag { font-size: 12px; font-weight: 600; padding: 2px 11px; border-radius: 50px; background: #F4F4F4; border: 1px solid var(--border); color: var(--text-secondary); white-space: nowrap; } /* arrow column */ .course-arrow-col { padding: 0 22px; display: flex; align-items: center; } .course-arrow { color: var(--text-light); transition: transform 0.2s ease, color 0.2s ease; font-size: 16px; } /* ── LATEST BADGE ── */ .badge-latest { position: absolute; top: 12px; right: 12px; font-size: 11px; font-weight: 700; letter-spacing: 0.05em; color: #fff; background: var(--red); padding: 2px 10px; border-radius: 4px; } /* ── FOOTER ── */ .site-footer { text-align: center; padding: 44px 24px 12px; font-size: 13px; color: var(--text-light); letter-spacing: 0.02em; line-height: 2; border-top: 1px solid var(--border); margin-top: 56px; } .site-footer strong { color: var(--text-secondary); } /* ── DIVIDER ── */ .rule { height: 1px; background: var(--border); margin: 0; } @media (max-width: 600px) { .course-card { grid-template-columns: 72px 1fr auto; } .date-day { font-size: 20px; } .tool-card { padding: 22px 20px 18px; } body { font-size: 15px; } } /* ── SEARCH ── */ .search-wrap { max-width: 920px; margin: -30px auto 0; padding: 0 20px; position: relative; z-index: 5; } .search-box { display: flex; align-items: center; gap: 12px; background: var(--card-bg); border: 1px solid var(--border); border-radius: 50px; padding: 14px 22px; box-shadow: 0 10px 30px rgba(0,0,0,0.14); transition: border-color 0.2s ease, box-shadow 0.2s ease; } .search-box:focus-within { border-color: var(--red); box-shadow: 0 10px 30px rgba(200,16,46,0.18); } .search-box i.fa-magnifying-glass { color: var(--text-light); font-size: 16px; flex-shrink: 0; } .search-box:focus-within i.fa-magnifying-glass { color: var(--red); } #search-input { flex: 1; border: none; outline: none; font-size: 15px; font-family: inherit; color: var(--text-primary); background: transparent; } #search-input::placeholder { color: var(--text-light); } #search-clear { display: none; border: none; background: var(--bg); color: var(--text-light); width: 24px; height: 24px; border-radius: 50%; align-items: center; justify-content: center; cursor: pointer; font-size: 12px; flex-shrink: 0; } #search-clear:hover { background: var(--red-pale); color: var(--red); } .search-meta { font-size: 12px; color: var(--text-light); padding: 10px 22px 0; } .search-results { margin-top: 14px; display: none; flex-direction: column; gap: 10px; } .search-result-item { display: block; text-decoration: none; color: var(--text-primary); background: var(--card-bg); border: 1px solid var(--border); border-radius: var(--radius); padding: 16px 20px; box-shadow: var(--shadow-card); transition: transform 0.15s ease, box-shadow 0.15s ease, border-color 0.15s ease; } .search-result-item:hover { transform: translateX(4px); box-shadow: var(--shadow-hover); border-color: var(--border-hover); } .sr-top { display: flex; align-items: center; gap: 8px; margin-bottom: 6px; flex-wrap: wrap; } .sr-page { font-size: 12px; font-weight: 700; color: var(--red); background: var(--red-pale); padding: 2px 10px; border-radius: 50px; } .sr-date { font-size: 11.5px; color: var(--text-light); } .sr-section { font-size: 15.5px; font-weight: 700; color: var(--text-primary); margin-bottom: 4px; } .sr-snippet { font-size: 13.5px; color: var(--text-secondary); line-height: 1.7; } .sr-snippet mark { background: rgba(200,16,46,0.16); color: var(--red); font-weight: 700; border-radius: 3px; padding: 0 2px; } .search-empty { display: none; text-align: center; padding: 28px 20px; color: var(--text-light); font-size: 14px; background: var(--card-bg); border: 1px dashed var(--border); border-radius: var(--radius); margin-top: 14px; } .search-loading { text-align: center; padding: 10px 20px; color: var(--text-light); font-size: 12.5px; }

找不到符合的內容，換個關鍵字試試看

分析工具

十年期公債殖利率
與全球總經儀表板

即時追蹤美債殖利率動向，整合市場情緒指標，判斷股市高低點轉折參考。

開啟工具

壓力支撐
測算工具

黃金切割率自動計算，輸入高低點即可取得 0.382 / 0.5 / 0.618 壓力支撐價位。

開啟工具

原油投資計畫
荷姆茲海峽危機追蹤

整合時間軸、費波那契交易日週期、三長三短基本面框架與課程技術分析，不定時更新最新地緣情勢與EIA庫存數據。

開啟工具

CFD 投資心法
建平老師語錄整理

關鍵5條、節奏5條、耐心、止損、心態五大主題完整收錄，原文未經修改，隨時複習投資紀律。

開啟工具

課程列表共 7 堂