*{margin:0;padding:0;box-sizing:border-box;outline:none;-webkit-tap-highlight-color:rgba(0,0,0,0);}
body{font-family:system-ui,-apple-system,sans-serif;padding:32px 16px 100px;transition:background .3s,color .3s;}
body.day{background:#f7f9fc;color:#1f2937;}
body.night{background:#182233;color:#e5e7eb;}
.container{max-width:560px;margin:0 auto;}
h1{text-align:center;font-size:34px;color:#0269d9;margin-bottom:6px;}
.tel-line{text-align:center;font-size:24px;color:#0269d9;margin-bottom:24px;}
.tel-line a{color:#0269d9;text-decoration:none;}
.business{background:#e8f2ff;border-radius:16px;padding:18px;margin-bottom:26px;}
body.night .business{background:#27364e;}
.business-row{display:flex;gap:14px;align-items:center;}
.business-img{width:96px;height:96px;border-radius:10px;object-fit:cover;flex-shrink:0;cursor:zoom-in;}
.business-text strong{display:block;color:#d92525;font-size:18px;margin-bottom:4px;}
.business-text p{font-size:15px;line-height:1.6;}
body.night .business-text p{color:#d1d5db;}

.search-bar{display:flex;gap:8px;margin-bottom:14px;}
.search-input{flex:1;min-width:0;padding:11px 14px;border-radius:12px;border:1px solid #94b8e6;background:#fff;font-size:15px;outline:none;}
body.night .search-input{background:#2d3f5c;color:#eee;border-color:#4878bc;}
.search-btn{flex-shrink:0;border:none;border-radius:12px;background:#0269d9;color:#fff;font-size:15px;padding:0 18px;cursor:pointer;}
body.night .search-btn{background:#2563eb;}
.info-row{display:flex;justify-content:center;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:20px;}
.clock-tag{flex-shrink:0;display:flex;align-items:center;white-space:nowrap;padding:7px 14px;border-radius:999px;background:#e8f2ff;color:#0269d9;font-size:13px;font-weight:700;}
body.night .clock-tag{background:#27364e;color:#c6e0ff;}
.weather-tag{flex-shrink:0;display:flex;align-items:center;white-space:nowrap;padding:7px 14px;border-radius:999px;background:#e8f2ff;color:#0f766e;font-size:13px;font-weight:700;}
body.night .weather-tag{background:#27364e;color:#7fd6c4;}

.link-item{margin-bottom:6px;}
.item-wrap{background:#e1edfb;border-radius:12px;padding:5px 12px;width:fit-content;max-width:100%;}
body.night .item-wrap{background:#2c4060;}
.item-head{display:flex;align-items:center;gap:8px;margin-bottom:3px;}
.expand-btn{flex-shrink:0;width:24px;height:24px;border:none;background:transparent;color:#0269d9;font-size:14px;cursor:pointer;margin-top:0;display:flex;align-items:center;justify-content:center;}
.expand-btn.open{transform:rotate(90deg);}

/* 标题（缩小字号、收紧行距） */
.label-text{
  font-size: clamp(17px, 3vw, 20px);
  font-weight: 900;
  color:#0f3b73;
  word-break:break-word;
  line-height:1.2;
  display:flex;
  align-items:center;
  gap:8px;
}
body.night .label-text{color:#c6e0ff;}

/* 标题前的彩色图形标识 */
.label-text::before{
  content:"";
  display:inline-block;
  width:8px;
  height:18px;
  border-radius:4px;
  background:linear-gradient(180deg,#3b82f6,#0269d9);
  flex-shrink:0;
}

.url-text{font-size:17px;font-weight:700;color:#0269d9;word-break:break-all;cursor:pointer;text-decoration:underline;margin:4px 0 8px 33px;transition:color 0.12s ease;display:none;}
.url-text:active{color:#dc2626 !important;}
body.night .url-text{color:#63a8ff;}

.note-show-box{margin:4px 0 8px 33px;padding:8px 10px;background:#fff3fc;border-radius:10px;color:#6b1b7c;font-size:15px;font-weight:700;line-height:1.4;word-break:break-all;min-height:20px;display:none;}
body.night .note-show-box{background:#37243c;color:#e8b4f0;}

.icon-bar{display:flex;justify-content:flex-end;gap:10px;margin-top:6px;display:none;}
.icon-btn{width:36px;height:36px;border-radius:8px;border:1px solid #888;background:#fff;font-size:17px;cursor:pointer;display:flex;align-items:center;justify-content:center;}
body.night .icon-btn{background:#2a3850;}
.icon-btn:active{opacity:0.7;transform:scale(0.94);}

.edit-panel{margin-top:8px;padding:12px;border:1px solid #0269d9;border-radius:14px;display:none;margin-left:33px;}
.edit-panel.open{display:block;}
body.night .edit-panel{border-color:#3b7cd3;background:#24334b;}
.edit-panel label{display:block;font-size:14px;margin:10px 0 4px;}
.edit-panel input{width:100%;padding:11px;border-radius:10px;border:1px solid #94b8e6;font-size:15px;background:#fff;}
body.night .edit-panel input{background:#2d3f5c;color:#eee;border-color:#4878bc;}
.edit-panel .i-note{width:100%;min-height:70px;padding:11px;border-radius:10px;border:1px solid #94b8e6;font-size:15px;background:#fff;resize:vertical;font-family:inherit;}
body.night .edit-panel .i-note{background:#2d3f5c;color:#eee;border-color:#4878bc;}
.save-btn{width:100%;margin-top:12px;padding:12px;border:none;border-radius:10px;background:#23a044;color:#fff;font-size:16px;cursor:pointer;}
.tip-save{font-size:13px;color:#23a044;margin-top:6px;display:none;text-align:center;}
body.night .tip-save{color:#46d16b;}

.note-panel{margin-top:8px;padding:12px;border:1px solid #9c27b0;border-radius:14px;display:none;margin-left:33px;}
.note-panel.open{display:block;}
body.night .note-panel{border-color:#ce63d8;background:#24334b;}
.note-panel label{display:block;font-size:14px;margin-bottom:4px;}
.note-textarea{width:100%;min-height:80px;padding:10px;border-radius:10px;border:1px solid #9c27b0;font-size:14px;background:#fff;resize:vertical;}
body.night .note-textarea{background:#2d3f5c;color:#eee;border-color:#ce63d8;}
.note-save-btn{width:100%;margin-top:10px;padding:10px;border:none;border-radius:10px;background:#9c27b0;color:#fff;font-size:15px;cursor:pointer;}
.note-tip{font-size:13px;color:#9c27b0;margin-top:5px;display:none;text-align:center;}
body.night .note-tip{color:#ce63d8;}

.count-box{display:none;align-items:center;gap:8px;background:#dc2626;color:#fff;padding:5px 10px;border-radius:8px;font-size:13px;box-shadow:0 2px 6px rgba(0,0,0,.2);white-space:nowrap;}
.count-box.show{display:flex;}
.count-box button{border:none;padding:3px 9px;border-radius:6px;background:#fff;color:#dc2626;font-size:13px;cursor:pointer;line-height:1.2;}

.top-bar{position:fixed;top:12px;right:14px;display:flex;gap:8px;align-items:center;z-index:998;}
.date-tag{font-size:13px;padding:5px 11px;border-radius:999px;background:rgba(255,255,255,.75);}
body.night .date-tag{background:rgba(255,255,255,.13);color:#ddd;}
.theme-toggle{border:none;background:transparent;font-size:20px;width:36px;height:36px;border-radius:50%;cursor:pointer;}

.bottom-img{display:flex;gap:12px;justify-content:center;margin-top:30px;}
.bottom-img img{width:44%;max-width:220px;border-radius:12px;cursor:zoom-in;}
.bottom-note{text-align:center;font-size:13px;color:#666;margin:10px 0 24px;}
body.night .bottom-note{color:#aaa;}
.copyright{text-align:center;margin-top:22px;font-size:13px;color:#888;}

.modal{position:fixed;inset:0;background:rgba(0,0,0,.9);z-index:1000;display:none;align-items:center;justify-content:center;}
.modal-img{max-width:92%;max-height:86vh;}
.modal-close{position:absolute;top:20px;right:24px;color:#fff;font-size:36px;cursor:pointer;}

.music-fab{position:fixed;right:16px;bottom:18px;width:50px;height:50px;border-radius:50%;border:none;background:linear-gradient(135deg,#0991f0,#0269d9);color:#fff;font-size:22px;box-shadow:0 4px 14px rgba(2,105,217,.3);z-index:997;cursor:pointer;}
.music-fab.playing{animation:beat 1.6s infinite;}
@keyframes beat{0%{box-shadow:0 0 0 0 rgba(2,105,217,.45);}70%{box-shadow:0 0 0 10px rgba(2,105,217,0);}100%{box-shadow:0 0 0 0 rgba(2,105,217,0);}}
.music-ctrl{position:fixed;right:16px;bottom:78px;display:flex;flex-direction:column;gap:10px;opacity:0;pointer-events:none;transform:translateY(10px);transition:.25s;z-index:996;}
.music-ctrl.open{opacity:1;pointer-events:auto;transform:translateY(0);}
.music-ctrl button{width:42px;height:42px;border-radius:50%;border:none;color:#fff;font-size:16px;cursor:pointer;}
.ctrl-prev,.ctrl-next{background:#247bdd;}
.ctrl-play{background:#0991f0;}
.ctrl-close{background:#ed4343;}
.music-tip{position:fixed;right:72px;bottom:34px;background:rgba(2,90,180,.85);color:#fff;padding:6px 11px;border-radius:999px;font-size:12px;opacity:0;pointer-events:none;transition:.25s;z-index:995;white-space:nowrap;}
.music-tip.show{opacity:1;}
body.night .music-tip{background:rgba(34,104,184,.75);}

.global-toggle-wrap{
  position:fixed;
  left:6px;
  top:50%;
  transform:translateY(-50%);
  z-index:1002;
}
.global-toggle{
  writing-mode:vertical-rl;
  text-orientation:mixed;
  padding:14px 9px;
  background:#0269d9;
  color:#fff;
  border:0;
  border-radius:12px;
  font-size:14px;
  cursor:pointer;
  box-shadow:0 4px 12px rgba(2,105,217,0.32);
}
body.night .global-toggle{background:#2563eb;}
.global-toggle:active{opacity:0.82;}
@media (max-width:420px){
  .global-toggle-wrap{left:3px;}
  .global-toggle{padding:11px 6px;font-size:12px;}
}

.link-item.open .url-text{display:block;}
.link-item.open .note-show-box{display:block;}
.link-item.open .icon-bar{display:flex;}
