.friends-page{--surface: #fdfdfc;--sea: #e9edf3;--accent-soft: #cfc6e6;--accent-light: #f3f1f9;--border-strong: #d0d0cc}html.dark .friends-page{--surface: #212225;--sea: #0e1118;--accent-soft: #423f55;--accent-light: #1a1a26;--border-strong: #3a3b3f}.friends-page .page-wrap{max-width:920px}.friends-page .page-head{display:grid;grid-template-columns:1.4fr .6fr;gap:24px;align-items:end;margin-bottom:14px;padding-bottom:18px;border-bottom:1px solid var(--border)}.friends-page .kicker{font-family:Cascadia Code,Consolas,Menlo,monospace;font-size:.78rem;letter-spacing:3px;color:var(--accent);text-transform:uppercase}.friends-page .page-head h1{font-size:clamp(2.6rem,6vw,3.6rem);font-weight:600;letter-spacing:-2px;line-height:1.05;margin-top:8px}.friends-page .page-head .coord{text-align:right;font-family:Cascadia Code,Consolas,Menlo,monospace;font-size:.74rem;letter-spacing:1px;color:var(--text-muted);line-height:1.9}.friends-page .page-sub{color:var(--text-muted);margin:18px 0 28px;font-size:1.08rem}.friends-page .page-sub b{color:var(--accent);font-weight:600}@media(max-width:640px){.friends-page .page-head{grid-template-columns:1fr}.friends-page .page-head .coord{text-align:left}}.friends-page .sec{margin-top:40px;padding-top:18px;border-top:1px solid var(--border)}.friends-page .sec-h{display:flex;align-items:baseline;gap:12px;margin-bottom:16px}.friends-page .sec-h .sh-en{font-family:Cascadia Code,Consolas,Menlo,monospace;font-size:.72rem;letter-spacing:2px;color:var(--accent);text-transform:uppercase}.friends-page .sec-h .sh-cn{font-size:clamp(1.12rem,2.2vw,1.3rem);font-weight:600;letter-spacing:1px}.friends-page .sec-h .sh-meta{margin-left:auto;font-family:Cascadia Code,Consolas,Menlo,monospace;font-size:.72rem;color:var(--text-muted)}.friends-page .graph-wrap{position:relative;margin-top:6px;border:1px solid var(--border);border-radius:10px;background:var(--surface);padding:6px;overflow:hidden}.friends-page #flMap{width:100%;height:560px;border-radius:8px;background:var(--sea);transition:background .6s}.friends-page .leaflet-container{background:var(--sea);font-family:"Noto Serif SC","Source Han Serif SC",Songti SC,STSong,SimSun,Georgia,serif;outline:none}.friends-page .graph-ctrl{position:absolute;top:14px;right:14px;display:flex;gap:6px;z-index:500}.friends-page .graph-ctrl button{width:32px;height:32px;border-radius:6px;border:1px solid var(--border-strong);background:var(--surface);color:var(--accent);font-size:1.05rem;line-height:1;cursor:pointer;display:grid;place-items:center;transition:all .2s;font-family:"Noto Serif SC","Source Han Serif SC",Songti SC,STSong,SimSun,Georgia,serif}.friends-page .graph-ctrl button:hover{border-color:var(--accent);background:var(--accent-light)}.friends-page .graph-ctrl button:active{transform:scale(.92)}.friends-page .fl-isl-wrap{background:transparent;border:none}.friends-page .fl-isl{display:flex;flex-direction:column;align-items:center;cursor:pointer}.friends-page .fl-body{width:40px;height:40px;display:grid;place-items:center;border-radius:52% 48% 50% 50%/50% 52% 48% 50%;border:1.6px solid var(--accent);background:var(--surface);color:var(--accent);font-family:"Noto Serif SC","Source Han Serif SC",Songti SC,STSong,SimSun,Georgia,serif;font-weight:600;font-size:16px;box-shadow:0 1px 4px #00000014;transition:background .2s,color .2s,transform .2s}.friends-page .fl-nm{margin-top:5px;font-family:"Noto Serif SC","Source Han Serif SC",Songti SC,STSong,SimSun,Georgia,serif;font-weight:600;font-size:13px;letter-spacing:.5px;color:var(--text);white-space:nowrap;text-shadow:0 1px 2px var(--surface)}.friends-page .fl-isl.core .fl-body{width:66px;height:66px;background:var(--accent);color:#fff;font-size:22px;border-color:var(--accent)}.friends-page .fl-isl.core .fl-nm{font-size:14px;font-weight:700}.friends-page .fl-isl:hover .fl-body{background:var(--accent);color:#fff;transform:translateY(-2px)}.friends-page .fl-isl.swap .fl-body{border-style:dashed}.friends-page path.fl-route{stroke:var(--accent-soft);stroke-width:1.4;stroke-dasharray:2 6;stroke-linecap:round;opacity:.55;fill:none}.friends-page path.fl-route.ring{stroke-dasharray:1 7;opacity:.4}.friends-page .fl-overlay{position:absolute;pointer-events:none;z-index:400}.friends-page .fl-compass{top:14px;left:14px;opacity:.85}.friends-page .fl-cartouche{bottom:14px;left:14px;background:color-mix(in srgb,var(--surface) 88%,transparent);border:1px solid var(--border);border-radius:6px;padding:8px 12px}.friends-page .fl-cartouche .t{font-family:"Noto Serif SC","Source Han Serif SC",Songti SC,STSong,SimSun,Georgia,serif;font-weight:700;color:var(--accent);font-size:14px}.friends-page .fl-cartouche .s{font-family:Cascadia Code,Consolas,Menlo,monospace;font-size:9px;letter-spacing:.5px;color:var(--text-muted);margin-top:2px}.friends-page .leaflet-tooltip.fl-tip{background:var(--surface);border:1px solid var(--border-strong);color:var(--text);font-family:Cascadia Code,Consolas,Menlo,monospace;font-size:11px;box-shadow:0 2px 8px #0000001f;border-radius:4px}.friends-page .leaflet-tooltip.fl-tip:before{display:none}.friends-page .graph-cap{font-size:.9rem;color:var(--text-muted);text-align:center;margin:16px 8px 2px;line-height:1.7}.friends-page .af-hint{margin:0 0 18px;font-size:clamp(.92rem,1.6vw,1.02rem);color:var(--text-muted)}.friends-page .apply-form{display:grid;grid-template-columns:1fr 1fr;gap:22px 24px}.friends-page .af-field{display:flex;flex-direction:column;gap:6px;min-width:0}.friends-page .af-field.wide{grid-column:1 / -1}.friends-page .af-label{font-family:Cascadia Code,Consolas,Menlo,monospace;font-size:clamp(.66rem,1.2vw,.74rem);letter-spacing:2px;text-transform:uppercase;color:var(--text-muted)}.friends-page .af-label .req{color:var(--accent)}.friends-page .af-input{width:100%;border:none;border-bottom:1px solid var(--border-strong);background:transparent;padding:8px 2px;font-family:"Noto Serif SC","Source Han Serif SC",Songti SC,STSong,SimSun,Georgia,serif;font-size:1rem;color:var(--text);transition:border-color .2s}.friends-page .af-input:focus{outline:none;border-bottom-color:var(--accent)}.friends-page .af-input::placeholder{color:var(--text-muted);opacity:.65;font-size:.9rem}.friends-page .af-actions{grid-column:1 / -1;display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-top:4px}.friends-page .af-submit{font-family:"Noto Serif SC","Source Han Serif SC",Songti SC,STSong,SimSun,Georgia,serif;font-size:.95rem;letter-spacing:1px;color:var(--text);border:1px solid var(--border-strong);background:transparent;padding:9px 22px;border-radius:2px;cursor:pointer;transition:color .2s,border-color .2s,background .2s}.friends-page .af-submit:hover{color:var(--accent);border-color:var(--accent);background:var(--accent-light)}.friends-page .af-note{font-family:Cascadia Code,Consolas,Menlo,monospace;font-size:.7rem;letter-spacing:.5px;color:var(--text-muted)}.friends-page .af-note.err{color:var(--accent)}@media(max-width:640px){.friends-page .apply-form{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){.friends-page .fl-isl,.friends-page .fl-body,.friends-page .graph-ctrl button,.friends-page .af-submit{transition:none!important}}@media(max-width:768px){.friends-page #flMap.leaflet-container{touch-action:pan-y!important;-ms-touch-action:pan-y!important}.friends-page .graph-ctrl button{width:36px;height:36px}.friends-page .fl-cartouche .s{font-size:11px}}