/**
 * FL Notes — 綠墨紙本設計系統。
 * 暖米白工作面、深墨綠導覽骨架、FL Lime 行動色；桌面三帶式，窄螢幕優先寫作。
 */

@import url('/assets/css/flnotes-extensions.css');

:root { --ink: #173f35; --ink-deep: #102c25; --lime: #b7e336; --lime-pale: #edf7cf; --paper: #f7f3ea; --paper-strong: #fffdf8; --sand: #e7dfd1; --sage: #d8e5d0; --muted: #71817a; --rose: #ae4a4a; --line: rgba(23,63,53,.12); --shadow: 0 16px 34px rgba(23,63,53,.07); --ease: cubic-bezier(.23,1,.32,1); }
* { box-sizing: border-box; }
body { background: var(--paper); color: var(--ink); font-family: "Noto Sans TC", system-ui, sans-serif; font-size: 14px; }
button, input, textarea, select { font: inherit; }
a { color: var(--ink); } a:hover { color: var(--ink-deep); text-decoration: none; }
.flnotes-shell { min-height: 100vh; }
.flnotes-topbar { height: 62px; border-bottom: 1px solid var(--line); box-shadow: none; background: rgba(255,253,248,.92); backdrop-filter: blur(15px); }
.flnotes-topbar .nav-link { color: var(--ink); }
.flnotes-global-search { width: min(460px, 52vw); }.flnotes-global-search .input-group { width: 100%; }.flnotes-global-search .form-control { height: 35px; border: 1px solid transparent; border-radius: 8px 0 0 8px; background: #f0ede6; color: var(--ink); box-shadow: none; }.flnotes-global-search .form-control:focus { border-color: rgba(183,227,54,.75); background: #fff; }.flnotes-global-search .btn { border: 0; border-radius: 0 8px 8px 0; background: #f0ede6; color: var(--muted); }
.flnotes-avatar, .flnotes-profile-avatar { display: inline-flex; align-items: center; justify-content: center; background: var(--lime); color: var(--ink-deep); font-weight: 800; border-radius: 50%; }.flnotes-avatar { width: 30px; height: 30px; font-size: 13px; }.flnotes-user-menu { border: 1px solid var(--line); border-radius: 10px; box-shadow: var(--shadow); }.flnotes-user-menu .dropdown-item { font-size: 13px; }.flnotes-user-menu button { border: 0; background: transparent; width: 100%; text-align: left; }
.flnotes-sidebar { background: var(--ink-deep); box-shadow: none !important; }.flnotes-brand { height: 62px; display: flex; align-items: center; gap: 10px; border-bottom: 1px solid rgba(255,255,255,.1); color: #fff !important; padding: 0 20px; }.brand-mark { position: relative; display: inline-block; width: 28px; height: 30px; border-radius: 4px 4px 10px 4px; background: var(--lime); transform: rotate(-4deg); }.brand-mark:after { content: ""; position: absolute; top: 0; right: 0; border-style: solid; border-width: 0 0 9px 9px; border-color: transparent transparent var(--ink-deep) transparent; }.brand-mark span { position: absolute; width: 10px; height: 16px; border: 3px solid var(--ink); border-radius: 100% 0 100% 0; left: 8px; top: 8px; transform: rotate(45deg); }.brand-text { font-family: "Noto Serif TC", serif; font-size: 19px; letter-spacing: -.3px; font-weight: 900; }.brand-text em { font-style: normal; color: var(--lime); }
.flnotes-sidebar .sidebar { height: calc(100% - 62px); display: flex; flex-direction: column; padding: 16px 12px; }.flnotes-compose-wrap { padding: 0 5px 18px; }.flnotes-compose { align-items: center; background: var(--lime); border: 0; border-radius: 7px; color: var(--ink-deep); display: flex; font-weight: 800; gap: 10px; justify-content: center; min-height: 42px; padding: 0 15px; transition: transform 160ms var(--ease), box-shadow 160ms var(--ease); }.flnotes-compose:hover { background: #c5f146; color: var(--ink-deep); box-shadow: 0 8px 18px rgba(183,227,54,.18); transform: translateY(-1px); }.flnotes-compose:active, .flnotes-primary-btn:active { transform: scale(.97); }
.flnotes-sidebar .nav-sidebar>.nav-item>.nav-link { border-radius: 6px; color: rgba(255,255,255,.66); font-size: 14px; margin-bottom: 3px; padding: 10px 12px; }.flnotes-sidebar .nav-sidebar>.nav-item>.nav-link .nav-icon { font-size: 15px; margin-right: 4px; }.flnotes-sidebar .nav-sidebar>.nav-item>.nav-link.active, .flnotes-sidebar .nav-sidebar>.nav-item>.nav-link:hover { background: rgba(255,255,255,.1); color: #fff; box-shadow: none; }.flnotes-sidebar .nav-sidebar>.nav-item>.nav-link.active:before { background: var(--lime); border-radius: 0 3px 3px 0; content: ""; height: 22px; left: -12px; position: absolute; top: 10px; width: 3px; }.flnotes-sidebar-foot { margin-top: auto; padding: 14px 8px 2px; color: rgba(255,255,255,.46); }.flnotes-sidebar-foot p { font-family: "Noto Serif TC", serif; font-size: 13px; line-height: 1.7; margin: 0; }.flnotes-sidebar-foot small { font-size: 10px; }
.flnotes-content { background: var(--paper); min-height: calc(100vh - 62px); }.flnotes-content .content { max-width: 1540px; margin: 0 auto; }.flnotes-footer { background: transparent; border-top: 1px solid var(--line); color: var(--muted); font-size: 12px; padding: 12px 26px; }.flnotes-footer span:first-child { color: var(--ink); font-family: "Noto Serif TC", serif; font-weight: 800; }
.flnotes-eyebrow { color: #658000; display: inline-block; font-size: 11px; font-weight: 800; letter-spacing: .13em; text-transform: uppercase; }.flnotes-dashboard-head h1, .flnotes-editor-top h1 { color: var(--ink-deep); font-family: "Noto Serif TC", serif; font-size: clamp(27px, 3vw, 36px); font-weight: 900; letter-spacing: -.05em; line-height: 1.18; margin: 4px 0 5px; }.flnotes-dashboard-head p { color: var(--muted); margin: 0; }.flnotes-primary-btn { background: var(--lime); border: 0; border-radius: 7px; color: var(--ink-deep); font-weight: 800; min-height: 38px; padding: 8px 15px; transition: transform 160ms var(--ease), box-shadow 160ms var(--ease), background 160ms var(--ease); }.flnotes-primary-btn:hover { background: #c5f146; color: var(--ink-deep); box-shadow: 0 9px 20px rgba(116,145,17,.18); transform: translateY(-1px); }
.flnotes-filter-panel { padding-right: 25px; }.flnotes-section-label { align-items: center; border-bottom: 1px solid var(--line); color: var(--muted); display: flex; font-size: 11px; font-weight: 800; justify-content: space-between; letter-spacing: .07em; padding: 0 0 9px; text-transform: uppercase; }.flnotes-section-label a { color: var(--muted); }.flnotes-filter-links, .flnotes-notebook-links { margin-top: 7px; }.flnotes-filter-links a, .flnotes-notebook-links a { align-items: center; border-radius: 5px; color: var(--ink); display: flex; font-size: 13px; gap: 9px; margin: 2px 0; padding: 8px 9px; transition: background 160ms var(--ease), transform 160ms var(--ease); }.flnotes-filter-links a:hover, .flnotes-notebook-links a:hover { background: rgba(23,63,53,.06); transform: translateX(2px); }.flnotes-filter-links a.selected, .flnotes-notebook-links a.selected { background: var(--lime-pale); color: var(--ink-deep); font-weight: 700; }.flnotes-filter-links a span, .flnotes-notebook-links a small { color: var(--muted); font-size: 11px; margin-left: auto; }.notebook-dot { background: #cbd6bd; border-radius: 50%; display: inline-block; height: 8px; width: 8px; }.all-dot { background: var(--ink); }
.flnotes-note-grid { display: grid; gap: 15px; grid-template-columns: repeat(3, minmax(0, 1fr)); }.flnotes-note-card { background: var(--paper-strong); border: 1px solid rgba(23,63,53,.08); border-radius: 9px; box-shadow: 0 4px 0 rgba(23,63,53,.025); min-height: 220px; overflow: hidden; position: relative; transition: box-shadow 180ms var(--ease), transform 180ms var(--ease), border-color 180ms var(--ease); }.flnotes-note-card:after { background: var(--ink); bottom: 0; content: ""; height: 3px; left: 0; opacity: .2; position: absolute; transition: opacity 180ms var(--ease); width: 100%; }.flnotes-note-card:hover { border-color: rgba(23,63,53,.16); box-shadow: var(--shadow); transform: translateY(-3px); }.flnotes-note-card:hover:after { opacity: .72; }.flnotes-note-card.is-pinned:before { background: var(--lime); border-radius: 50%; content: ""; height: 8px; position: absolute; right: 16px; top: 15px; width: 8px; }.flnotes-note-card-link { color: inherit; display: block; min-height: 220px; padding: 18px; }.flnotes-note-kind { color: var(--muted); font-size: 10px; font-weight: 800; letter-spacing: .07em; text-transform: uppercase; }.flnotes-note-kind i { margin-right: 5px; }.flnotes-favorite-star { color: #d4ae35; font-size: 13px; }.flnotes-note-card h2 { display: -webkit-box; font-family: "Noto Serif TC", serif; font-size: 18px; font-weight: 700; letter-spacing: -.02em; line-height: 1.43; margin: 18px 0 8px; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }.flnotes-note-card p { color: #687870; display: -webkit-box; font-size: 12px; line-height: 1.8; margin: 0; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }.flnotes-note-card footer { align-items: center; bottom: 16px; display: flex; justify-content: space-between; left: 18px; position: absolute; right: 18px; }.flnotes-note-notebook { align-items: center; color: var(--ink); display: inline-flex; font-size: 10px; font-weight: 700; gap: 5px; }.flnotes-note-notebook:before { background: var(--note-color); border-radius: 50%; content: ""; height: 6px; width: 6px; }.flnotes-note-card time { color: var(--muted); font-size: 10px; }.flnotes-card-action { bottom: 9px; display: flex; gap: 5px; left: 18px; position: absolute; z-index: 2; }.flnotes-card-action .btn { font-size: 10px; padding: 3px 7px; }
.flnotes-empty-state { background: var(--paper-strong); border: 1px dashed rgba(23,63,53,.22); border-radius: 10px; grid-column: 1 / -1; padding: 60px 25px; text-align: center; }.flnotes-empty-state.compact { min-height: 340px; display: grid; align-content: center; }.flnotes-empty-mark { align-items: center; background: var(--lime-pale); border-radius: 50%; color: var(--ink); display: inline-flex; font-size: 22px; height: 56px; justify-content: center; width: 56px; }.flnotes-empty-state h2 { font-family: "Noto Serif TC", serif; font-size: 20px; font-weight: 700; margin: 15px 0 5px; }.flnotes-empty-state p { color: var(--muted); font-size: 13px; margin-bottom: 19px; }
.flnotes-editor-top { align-items: flex-end; display: flex; justify-content: space-between; }.flnotes-back-link { color: var(--muted); font-size: 13px; font-weight: 700; }.flnotes-back-link:hover { color: var(--ink); }.flnotes-back-link i { margin-right: 7px; }.flnotes-editor-status { color: var(--muted); font-size: 12px; }.flnotes-editor-status i { color: #88a500; margin-right: 5px; }.flnotes-editor-layout { margin-top: 20px; }.flnotes-paper-editor { background: var(--paper-strong); border: 1px solid rgba(23,63,53,.1); border-radius: 10px; box-shadow: var(--shadow); min-height: 620px; overflow: hidden; padding: 40px clamp(24px, 5vw, 64px) 62px; position: relative; }.flnotes-paper-editor:before { background: linear-gradient(90deg, transparent, rgba(183,227,54,.15), transparent); content: ""; height: 1px; left: 0; position: absolute; right: 0; top: 118px; }.flnotes-note-title { background: transparent; border: 0; border-bottom: 0; box-shadow: none !important; color: var(--ink-deep); font-family: "Noto Serif TC", serif; font-size: clamp(27px, 3vw, 38px); font-weight: 900; letter-spacing: -.05em; line-height: 1.35; margin-bottom: 21px; outline: 0; padding: 0; width: 100%; }.flnotes-note-title::placeholder { color: #a4afa6; }.flnotes-note-content { background: transparent; border: 0; box-shadow: none !important; color: #314b43; font-size: 15px; line-height: 2; min-height: 430px; outline: 0; padding: 14px 0; resize: vertical; width: 100%; }.flnotes-note-content::placeholder { color: #a4afa6; }.flnotes-paper-footer { bottom: 22px; color: var(--muted); display: flex; font-size: 11px; justify-content: space-between; left: clamp(24px, 5vw, 64px); position: absolute; right: clamp(24px, 5vw, 64px); }.flnotes-editor-sidecard, .flnotes-management-form, .flnotes-profile-card { background: var(--paper-strong); border: 1px solid rgba(23,63,53,.1); border-radius: 10px; box-shadow: 0 7px 18px rgba(23,63,53,.04); padding: 24px; }.flnotes-editor-sidecard h2, .flnotes-management-form h2 { font-family: "Noto Serif TC", serif; font-size: 19px; font-weight: 800; margin: 0 0 20px; }.flnotes-editor-sidecard label, .flnotes-management-form label { color: var(--ink); font-size: 12px; font-weight: 800; }.flnotes-editor-sidecard .custom-select, .flnotes-management-form .form-control { border-color: var(--line); box-shadow: none; color: var(--ink); font-size: 13px; }.flnotes-editor-sidecard .custom-select:focus, .flnotes-management-form .form-control:focus { border-color: var(--lime); box-shadow: 0 0 0 3px rgba(183,227,54,.18); }.flnotes-small-link { color: #668000; display: block; font-size: 11px; font-weight: 700; margin-top: 7px; }.flnotes-small-link i { margin-right: 5px; }.flnotes-tag-checks { display: flex; flex-wrap: wrap; gap: 6px; }.flnotes-tag-checks label { cursor: pointer; margin: 0; }.flnotes-tag-checks input { height: 1px; opacity: 0; position: absolute; width: 1px; }.flnotes-tag-checks span { border: 1px solid transparent; border-radius: 99px; color: var(--ink); display: inline-block; font-size: 11px; font-weight: 600; padding: 5px 9px; position: relative; }.flnotes-tag-checks span:before { background: var(--tag-color); border-radius: 50%; content: ""; display: inline-block; height: 6px; margin-right: 5px; width: 6px; }.flnotes-tag-checks input:checked + span { background: var(--lime-pale); border-color: rgba(183,227,54,.5); }.flnotes-toggle-row { align-items: center; border-top: 1px solid var(--line); display: flex; font-size: 12px; justify-content: space-between; padding: 13px 0 0; margin-top: 13px; }.flnotes-toggle-row i { color: var(--muted); margin-right: 5px; }.flnotes-switch { cursor: pointer; display: inline-block; height: 20px; margin: 0; position: relative; width: 37px; }.flnotes-switch input { height: 0; opacity: 0; width: 0; }.flnotes-switch span { background: #d4ddd1; border-radius: 99px; inset: 0; position: absolute; transition: background 160ms var(--ease); }.flnotes-switch span:before { background: #fff; border-radius: 50%; box-shadow: 0 1px 2px rgba(0,0,0,.2); content: ""; height: 16px; left: 2px; position: absolute; top: 2px; transition: transform 160ms var(--ease); width: 16px; }.flnotes-switch input:checked + span { background: var(--lime); }.flnotes-switch input:checked + span:before { transform: translateX(17px); }
.flnotes-management-form h2, .flnotes-profile-card h2 { margin-bottom: 5px; }.flnotes-management-form>p { color: var(--muted); font-size: 12px; line-height: 1.7; margin-bottom: 22px; }.flnotes-color-input { height: 39px; padding: 3px; }.flnotes-management-list, .flnotes-tag-archive { display: grid; gap: 11px; }.flnotes-notebook-card { align-items: center; background: var(--paper-strong); border: 1px solid rgba(23,63,53,.1); border-radius: 9px; display: grid; gap: 15px; grid-template-columns: 7px minmax(0,1fr) auto; min-height: 102px; overflow: hidden; padding: 14px 16px 14px 0; }.flnotes-notebook-color { align-self: stretch; border-radius: 0 4px 4px 0; }.flnotes-notebook-card h2, .flnotes-tag-card h2 { font-family: "Noto Serif TC", serif; font-size: 16px; font-weight: 800; margin: 0 0 4px; }.flnotes-notebook-card p, .flnotes-tag-card p { color: var(--muted); font-size: 12px; margin: 0 0 5px; }.flnotes-notebook-card small { color: #668000; font-size: 11px; font-weight: 700; }.flnotes-notebook-card small i { margin-right: 5px; }.flnotes-management-actions { align-items: center; display: flex; gap: 4px; }.flnotes-management-actions form { margin: 0; }.flnotes-management-actions .btn { font-size: 11px; }.flnotes-tag-archive { grid-template-columns: repeat(2, minmax(0,1fr)); }.flnotes-tag-card { align-items: center; background: var(--paper-strong); border: 1px solid rgba(23,63,53,.1); border-radius: 9px; display: grid; gap: 12px; grid-template-columns: 14px minmax(0,1fr) auto; min-height: 90px; padding: 14px; }.flnotes-tag-swatch { border-radius: 4px; height: 36px; width: 10px; }.flnotes-tag-card button { padding: 5px; }.flnotes-profile-card { text-align: center; }.flnotes-profile-avatar { font-family: "Noto Serif TC", serif; font-size: 28px; height: 80px; margin-bottom: 13px; width: 80px; }.flnotes-profile-card p { color: var(--muted); margin-bottom: 10px; }.flnotes-profile-card hr { border-top-color: var(--line); }.flnotes-role-badge { background: var(--lime-pale); border-radius: 99px; color: var(--ink); font-size: 11px; font-weight: 800; padding: 4px 9px; }
.flnotes-auth-page { background: var(--paper); min-height: 100vh; }.flnotes-auth-grid { display: grid; grid-template-columns: minmax(280px, 43%) 1fr; min-height: 100vh; }.flnotes-auth-art { background: var(--ink-deep); color: #fff; min-height: 100%; overflow: hidden; padding: 45px clamp(30px, 5vw, 70px); position: relative; }.flnotes-auth-mark { align-items: center; display: flex; font-family: "Noto Serif TC", serif; font-size: 20px; font-weight: 900; gap: 10px; position: relative; z-index: 3; }.flnotes-auth-art .brand-mark { transform: rotate(-4deg) scale(.82); transform-origin: left center; }.flnotes-auth-paper { background: #fffdf8; border-radius: 4px 8px 12px 4px; box-shadow: 0 32px 40px rgba(0,0,0,.25); position: absolute; }.paper-one { height: 280px; right: -55px; top: 26%; transform: rotate(13deg); width: 280px; }.paper-one:after, .paper-two:after { background: repeating-linear-gradient(to bottom, transparent 0, transparent 21px, #edf2e7 22px); content: ""; inset: 30px; position: absolute; }.paper-two { background: #dfecc5; bottom: -38px; height: 260px; left: 14%; transform: rotate(-16deg); width: 290px; }.flnotes-auth-leaf { background: var(--lime); border-radius: 0 100% 0 100%; height: 105px; position: absolute; right: 20%; top: 49%; transform: rotate(22deg); width: 66px; z-index: 2; }.flnotes-auth-leaf:after { background: var(--ink-deep); content: ""; height: 92px; left: 31px; position: absolute; top: 14px; transform: rotate(-22deg); width: 3px; }.flnotes-auth-caption { bottom: 42px; left: clamp(30px, 5vw, 70px); position: absolute; z-index: 3; }.flnotes-auth-caption span { color: var(--lime); font-size: 11px; font-weight: 800; letter-spacing: .13em; text-transform: uppercase; }.flnotes-auth-caption p { font-family: "Noto Serif TC", serif; font-size: 22px; line-height: 1.6; margin: 8px 0 0; max-width: 270px; }.flnotes-auth-panel { align-items: center; background: var(--paper); display: flex; justify-content: center; padding: 35px; }.flnotes-auth-form-wrap { max-width: 430px; width: 100%; }.flnotes-auth-mobile-brand { align-items: center; display: none; gap: 9px; font-family: "Noto Serif TC", serif; font-size: 19px; margin-bottom: 34px; }.flnotes-auth-mobile-brand .brand-mark { transform: scale(.78); transform-origin: left center; }.flnotes-auth-panel h1, .flnotes-verify-card h1 { font-family: "Noto Serif TC", serif; font-size: clamp(34px, 4.2vw, 49px); font-weight: 900; letter-spacing: -.07em; line-height: 1.18; margin: 7px 0 13px; }.flnotes-auth-panel h1 em, .flnotes-verify-card h1 em { color: #719000; font-style: normal; }.flnotes-auth-intro { color: var(--muted); font-size: 14px; line-height: 1.85; margin-bottom: 27px; }.flnotes-auth-form label { color: var(--ink); font-size: 12px; font-weight: 800; }.flnotes-auth-form .form-control { border: 1px solid rgba(23,63,53,.16); border-radius: 6px; box-shadow: none; color: var(--ink); height: 45px; padding: 10px 12px; }.flnotes-auth-form .form-control:focus { border-color: #9dc720; box-shadow: 0 0 0 3px rgba(183,227,54,.2); }.flnotes-form-hint { color: var(--muted); font-size: 10px; }.flnotes-auth-form .flnotes-primary-btn { min-height: 46px; }.flnotes-auth-footnote { color: var(--muted); font-size: 11px; margin-top: 20px; text-align: center; }.flnotes-auth-footnote i { color: #8cae12; margin-right: 4px; }.flnotes-verify-page { align-items: center; display: flex; justify-content: center; padding: 25px; }.flnotes-verify-card { background: var(--paper-strong); border: 1px solid rgba(23,63,53,.09); border-radius: 12px; box-shadow: var(--shadow); max-width: 500px; padding: 50px; text-align: center; width: 100%; }.flnotes-verify-card .flnotes-auth-mobile-brand { display: flex; justify-content: center; }.flnotes-verify-icon { align-items: center; background: var(--lime-pale); border-radius: 50%; color: var(--ink); display: inline-flex; font-size: 25px; height: 65px; justify-content: center; margin-bottom: 18px; width: 65px; }.flnotes-verify-card>p { color: var(--muted); font-size: 13px; line-height: 1.8; margin-bottom: 22px; }.flnotes-verify-card>p strong { color: var(--ink); }.flnotes-code-input { font-size: 25px !important; font-weight: 800; letter-spacing: .34em; padding-left: calc(50% - 2.55em) !important; text-align: center; }.flnotes-verify-back { font-size: 12px !important; margin: 23px 0 0 !important; }.flnotes-verify-back a { color: var(--muted); font-weight: 700; }
.alert { border: 0; border-radius: 7px; font-size: 13px; margin: 15px 0; }.alert-success { background: var(--lime-pale); color: var(--ink); }.alert-danger { background: #f9e7e5; color: #772f2c; }
.flnotes-paper-editor .tox.tox-tinymce { border: 1px solid rgba(23,63,53,.11); border-radius: 8px; box-shadow: none; margin-top: 10px; overflow: hidden; }.flnotes-paper-editor .tox .tox-editor-header { border-bottom: 1px solid var(--line); box-shadow: none; }.flnotes-paper-editor .tox .tox-toolbar-overlord, .flnotes-paper-editor .tox .tox-toolbar__primary { background: #faf7f0; }.flnotes-paper-editor .tox .tox-tbtn:hover { background: var(--lime-pale); }.flnotes-paper-editor .tox .tox-statusbar { border-top-color: var(--line); }.flnotes-side-notice { background: #f2f5e9; border-left: 3px solid #9caf91; color: #50665e; font-size: 12px; line-height: 1.75; margin: -5px 0 18px; padding: 9px 10px; }.flnotes-side-notice i { color: #688300; margin-right: 5px; }.flnotes-attachment-card { background: #fffdf8; border: 1px solid rgba(23,63,53,.1); border-radius: 10px; box-shadow: 0 7px 18px rgba(23,63,53,.04); margin-top: 15px; padding: 18px; }.flnotes-attachment-card h2 { font-family: "Noto Serif TC", serif; font-size: 17px; font-weight: 800; margin: 0; }.flnotes-attachment-card>div>span { align-items: center; background: var(--lime-pale); border-radius: 99px; display: inline-flex; font-size: 11px; font-weight: 800; height: 22px; justify-content: center; width: 22px; }.flnotes-attachment-list { list-style: none; margin: 13px 0 8px; padding: 0; }.flnotes-attachment-list li { align-items: center; border-top: 1px solid var(--line); display: flex; gap: 8px; padding: 10px 0; }.flnotes-attachment-list a { align-items: center; color: var(--ink); display: flex; gap: 9px; min-width: 0; }.flnotes-attachment-list a>i { color: #718a7f; }.flnotes-attachment-list a span { display: grid; font-size: 12px; overflow: hidden; }.flnotes-attachment-list a span:first-line { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }.flnotes-attachment-list small { color: var(--muted); font-size: 10px; }.flnotes-attachment-list form { margin-left: auto; }.flnotes-attachment-upload { border-top: 1px solid var(--line); margin-top: 8px; padding-top: 13px; }.flnotes-attachment-upload label { align-items: center; border: 1px dashed rgba(23,63,53,.25); border-radius: 6px; color: var(--ink); cursor: pointer; display: flex; font-size: 12px; font-weight: 700; justify-content: center; min-height: 36px; }.flnotes-attachment-upload label:hover { background: var(--lime-pale); border-color: rgba(183,227,54,.85); }.flnotes-attachment-upload label input { height: 1px; opacity: 0; position: absolute; width: 1px; }.flnotes-attachment-upload label i { margin-right: 6px; }.flnotes-attachment-upload small { color: var(--muted); display: block; font-size: 10px; line-height: 1.5; margin: 7px 0; }
.flnotes-shared-owner { color: #6a8278; font-size: 10px; font-weight: 700; }.flnotes-share-created { background: var(--lime-pale); border: 1px solid rgba(183,227,54,.55); border-radius: 8px; padding: 13px; }.flnotes-share-created strong { color: var(--ink); display: block; font-size: 12px; margin-bottom: 7px; }.flnotes-share-created>div { display: flex; gap: 7px; }.flnotes-share-created input { background: #fffdf8; font-family: ui-monospace, monospace; font-size: 11px; }.flnotes-share-created small { color: #60756c; display: block; font-size: 10px; line-height: 1.6; margin-top: 8px; }.flnotes-share-list { border-top: 1px solid var(--line); }.flnotes-share-list>div { align-items: center; border-bottom: 1px solid var(--line); display: flex; font-size: 12px; gap: 12px; justify-content: space-between; padding: 10px 0; }.flnotes-share-list i { color: #718a7f; margin-right: 5px; }.flnotes-share-list form { margin: 0; }.flnotes-collaborator-list { border-top: 1px solid var(--line); }.flnotes-collaborator-row { align-items: center; border-bottom: 1px solid var(--line); display: flex; gap: 9px; padding: 11px 0; }.flnotes-avatar.small { flex: 0 0 auto; height: 25px; width: 25px; }.flnotes-collaborator-row>div { display: grid; }.flnotes-collaborator-row strong { font-size: 12px; }.flnotes-collaborator-row small { color: var(--muted); font-size: 10px; }.flnotes-collaborator-row form { margin: 0; }.flnotes-collaborator-row .custom-select { font-size: 11px; height: 30px; min-width: 88px; }.flnotes-public-body { background: #f7f3ea; min-height: 100vh; }.flnotes-public-note { margin: 0 auto; max-width: 880px; padding: 28px 22px 50px; }.flnotes-public-note>header { align-items: center; border-bottom: 1px solid var(--line); display: flex; justify-content: space-between; padding-bottom: 18px; }.flnotes-public-brand { align-items: center; display: flex; font-family: "Noto Serif TC", serif; font-size: 18px; font-weight: 900; gap: 9px; }.flnotes-public-note>header small { color: var(--muted); font-size: 11px; }.flnotes-public-note article { background: #fffdf8; border: 1px solid rgba(23,63,53,.1); border-radius: 10px; box-shadow: var(--shadow); margin-top: 28px; padding: clamp(25px, 6vw, 66px); }.flnotes-public-note h1 { color: var(--ink-deep); font-family: "Noto Serif TC", serif; font-size: clamp(31px, 5vw, 48px); font-weight: 900; letter-spacing: -.06em; line-height: 1.25; margin: 6px 0 14px; }.flnotes-public-meta { border-bottom: 1px solid var(--line); color: var(--muted); font-size: 11px; margin-bottom: 30px; padding-bottom: 18px; }.flnotes-rich-content { color: #314b43; font-size: 15px; line-height: 2; }.flnotes-rich-content h2, .flnotes-rich-content h3, .flnotes-rich-content h4 { color: var(--ink-deep); font-family: "Noto Serif TC", serif; font-weight: 800; margin: 28px 0 10px; }.flnotes-rich-content a { color: #607b00; text-decoration: underline; }.flnotes-rich-content blockquote { border-left: 3px solid #9caf91; color: #526a61; font-family: "Noto Serif TC", serif; font-size: 17px; margin: 25px 0; padding-left: 18px; }.flnotes-rich-content pre { background: #f0ede6; border-radius: 6px; font-size: 12px; overflow-x: auto; padding: 14px; }.flnotes-rich-content table { border-collapse: collapse; margin: 18px 0; width: 100%; }.flnotes-rich-content th, .flnotes-rich-content td { border: 1px solid var(--line); padding: 8px; }.flnotes-public-note footer { color: var(--muted); font-size: 11px; padding: 17px 4px; text-align: center; }.flnotes-public-missing { padding: 95px 15px; text-align: center; }.flnotes-public-missing h1 { font-size: 28px; margin-top: 18px; }.flnotes-public-missing p { color: var(--muted); }
.flnotes-smtp-state { align-items: center; display: flex; gap: 10px; }.flnotes-smtp-state>span { border-radius: 50%; height: 10px; width: 10px; }.flnotes-smtp-state>span.is-on { background: var(--lime); box-shadow: 0 0 0 5px rgba(183,227,54,.16); }.flnotes-smtp-state>span.is-off { background: #bd8f8f; box-shadow: 0 0 0 5px rgba(174,74,74,.1); }.flnotes-smtp-state div { display: grid; }.flnotes-smtp-state strong { font-size: 12px; }.flnotes-smtp-state small { color: var(--muted); font-size: 10px; }.flnotes-log-card { background: #fffdf8; border: 1px solid rgba(23,63,53,.1); border-radius: 10px; box-shadow: 0 7px 18px rgba(23,63,53,.04); padding: 24px; }.flnotes-log-card h2 { font-family: "Noto Serif TC", serif; font-size: 20px; font-weight: 800; margin: 3px 0 0; }.flnotes-log-card thead th { border-top: 0; color: var(--muted); font-size: 10px; letter-spacing: .05em; text-transform: uppercase; }.flnotes-log-card tbody td { color: #4f655c; font-size: 11px; vertical-align: middle; }.flnotes-mail-status { border-radius: 99px; font-size: 10px; font-weight: 800; padding: 3px 7px; }.flnotes-mail-status.sent { background: var(--lime-pale); color: var(--ink); }.flnotes-mail-status.logged { background: #e5edf2; color: #46616f; }.flnotes-mail-status.failed { background: #f8e6e4; color: #8a3d39; }
.flnotes-theme-toggle { background: transparent; border: 0; color: var(--ink); cursor: pointer; min-width: 42px; transition: color 160ms var(--ease), transform 160ms var(--ease); }.flnotes-theme-toggle:hover { color: #708b00; transform: rotate(12deg); }.flnotes-active-filters { align-items: center; display: flex; flex-wrap: wrap; gap: 6px; margin-top: 11px; }.flnotes-active-filters span { background: var(--lime-pale); border: 1px solid rgba(183,227,54,.55); border-radius: 99px; color: var(--ink); font-size: 11px; font-weight: 700; padding: 4px 8px; }.flnotes-active-filters span i { margin-right: 4px; }.flnotes-active-filters a { color: var(--muted); font-size: 11px; font-weight: 700; margin-left: 2px; }.flnotes-note-tags { bottom: 43px; display: flex; gap: 5px; left: 18px; overflow: hidden; position: absolute; right: 18px; }.flnotes-note-tags span { align-items: center; background: color-mix(in srgb, var(--tag-color) 17%, var(--paper-strong)); border: 1px solid color-mix(in srgb, var(--tag-color) 38%, transparent); border-radius: 99px; color: var(--ink); display: inline-flex; font-size: 9px; font-weight: 700; max-width: 100px; overflow: hidden; padding: 3px 6px; text-overflow: ellipsis; white-space: nowrap; }.flnotes-note-notebook i { color: var(--muted); font-size: 10px; margin-right: 1px; }.flnotes-bootstrap-page { align-items: center; display: flex; justify-content: center; min-height: 100vh; padding: 40px 20px; }.flnotes-bootstrap-card { background: var(--paper-strong); border: 1px solid var(--line); border-radius: 12px; box-shadow: var(--shadow); max-width: 620px; padding: clamp(28px, 6vw, 55px); width: 100%; }.flnotes-bootstrap-brand { align-items: center; color: var(--ink-deep); display: flex; font-family: "Noto Serif TC",serif; font-size: 20px; font-weight: 900; gap: 10px; margin-bottom: 35px; }.flnotes-bootstrap-brand em { color: #799600; font-style: normal; }.flnotes-bootstrap-brand .brand-mark { transform: rotate(-4deg) scale(.86); transform-origin: left center; }.flnotes-bootstrap-card h1 { color: var(--ink-deep); font-family: "Noto Serif TC",serif; font-size: clamp(30px,5vw,44px); font-weight: 900; letter-spacing: -.06em; line-height: 1.24; margin: 7px 0 14px; }.flnotes-bootstrap-card>p { color: var(--muted); font-size: 13px; line-height: 1.85; }.flnotes-bootstrap-card code { color: #607b00; font-size: 11px; }.flnotes-bootstrap-card .form-control { background: var(--paper-strong); border-color: var(--line); box-shadow: none; color: var(--ink); height: 42px; }.flnotes-bootstrap-card .form-control:focus { border-color: var(--lime); box-shadow: 0 0 0 3px rgba(183,227,54,.18); }
html[data-theme="dark"] { --ink: #dce9e2; --ink-deep: #f0f6f2; --lime: #b7e336; --lime-pale: #314c22; --paper: #101b17; --paper-strong: #182720; --sand: #26362e; --sage: #314239; --muted: #9db1a7; --rose: #ef8f86; --line: rgba(223,239,230,.13); --shadow: 0 16px 34px rgba(0,0,0,.26); color-scheme: dark; }.flnotes-theme-toggle { padding: 8px 11px; } html[data-theme="dark"] body, html[data-theme="dark"] .flnotes-content, html[data-theme="dark"] .flnotes-auth-page { background: var(--paper); color: var(--ink); } html[data-theme="dark"] .flnotes-topbar { background: rgba(18,31,26,.94); } html[data-theme="dark"] .flnotes-topbar .nav-link, html[data-theme="dark"] .flnotes-theme-toggle { color: var(--ink); } html[data-theme="dark"] .flnotes-global-search .form-control, html[data-theme="dark"] .flnotes-global-search .btn { background: #22342b; color: var(--ink); } html[data-theme="dark"] .flnotes-global-search .form-control:focus { background: #2a4035; } html[data-theme="dark"] .flnotes-user-menu, html[data-theme="dark"] .dropdown-menu { background: #1b2b24; color: var(--ink); } html[data-theme="dark"] .flnotes-user-menu .dropdown-item, html[data-theme="dark"] .flnotes-user-menu .dropdown-item-text { color: var(--ink); } html[data-theme="dark"] .flnotes-user-menu .dropdown-item:hover { background: #2a4035; } html[data-theme="dark"] .flnotes-sidebar { background: #0b1713; } html[data-theme="dark"] .flnotes-sidebar .nav-sidebar>.nav-item>.nav-link.active, html[data-theme="dark"] .flnotes-sidebar .nav-sidebar>.nav-item>.nav-link:hover { background: rgba(183,227,54,.12); } html[data-theme="dark"] .flnotes-note-card, html[data-theme="dark"] .flnotes-paper-editor, html[data-theme="dark"] .flnotes-editor-sidecard, html[data-theme="dark"] .flnotes-management-form, html[data-theme="dark"] .flnotes-profile-card, html[data-theme="dark"] .flnotes-attachment-card, html[data-theme="dark"] .flnotes-log-card, html[data-theme="dark"] .flnotes-empty-state, html[data-theme="dark"] .flnotes-bootstrap-card { background: var(--paper-strong); border-color: var(--line); } html[data-theme="dark"] .flnotes-note-card p, html[data-theme="dark"] .flnotes-note-content, html[data-theme="dark"] .flnotes-rich-content { color: #b7c9c0; } html[data-theme="dark"] .flnotes-note-title::placeholder, html[data-theme="dark"] .flnotes-note-content::placeholder { color: #70867b; } html[data-theme="dark"] .flnotes-paper-editor .tox .tox-editor-header, html[data-theme="dark"] .flnotes-paper-editor .tox .tox-toolbar-overlord, html[data-theme="dark"] .flnotes-paper-editor .tox .tox-toolbar__primary { background: #1b2b24; } html[data-theme="dark"] .flnotes-paper-editor .tox .tox-tbtn svg, html[data-theme="dark"] .flnotes-paper-editor .tox .tox-statusbar__path-item, html[data-theme="dark"] .flnotes-paper-editor .tox .tox-statusbar__wordcount { fill: #dce9e2; color: #dce9e2; } html[data-theme="dark"] .flnotes-paper-editor .tox .tox-tbtn:hover { background: #314c22; } html[data-theme="dark"] .flnotes-editor-sidecard .custom-select, html[data-theme="dark"] .flnotes-management-form .form-control, html[data-theme="dark"] .form-control, html[data-theme="dark"] .custom-select { background: #20332a; border-color: var(--line); color: var(--ink); } html[data-theme="dark"] .flnotes-tag-checks input:checked + span, html[data-theme="dark"] .flnotes-active-filters span { background: #314c22; } html[data-theme="dark"] .flnotes-notebook-card, html[data-theme="dark"] .flnotes-tag-card { background: var(--paper-strong); border-color: var(--line); } html[data-theme="dark"] .flnotes-filter-links a:hover, html[data-theme="dark"] .flnotes-notebook-links a:hover { background: rgba(223,239,230,.07); } html[data-theme="dark"] .flnotes-filter-links a.selected, html[data-theme="dark"] .flnotes-notebook-links a.selected { background: #314c22; color: var(--ink-deep); } html[data-theme="dark"] .flnotes-public-body { background: var(--paper); } html[data-theme="dark"] .flnotes-public-note article { background: var(--paper-strong); border-color: var(--line); } html[data-theme="dark"] .flnotes-rich-content pre { background: #20332a; } html[data-theme="dark"] .alert-success { background: #314c22; color: var(--ink-deep); } html[data-theme="dark"] .alert-danger { background: #4b2525; color: #ffd3ce; }
.flnotes-dashboard-actions { align-items: center; gap: 8px; }.flnotes-dashboard-actions form { margin: 0; }.flnotes-dashboard-actions .btn { min-height: 38px; white-space: nowrap; }.flnotes-editor-status { transition: color 160ms var(--ease); }.flnotes-editor-status.is-saving { color: #6f8900; }.flnotes-editor-status.is-error { color: var(--rose); }.flnotes-export-links { border-top: 1px solid var(--line); display: flex; font-size: 11px; justify-content: space-between; margin-top: 17px; padding-top: 14px; }.flnotes-export-links>span { color: var(--muted); font-weight: 800; }.flnotes-export-links>div { display: flex; gap: 7px; }.flnotes-export-links a { background: var(--paper); border: 1px solid var(--line); border-radius: 5px; color: var(--ink); font-weight: 700; padding: 4px 7px; }.flnotes-export-links a:hover { background: var(--lime-pale); }.flnotes-export-links i { margin-right: 3px; }.flnotes-auth-head { align-items: flex-start; display: flex; justify-content: space-between; }.flnotes-auth-head .flnotes-auth-mobile-brand { margin-bottom: 34px; }.flnotes-auth-theme-toggle { align-items: center; background: var(--paper-strong); border: 1px solid var(--line); border-radius: 50%; color: var(--ink); display: inline-flex; height: 38px; justify-content: center; transition: background 160ms var(--ease), transform 160ms var(--ease); width: 38px; }.flnotes-auth-theme-toggle:hover { background: var(--lime-pale); transform: rotate(12deg); }.flnotes-auth-form .flnotes-primary-btn.is-pending { cursor: wait; opacity: .78; }.flnotes-auth-form .flnotes-primary-btn:disabled { cursor: wait; }.flnotes-verify-card .flnotes-auth-head .flnotes-auth-mobile-brand { margin-bottom: 0; }.flnotes-verify-card .flnotes-auth-head { margin-bottom: 20px; }.flnotes-verify-card .flnotes-auth-head .flnotes-auth-mobile-brand { display: flex; }.flnotes-verify-card .flnotes-auth-theme-toggle { margin-left: auto; } html[data-theme="dark"] .flnotes-auth-theme-toggle { background: #20332a; border-color: var(--line); color: var(--ink); } html[data-theme="dark"] .flnotes-export-links a { background: #20332a; border-color: var(--line); color: var(--ink); } html[data-theme="dark"] .flnotes-export-links a:hover { background: #314c22; }
@media (max-width: 1199px) { .flnotes-filter-panel { padding-right: 15px; }.flnotes-note-grid { grid-template-columns: repeat(2, minmax(0,1fr)); } }
@media (max-width: 767px) { .flnotes-global-search { width: auto; }.flnotes-global-search input { display: none; }.flnotes-global-search .input-group { width: 38px; }.flnotes-global-search .btn { border-radius: 8px; }.flnotes-filter-panel { border-bottom: 1px solid var(--line); padding-bottom: 17px; }.flnotes-filter-links { display: flex; gap: 4px; overflow-x: auto; }.flnotes-filter-links a { flex: 0 0 auto; }.flnotes-filter-links a span { display: none; }.flnotes-notebook-links { display: flex; flex-wrap: wrap; }.flnotes-notebook-links a { background: rgba(23,63,53,.04); }.flnotes-notebook-links a small { display: none; }.flnotes-note-grid { grid-template-columns: 1fr; }.flnotes-note-card, .flnotes-note-card-link { min-height: 190px; }.flnotes-editor-top { align-items: flex-start; flex-direction: column; gap: 13px; }.flnotes-paper-editor { min-height: 560px; padding: 28px 25px 60px; }.flnotes-note-content { min-height: 380px; }.flnotes-paper-footer { left: 25px; right: 25px; }.flnotes-paper-footer span:last-child { display: none; }.flnotes-tag-archive { grid-template-columns: 1fr; }.flnotes-auth-grid { grid-template-columns: 1fr; }.flnotes-auth-art { display: none; }.flnotes-auth-panel { min-height: 100vh; padding: 30px 25px; }.flnotes-auth-mobile-brand { display: flex; }.flnotes-verify-card { padding: 34px 24px; }.flnotes-code-input { letter-spacing: .27em; padding-left: calc(50% - 2.2em) !important; }.flnotes-dashboard-head .d-flex { align-items: flex-start !important; }.flnotes-dashboard-actions { margin-top: 16px; width: 100%; }.flnotes-dashboard-actions form, .flnotes-dashboard-actions a { flex: 1; }.flnotes-dashboard-actions .btn { display: block; font-size: 12px; padding-left: 8px; padding-right: 8px; width: 100%; }.flnotes-export-links { align-items: flex-start; flex-direction: column; gap: 8px; }.flnotes-editor-status { font-size: 11px; }.flnotes-paper-editor .tox .tox-toolbar__group { padding: 0 1px !important; }.flnotes-paper-editor .tox .tox-tbtn { margin: 1px !important; }.flnotes-auth-head .flnotes-auth-mobile-brand { margin-bottom: 27px; } }
@media (prefers-reduced-motion: reduce) { *, *:before, *:after { scroll-behavior: auto !important; transition-duration: .01ms !important; } }
.flnotes-editor-top-actions { align-items: center; display: flex; gap: 13px; }.flnotes-version-link { border: 1px solid var(--line); border-radius: 99px; color: var(--ink); font-size: 11px; font-weight: 800; padding: 6px 10px; }.flnotes-version-link:hover { background: var(--lime-pale); color: var(--ink); }.flnotes-version-link i { margin-right: 4px; }.flnotes-history-head, .flnotes-settings-head { align-items: flex-end; display: flex; justify-content: space-between; }.flnotes-history-head h1, .flnotes-settings-head h1 { color: var(--ink-deep); font-family: "Noto Serif TC",serif; font-size: clamp(28px,4vw,40px); font-weight: 900; letter-spacing: -.055em; margin: 4px 0 7px; }.flnotes-history-head p, .flnotes-settings-head p { color: var(--muted); margin: 0; }.flnotes-history-count { background: var(--lime-pale); border-radius: 99px; color: var(--ink); font-size: 11px; font-weight: 800; padding: 7px 10px; }.flnotes-history-list, .flnotes-diff-card { background: var(--paper-strong); border: 1px solid var(--line); border-radius: 10px; box-shadow: 0 7px 18px rgba(23,63,53,.04); padding: 20px; }.flnotes-history-list h2, .flnotes-diff-card h2 { font-family: "Noto Serif TC",serif; font-size: 19px; font-weight: 800; margin: 0 0 14px; }.flnotes-history-list article { align-items: flex-start; border-top: 1px solid var(--line); display: flex; gap: 10px; justify-content: space-between; padding: 13px 0; }.flnotes-history-list article.is-current { border-left: 3px solid var(--lime); margin-left: -20px; padding-left: 17px; }.flnotes-history-list strong { display: block; font-size: 12px; }.flnotes-history-list small { color: var(--muted); display: block; font-size: 10px; margin-top: 2px; }.flnotes-history-list p { color: var(--muted); font-size: 11px; line-height: 1.55; margin: 6px 0 0; }.flnotes-history-actions { display: flex; flex: 0 0 auto; gap: 5px; }.flnotes-history-actions form { margin: 0; }.flnotes-history-actions a, .flnotes-history-actions button { background: transparent; border: 1px solid var(--line); border-radius: 5px; color: var(--ink); font-size: 10px; font-weight: 700; padding: 4px 6px; }.flnotes-history-actions button:hover, .flnotes-history-actions a:hover { background: var(--lime-pale); }.flnotes-diff-select { display: flex; flex-wrap: wrap; gap: 11px; margin-bottom: 22px; }.flnotes-diff-select label { color: var(--muted); display: grid; font-size: 10px; font-weight: 800; gap: 4px; letter-spacing: .05em; text-transform: uppercase; }.flnotes-diff-select select { background: var(--paper); border: 1px solid var(--line); border-radius: 5px; color: var(--ink); font-size: 12px; max-width: 210px; padding: 6px; }.flnotes-diff-title { align-items: flex-start; display: flex; justify-content: space-between; }.flnotes-diff-title>span { color: var(--muted); font-size: 10px; margin-top: 6px; }.flnotes-diff-title .fa-plus { color: #7c9d00; }.flnotes-diff-title .fa-minus { color: var(--rose); }.flnotes-diff-title-change { display: grid; gap: 5px; margin: 10px 0 14px; }.flnotes-diff-title-change del, .flnotes-diff-lines .removed { background: #fae8e5; color: #7b3932; }.flnotes-diff-title-change ins, .flnotes-diff-lines .added { background: var(--lime-pale); color: var(--ink); text-decoration: none; }.flnotes-diff-title-change del, .flnotes-diff-title-change ins { border-radius: 5px; padding: 6px 8px; }.flnotes-diff-lines { border-top: 1px solid var(--line); }.flnotes-diff-lines>div { align-items: flex-start; border-bottom: 1px solid var(--line); display: flex; font-size: 12px; gap: 9px; line-height: 1.75; padding: 8px; }.flnotes-diff-lines .same { color: var(--muted); }.flnotes-diff-lines i { font-size: 9px; margin-top: 6px; }.flnotes-home-page { background: var(--paper); color: var(--ink); min-height: 100vh; }.flnotes-home-nav, .flnotes-home-hero, .flnotes-home-features, .flnotes-home-footer { margin: 0 auto; max-width: 1240px; padding-left: 30px; padding-right: 30px; }.flnotes-home-nav { align-items: center; display: flex; justify-content: space-between; min-height: 82px; }.flnotes-home-brand { align-items: center; color: var(--ink-deep); display: flex; font-family: "Noto Serif TC",serif; font-size: 21px; font-weight: 900; gap: 10px; }.flnotes-home-brand em { color: #759000; font-style: normal; }.flnotes-home-nav>div { align-items: center; display: flex; gap: 19px; }.flnotes-home-nav>div>a:not(.flnotes-home-login) { color: var(--muted); font-size: 12px; font-weight: 700; }.flnotes-home-login { border: 1px solid var(--line); border-radius: 99px; color: var(--ink); font-size: 12px; font-weight: 800; padding: 9px 13px; }.flnotes-home-login i { margin-left: 4px; }.flnotes-home-hero { align-items: center; display: grid; gap: 60px; grid-template-columns: minmax(0,1fr) minmax(360px,.8fr); min-height: 610px; padding-bottom: 70px; padding-top: 70px; }.flnotes-home-copy h1 { color: var(--ink-deep); font-family: "Noto Serif TC",serif; font-size: clamp(48px,6vw,80px); font-weight: 900; letter-spacing: -.08em; line-height: 1.12; margin: 9px 0 23px; }.flnotes-home-copy h1 em { color: #779300; font-style: normal; }.flnotes-home-copy>p { color: var(--muted); font-size: 15px; line-height: 2; max-width: 500px; }.flnotes-home-cta { align-items: center; display: flex; flex-wrap: wrap; gap: 19px; margin-top: 29px; }.flnotes-home-quiet-link { color: var(--ink); font-size: 12px; font-weight: 800; }.flnotes-home-quiet-link i { color: #7c9d00; margin-left: 5px; }.flnotes-home-paperstack { height: 420px; position: relative; }.flnotes-home-paper { border: 1px solid rgba(23,63,53,.12); box-shadow: var(--shadow); position: absolute; }.flnotes-home-paper.back { background: #dfe8cc; height: 310px; right: 3%; top: 38px; transform: rotate(9deg); width: 295px; }.flnotes-home-paper.back span { color: #64705d; font-size: 10px; font-weight: 800; left: 22px; letter-spacing: .15em; position: absolute; top: 21px; }.flnotes-home-paper.middle { align-items: center; background: #e9e4d8; color: var(--ink); display: flex; font-family: "Noto Serif TC",serif; font-size: 19px; font-weight: 800; height: 335px; justify-content: center; left: 9%; top: 42px; transform: rotate(-7deg); width: 320px; }.flnotes-home-paper.middle i { bottom: 27px; color: #87a300; font-size: 28px; position: absolute; right: 29px; }.flnotes-home-paper.front { background: var(--paper-strong); border-radius: 3px 8px 15px 3px; height: 340px; left: 13%; padding: 36px; top: 26px; transform: rotate(2deg); width: 330px; }.flnotes-home-paper.front small { color: #6d8900; font-size: 9px; font-weight: 800; letter-spacing: .12em; }.flnotes-home-paper.front strong { display: block; font-family: "Noto Serif TC",serif; font-size: 29px; letter-spacing: -.05em; line-height: 1.3; margin-top: 33px; }.flnotes-home-paper.front p { color: var(--muted); font-size: 11px; line-height: 1.8; margin-top: 20px; }.flnotes-home-paper.front div { bottom: 24px; display: flex; gap: 5px; position: absolute; }.flnotes-home-paper.front div span { background: #b8c5b7; border-radius: 50%; height: 6px; width: 6px; }.flnotes-home-paper.front div span:first-child { background: var(--lime); }.flnotes-home-features { border-top: 1px solid var(--line); padding-bottom: 90px; padding-top: 80px; }.flnotes-home-section-intro { align-items: flex-end; display: flex; justify-content: space-between; }.flnotes-home-section-intro h2 { font-family: "Noto Serif TC",serif; font-size: clamp(31px,4vw,48px); font-weight: 900; letter-spacing: -.065em; line-height: 1.25; margin: 8px 0 0; }.flnotes-home-feature-grid { display: grid; gap: 15px; grid-template-columns: repeat(3,1fr); margin-top: 46px; }.flnotes-home-feature-grid article { background: var(--paper-strong); border: 1px solid var(--line); border-radius: 8px; min-height: 230px; padding: 25px; position: relative; }.flnotes-home-feature-grid article>span { color: #7b9600; font-size: 10px; font-weight: 800; letter-spacing: .1em; }.flnotes-home-feature-grid article>i { color: var(--ink); display: block; font-size: 28px; margin: 32px 0 19px; }.flnotes-home-feature-grid h3 { font-family: "Noto Serif TC",serif; font-size: 19px; font-weight: 800; }.flnotes-home-feature-grid p { color: var(--muted); font-size: 12px; line-height: 1.8; }.flnotes-home-footer { border-top: 1px solid var(--line); color: var(--muted); display: flex; font-size: 11px; justify-content: space-between; padding-bottom: 25px; padding-top: 25px; }.flnotes-home-footer a, .flnotes-footer a { color: var(--ink); font-weight: 700; }.flnotes-home-footer a:hover, .flnotes-footer a:hover { color: #779300; } html[data-theme="dark"] .flnotes-history-list, html[data-theme="dark"] .flnotes-diff-card, html[data-theme="dark"] .flnotes-home-feature-grid article { background: var(--paper-strong); border-color: var(--line); } html[data-theme="dark"] .flnotes-diff-select select { background: #20332a; border-color: var(--line); color: var(--ink); } html[data-theme="dark"] .flnotes-diff-lines .removed, html[data-theme="dark"] .flnotes-diff-title-change del { background: #4b2525; color: #ffd3ce; } html[data-theme="dark"] .flnotes-home-paper.back { background: #34452f; } html[data-theme="dark"] .flnotes-home-paper.middle { background: #304039; } html[data-theme="dark"] .flnotes-home-paper.front { background: #182720; } html[data-theme="dark"] .flnotes-home-paper.front strong { color: var(--ink-deep); }
@media (max-width: 767px) { .flnotes-editor-top-actions { align-items: flex-start; flex-direction: column; gap: 8px; }.flnotes-history-head, .flnotes-settings-head, .flnotes-home-section-intro { align-items: flex-start; flex-direction: column; gap: 14px; }.flnotes-history-list, .flnotes-diff-card { padding: 16px; }.flnotes-history-list article.is-current { margin-left: -16px; padding-left: 13px; }.flnotes-diff-title { flex-direction: column; gap: 4px; }.flnotes-home-nav, .flnotes-home-hero, .flnotes-home-features, .flnotes-home-footer { padding-left: 20px; padding-right: 20px; }.flnotes-home-nav { min-height: 70px; }.flnotes-home-nav>div>a:not(.flnotes-home-login) { display: none; }.flnotes-home-hero { display: block; min-height: auto; padding-bottom: 55px; padding-top: 50px; }.flnotes-home-copy h1 { font-size: clamp(43px,14vw,65px); }.flnotes-home-paperstack { height: 350px; margin: 45px auto 0; max-width: 355px; }.flnotes-home-paper.back { height: 270px; width: 255px; }.flnotes-home-paper.middle { height: 290px; width: 275px; }.flnotes-home-paper.front { height: 295px; left: 8%; padding: 28px; width: 285px; }.flnotes-home-paper.front strong { font-size: 24px; margin-top: 25px; }.flnotes-home-feature-grid { grid-template-columns: 1fr; margin-top: 30px; }.flnotes-home-feature-grid article { min-height: 190px; }.flnotes-home-footer { flex-direction: column; gap: 8px; } }
.flnotes-footer, .flnotes-legal-footer, .flnotes-auth-footer { align-items: center; background: var(--paper-strong); border-top: 1px solid var(--line); color: var(--muted); display: flex; font-size: 11px; justify-content: space-between; letter-spacing: .01em; padding: 17px 28px; }.flnotes-footer-links, .flnotes-legal-footer>span:last-child, .flnotes-auth-footer>span:last-child, .flnotes-home-footer>span:last-child { align-items: center; display: inline-flex; flex-wrap: wrap; gap: 9px; }.flnotes-footer a, .flnotes-legal-footer a, .flnotes-auth-footer a, .flnotes-home-footer a { color: var(--ink); font-weight: 700; }.flnotes-footer a:hover, .flnotes-legal-footer a:hover, .flnotes-auth-footer a:hover, .flnotes-home-footer a:hover { color: #789300; }.flnotes-footer i, .flnotes-legal-footer i, .flnotes-auth-footer i, .flnotes-home-footer i { background: var(--line); border-radius: 50%; display: inline-block; height: 3px; width: 3px; }.flnotes-auth-footer { background: transparent; border: 0; margin: -24px auto 0; max-width: 1260px; padding: 18px 30px 28px; }.flnotes-legal-page { background: var(--paper); color: var(--ink); min-height: 100vh; }.flnotes-legal-nav { align-items: center; border-bottom: 1px solid var(--line); display: flex; justify-content: space-between; margin: 0 auto; max-width: 1240px; min-height: 80px; padding: 0 30px; }.flnotes-legal-nav>div { align-items: center; display: flex; gap: 16px; }.flnotes-legal-nav>div>a { color: var(--ink); font-size: 12px; font-weight: 800; }.flnotes-legal-wrap { margin: 0 auto; max-width: 820px; padding: 84px 30px 100px; }.flnotes-legal-wrap h1 { color: var(--ink-deep); font-family: "Noto Serif TC",serif; font-size: clamp(39px,5vw,61px); font-weight: 900; letter-spacing: -.075em; line-height: 1.15; margin: 8px 0; }.flnotes-legal-updated { color: var(--muted); font-size: 12px; margin: 0 0 32px; }.flnotes-legal-note { background: var(--lime-pale); border-left: 3px solid var(--lime); color: var(--ink); font-size: 12px; line-height: 1.8; margin: 0 0 42px; padding: 14px 16px; }.flnotes-legal-wrap section { border-top: 1px solid var(--line); padding: 25px 0; }.flnotes-legal-wrap section:last-child { border-bottom: 1px solid var(--line); }.flnotes-legal-wrap h2 { color: var(--ink-deep); font-family: "Noto Serif TC",serif; font-size: 21px; font-weight: 800; letter-spacing: -.035em; margin: 0 0 12px; }.flnotes-legal-wrap section p { color: var(--muted); font-size: 14px; line-height: 2; margin: 0; }.flnotes-legal-wrap section a { color: #6f8700; font-weight: 800; }.flnotes-legal-footer { margin: 0 auto; max-width: 1240px; }.flnotes-public-footer { max-width: 900px; }.flnotes-cookie-banner { align-items: center; background: #10382f; border: 1px solid rgba(183,227,54,.27); border-radius: 12px; bottom: 20px; box-shadow: 0 18px 50px rgba(7,29,23,.3); color: #f5f5ed; display: grid; gap: 14px; grid-template-columns: auto minmax(0,1fr) auto; left: 50%; max-width: 880px; opacity: 0; padding: 16px 18px; position: fixed; transform: translate(-50%,18px); transition: opacity .2s var(--ease-out),transform .2s var(--ease-out); width: calc(100% - 32px); z-index: 1100; }.flnotes-cookie-banner[hidden] { display: none; }.flnotes-cookie-banner.is-visible { opacity: 1; transform: translate(-50%,0); }.flnotes-cookie-icon { align-items: center; background: rgba(183,227,54,.13); border-radius: 50%; color: var(--lime); display: flex; font-size: 17px; height: 37px; justify-content: center; width: 37px; }.flnotes-cookie-copy strong { color: #fffdf6; display: block; font-size: 12px; margin-bottom: 3px; }.flnotes-cookie-copy p { color: rgba(255,255,255,.68); font-size: 11px; line-height: 1.65; margin: 0; }.flnotes-cookie-copy a { color: var(--lime); font-weight: 800; margin-left: 3px; text-decoration: underline; text-underline-offset: 2px; }.flnotes-cookie-actions { display: flex; flex: 0 0 auto; gap: 7px; }.flnotes-cookie-actions .btn { border-radius: 6px; font-size: 11px; font-weight: 800; padding: 8px 11px; white-space: nowrap; }.flnotes-cookie-secondary { background: transparent; border: 1px solid rgba(255,255,255,.25); color: #f5f5ed; }.flnotes-cookie-secondary:hover { border-color: var(--lime); color: var(--lime); }html[data-theme="dark"] .flnotes-auth-footer, html[data-theme="dark"] .flnotes-home-footer, html[data-theme="dark"] .flnotes-legal-footer { background: transparent; }html[data-theme="dark"] .flnotes-legal-note { background: rgba(183,227,54,.1); }@media (max-width: 767px) { .flnotes-footer, .flnotes-legal-footer, .flnotes-auth-footer { align-items: flex-start; flex-direction: column; gap: 8px; padding: 17px 20px; }.flnotes-auth-footer { margin: -10px auto 0; }.flnotes-legal-nav { min-height: 70px; padding: 0 20px; }.flnotes-legal-wrap { padding: 55px 20px 65px; }.flnotes-legal-wrap h1 { font-size: 39px; }.flnotes-legal-wrap section p { font-size: 13px; }.flnotes-cookie-banner { align-items: flex-start; bottom: 12px; gap: 10px; grid-template-columns: auto minmax(0,1fr); padding: 14px; width: calc(100% - 24px); }.flnotes-cookie-actions { grid-column: 1 / -1; justify-content: flex-end; width: 100%; }.flnotes-cookie-actions .btn { flex: 1; }.flnotes-public-footer { margin-top: 18px; } }