/* css/guide.css — 旅游攻略:浅色玻璃,继承全站浅底(地图瓦片不动)。 */
.guide{
  --g-bg:transparent; --g-card:#fff; --g-card2:#f5f5f7; --g-ink:#1d1d1f; --g-sub:#6e6e73; --g-faint:#a1a1a6;
  --g-line:rgba(0,0,0,.08); --g-accent:#0071e3; --g-accent2:#3a8dff; --g-soft:#f0f3f8;
  --g-r:22px; --g-r-sm:14px; --g-pill:980px;
  color:var(--g-ink);
  font-family:var(--font,-apple-system,system-ui,sans-serif);
}
.guide h2,.guide h3{margin:0;}
.guide .g-btn{border:1px solid var(--g-line);background:var(--g-card2);color:var(--g-ink);border-radius:var(--g-pill);padding:10px 18px;font-size:14px;cursor:pointer;font-family:inherit;}
.guide .g-btn-primary{background:linear-gradient(135deg,var(--g-accent),var(--g-accent2));border:none;color:#fff;font-weight:600;}
.guide .g-linkbtn{border:none;background:none;color:var(--g-sub);font-size:13px;cursor:pointer;}
.guide .g-linkbtn:hover{color:var(--g-accent);}

.g-empty{text-align:center;padding:72px 20px;}
.g-empty-emoji{font-size:56px;}
.g-empty h2{font-size:24px;margin:16px 0 8px;}
.g-empty p{color:var(--g-sub);margin:0 0 24px;}

.g-tripbar{display:flex;align-items:center;gap:10px;margin-bottom:16px;}
.g-select{flex:1;background:var(--g-card);color:var(--g-ink);border:1px solid var(--g-line);border-radius:var(--g-r-sm);padding:10px 12px;font-size:15px;}
.g-header{background:linear-gradient(135deg,rgba(0,113,227,.10),rgba(58,141,255,.06));border:1px solid var(--g-line);border-radius:var(--g-r);padding:18px;margin-bottom:14px;}
.g-title{font-size:22px;font-weight:700;letter-spacing:-.02em;}
.g-sub{color:var(--g-sub);font-size:13px;margin-top:4px;}
.g-meta{display:flex;gap:8px;margin-top:12px;flex-wrap:wrap;}
.g-pill{font-size:12px;color:var(--g-sub);background:var(--g-card);border:1px solid var(--g-line);border-radius:var(--g-pill);padding:4px 11px;}
.g-pill-btn{cursor:pointer;color:var(--g-ink);}

.g-tabs{display:flex;gap:8px;overflow-x:auto;padding-bottom:6px;margin-bottom:12px;}
.g-daytab{flex:0 0 auto;background:var(--g-card);border:1px solid var(--g-line);color:var(--g-sub);border-radius:var(--g-r-sm);padding:9px 16px;font-size:14px;cursor:pointer;display:flex;flex-direction:column;align-items:center;line-height:1.2;}
.g-daytab small{font-size:10px;color:var(--g-faint);}
.g-daytab.on{background:linear-gradient(135deg,var(--g-accent),var(--g-accent2));color:#fff;border:none;font-weight:600;}

.g-modes{display:flex;gap:8px;background:var(--g-card);border:1px solid var(--g-line);border-radius:var(--g-pill);padding:4px;margin-bottom:16px;}
.g-mode{flex:1;border:none;background:none;color:var(--g-sub);border-radius:var(--g-pill);padding:9px;font-size:14px;cursor:pointer;}
.g-mode.on{background:var(--g-card2);color:var(--g-ink);font-weight:600;}

.g-edit-bar{display:flex;justify-content:flex-end;margin-bottom:8px;}
.g-list{display:flex;flex-direction:column;gap:12px;}
.g-card{background:var(--g-card);border:1px solid var(--g-line);border-radius:var(--g-r);padding:16px;}
.g-card-head{display:flex;justify-content:space-between;align-items:center;}
.g-time{font-size:13px;font-weight:600;color:var(--g-accent);}
.g-card-title{font-size:17px;font-weight:600;margin-top:6px;}
.g-card-sub{color:var(--g-sub);font-size:13px;}
.g-card-desc{color:var(--g-sub);font-size:13.5px;margin-top:6px;line-height:1.5;}
.g-card-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px;}
.g-cat{font-size:12px;border-radius:7px;padding:3px 9px;background:color-mix(in srgb,var(--c) 22%,transparent);color:var(--c);border:1px solid color-mix(in srgb,var(--c) 40%,transparent);}
.g-tag{font-size:12px;border-radius:7px;padding:3px 9px;background:var(--g-card2);color:var(--g-sub);}
.g-card-meta{color:var(--g-faint);font-size:12.5px;margin-top:8px;}
.g-unlocated{font-size:11px;color:var(--g-faint);background:var(--g-card2);border-radius:6px;padding:1px 7px;}
.g-reasons{margin-top:12px;border-top:1px solid var(--g-line);padding-top:10px;}
.g-reasons-k{font-size:12px;color:var(--g-faint);margin-bottom:4px;}
.g-reasons ul{margin:0;padding-left:18px;color:var(--g-sub);font-size:13px;line-height:1.7;}
.g-card-ops{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px;}
.g-op{font-size:12.5px;border:1px solid var(--g-line);background:var(--g-card2);color:var(--g-sub);border-radius:var(--g-pill);padding:6px 12px;cursor:pointer;text-decoration:none;display:inline-block;}
.g-op.on{color:var(--g-accent);border-color:var(--g-accent);}
.g-edit-ops{display:flex;gap:6px;}
.g-iop{width:30px;height:30px;border:1px solid var(--g-line);background:var(--g-card2);color:var(--g-ink);border-radius:8px;cursor:pointer;font-size:13px;}
.g-iop:disabled{opacity:.35;cursor:not-allowed;}
.g-day-empty{text-align:center;color:var(--g-faint);font-size:14px;padding:36px 0;}
.g-add{width:100%;margin-top:12px;}

.g-map{height:62vh;border-radius:var(--g-r);overflow:hidden;border:1px solid var(--g-line);background:var(--g-card2);}
.g-marker-pin{display:flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:50% 50% 50% 0;background:var(--c);color:#fff;font-size:13px;font-weight:700;transform:rotate(-45deg);box-shadow:0 2px 6px rgba(0,0,0,.22);}
.g-map-card,.g-sheet{background:var(--g-card);border:1px solid var(--g-line);border-radius:var(--g-r);padding:16px;margin-top:12px;box-shadow:var(--shadow-2);}
.g-sheet{position:sticky;bottom:8px;}
.g-sheet-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;}
.g-sheet-close{border:none;background:var(--g-card2);color:var(--g-ink);width:28px;height:28px;border-radius:50%;cursor:pointer;font-size:16px;}
.g-sheet-body{max-height:46vh;overflow-y:auto;}
.g-near{display:flex;justify-content:space-between;gap:10px;align-items:center;padding:10px 0;border-top:1px solid var(--g-line);}
.g-near-main{flex:1;min-width:0;}
.g-near-name{font-size:14px;}
.g-near-rate{color:var(--g-accent);font-size:12px;}
.g-near-sub{color:var(--g-faint);font-size:12px;margin-top:2px;}
.g-near-ops{display:flex;gap:6px;flex-shrink:0;}

.g-form{background:var(--g-card);border:1px solid var(--g-line);border-radius:var(--g-r);padding:18px;margin-top:14px;}
.g-form h3{margin-bottom:12px;}
.g-form label{display:flex;flex-direction:column;gap:5px;font-size:12px;color:var(--g-sub);margin-bottom:10px;}
.g-form-row{display:flex;gap:12px;}
.g-form-row label{flex:1;}
.g-form input,.g-form select,.g-form textarea{background:var(--g-card2);border:1px solid var(--g-line);color:var(--g-ink);border-radius:var(--g-r-sm);padding:9px 11px;font-size:14px;font-family:inherit;}
.g-form-actions{display:flex;gap:10px;margin-top:6px;}