.at-scene-actions, .at-head-status { display:flex; align-items:center; gap:10px; }
.at-entry-theme { display:inline-flex; align-items:center; gap:4px; min-height:35px; padding:0 9px; border:1px solid #ffffff85; border-radius:24px; background:#19273288; color:white; backdrop-filter:blur(6px); }
#at-sakura .at-entry-theme .lucide { width:14px; height:14px; }
.at-entry-theme select { border:0; padding:4px 0; background:transparent; color:inherit; cursor:pointer; font:550 12px/1.4 var(--at-sans); }
.at-entry-theme select option { color:#193c47; background:white; }
.at-entry-theme:focus-within { outline:2px solid white; outline-offset:2px; }
.at-extra-skins { margin-top:14px; }
.at-extra-skins summary { color:var(--at-muted); font-size:12px; }
.at-extra-skins[open] summary { margin-bottom:10px; }
#at-skin-list { grid-template-columns:repeat(2,minmax(0,1fr)); max-width:700px; }
#at-skin-list .at-skin-caption { flex-wrap:wrap; }
.at-weather-credit { display:block; margin-top:10px; color:var(--at-muted); font:11px/1.6 var(--at-sans); }
.at-lake-heading { display:flex; align-items:baseline; justify-content:space-between; gap:12px; }
#at-sakura .at-lake-heading .lucide { margin-left:4px; width:13px; height:13px; }
body[data-lake-viewing] { overflow:hidden; }
body[data-lake-viewing] #at-sakura { visibility:hidden; }
#at-lake-view { position:fixed; inset:auto 18px 18px auto; margin:0; border:1px solid #d6e8e79c; border-radius:24px; padding:6px 6px 6px 16px; color:#eef8f4; background:#173741cf; font:12px/1.5 "Microsoft YaHei UI",sans-serif; }
#at-lake-view[open] { display:flex; align-items:center; gap:16px; }
#at-lake-view::backdrop { background:transparent; }
#at-lake-view button { border:0; border-radius:18px; padding:7px 13px; color:#16404a; background:#edf6f0; font:inherit; cursor:pointer; }
#at-lake-backdrop { position:fixed; z-index:0; inset:0; overflow:hidden; pointer-events:none; background:#143c50 center/cover no-repeat; }
#at-lake-backdrop[hidden] { display:none; }
#at-lake-backdrop canvas { position:absolute; inset:0; width:100%; height:100%; opacity:0; }
#at-lake-backdrop[data-ready] canvas { opacity:1; }
body[data-at-lake] { display:block; padding:0; isolation:isolate; min-height:100svh; background:#173d50; }
#at-sakura[data-lake-theme] {
  --at-paper:#eff6f5; --at-ink:#173c48; --at-muted:#496770; --at-wine:#16616a; --at-rose:#4c9698;
  --at-line:#a9c4c7; --lake-glass:rgba(238,247,246,.90);
  position:relative; z-index:1; max-width:none; min-height:100svh;
}
#at-sakura[data-lake-theme] .at-window { background:transparent; border:0; border-radius:0; box-shadow:none; min-height:100svh; }
#at-sakura[data-lake-theme] :is(.at-scene,.at-emboss,.at-stitch) { display:none; }
#at-sakura[data-lake-theme] .at-entry {
  min-height:100svh; padding:clamp(22px,3.1vw,56px); gap:clamp(14px,2vw,38px); align-items:center;
  grid-template-columns:minmax(0,1fr) clamp(324px,29.5vw,440px);
}
#at-sakura[data-lake-theme] .at-poster { align-self:stretch; overflow:visible; isolation:auto; background:transparent; border-radius:0; }
#at-sakura[data-lake-theme] .at-poster-veil { display:none; }
#at-sakura[data-lake-theme] .at-poster-top { justify-content:flex-start; flex-wrap:wrap; margin:0; gap:24px; }
#at-sakura[data-lake-theme] .at-editorial-brand { padding:7px 12px 7px 7px; border:1px solid #e0eeef7d; border-radius:22px; background:#143847a3; }
#at-sakura[data-lake-theme] .at-seal { background:transparent; border-color:#f1f7f75c; }
#at-sakura[data-lake-theme] .at-motion, #at-sakura[data-lake-theme] .at-entry-theme { color:#fff; background:#173e4d9e; }
#at-sakura[data-lake-theme] .at-poster-caption { align-self:flex-start; margin:0; padding:14px 26px 15px 19px; border-left:2px solid #d5ece7bd; background:linear-gradient(100deg,#123440b8,#14374668 70%,transparent); }
#at-sakura[data-lake-theme] .at-scene-title { font:500 clamp(30px,3.65vw,62px)/1.22 var(--at-cn-serif); letter-spacing:.16em; color:#f7f9f3; text-shadow:0 1px 8px #13374496; }
#at-sakura[data-lake-theme] .at-poster-zh { margin:7px 0 0 2px; gap:10px; color:#effaf9; font:550 12px/1.6 var(--at-sans); letter-spacing:.065em; }
#at-sakura[data-lake-theme] .at-access {
  margin-block:38px; padding:clamp(40px,4vw,65px) clamp(23px,2.6vw,43px) 61px;
  border:1px solid #effffdc7; border-radius:20px; backdrop-filter:blur(12px);
  background:linear-gradient(148deg,#f2f9f6f0,#e1edefdf); box-shadow:0 18px 65px #0b314354;
}
#at-sakura[data-lake-theme] .at-access-foot { left:clamp(23px,2.6vw,43px); bottom:20px; }
#at-sakura[data-lake-theme] :is(.at-side-brand img,.at-lockup img) {
  object-position:0 -999px; background:linear-gradient(110deg,#193e4b 0 73%,#4a9193 80%);
  mask:url("assets/at-logo.svg") center/contain no-repeat;
}
#at-sakura[data-lake-theme] .at-lockup { margin-bottom:clamp(25px,2.6vw,44px); }
#at-sakura[data-lake-theme] :is(.at-lockup span,.at-side-brand span,.at-label-row label,.at-who small) { color:var(--at-ink); border-color:var(--at-line); }
#at-sakura[data-lake-theme] :is(.at-input-wrap,.at-setting-row select) { background:#f8fcfbdf; color:#467078; border-color:#9ebfc3; }
#at-sakura[data-lake-theme] .at-input-wrap:focus-within { border-color:var(--at-wine); box-shadow:0 0 0 3px #348c9225; }
#at-sakura[data-lake-theme] :is(.at-icon-btn,.at-eye,.at-muted-btn,.at-local) { color:#45656c; }
#at-sakura[data-lake-theme] input::placeholder { color:#6c8387; }
#at-sakura[data-lake-theme] :is(.at-primary,.at-secondary) { color:#f7fdfb; background:var(--at-wine); box-shadow:0 3px 11px -6px #073d4e8c; }
#at-sakura[data-lake-theme] :is(.at-primary,.at-secondary):hover { background:#114e59; }
#at-sakura[data-lake-theme] :where(button,select,summary):focus-visible { outline-color:#187a83; }
#at-sakura[data-lake-theme] .at-local b { border-color:#3d8184; background:#88bcb3; }
#at-sakura[data-lake-theme] .at-desk { min-height:100svh; grid-template-columns:clamp(145px,15.3vw,209px) minmax(0,1fr); }
#at-sakura[data-lake-theme] .at-side { background:linear-gradient(160deg,#eff8f2ef,#d2e4e2df); backdrop-filter:blur(10px); border-right:1px solid #d6e8e6a3; }
#at-sakura[data-lake-theme] .at-nav-item { color:#375862; }
#at-sakura[data-lake-theme] :is(.at-nav-item:hover,.at-eye:hover,.at-icon-btn:hover) { background:#d6e9e6; }
#at-sakura[data-lake-theme] .at-nav-item[aria-current="page"] { color:#174f59; background:#bcd9d6; }
#at-sakura[data-lake-theme] .at-nav-item[aria-current="page"]::after { background:#347d80; }
#at-sakura[data-lake-theme] .at-avatar, #at-sakura[data-lake-theme] :is(.at-story-icon,.at-modal-symbol) { color:#21646c; background:#cde3df; }
#at-sakura[data-lake-theme] .at-userbar { border-color:#9ebbbd; }
#at-sakura[data-lake-theme] .at-main { width:100%; max-width:1540px; margin-inline:auto; align-self:start; padding:clamp(18px,2.7vw,43px); }
#at-sakura[data-lake-theme] :is(.at-main-head,.at-shelf,.at-panel,.at-settings) {
  border:1px solid #effff8ac; background:var(--lake-glass); backdrop-filter:blur(8px);
  border-radius:13px; padding:clamp(15px,1.65vw,28px); box-shadow:0 5px 22px #0c303315;
}
#at-sakura[data-lake-theme] .at-main-head { padding-block:12px; margin-bottom:12px; }
#at-sakura[data-lake-theme] .at-main-head h2 { font-size:clamp(24px,2.4vw,35px); }
#at-sakura[data-lake-theme] .at-lake-brief { color:#275b63; font-size:12px; font-weight:620; }
#at-sakura[data-lake-theme] .at-head-status { flex-wrap:wrap; justify-content:flex-end; gap:6px 14px; }
#at-sakura[data-lake-theme] .at-shelf { padding-block:9px; margin-bottom:14px; }
#at-sakura[data-lake-theme] :is(.at-program-tab,.at-skin-card,.at-story) { background:#f5faf6e8; border-color:var(--at-line); }
#at-sakura[data-lake-theme] .at-program-tab[aria-selected="true"] { background:#d9eae6; border-color:#6c9d9f; box-shadow:inset 0 -2px #448484; }
#at-sakura[data-lake-theme] .at-program-tile { color:#f3f8f4; background:linear-gradient(140deg,#1c4758,#3e777d 72%,#79a3a0); }
#at-sakura[data-lake-theme] .at-cover { height:clamp(230px,29vh,390px); border:1px solid #e4f3ee77; background:transparent; }
#at-sakura[data-lake-theme] .at-cover-veil { background:linear-gradient(90deg,#0b2f3bc4,#173e4c65 36%,transparent 73%); }
#at-sakura[data-lake-theme] .at-short-cover { display:none; }
#at-sakura[data-lake-theme] .at-feature { text-shadow:0 1px 7px #143a44aa; }
#at-sakura[data-lake-theme] .at-feature-tag b { background:#b8deda; }
#at-sakura[data-lake-theme] .at-launch { color:#1d535a; background:#eaf6ef; }
#at-sakura[data-lake-theme] .at-skin-active { background:#174951e3; }
#at-sakura[data-lake-theme] .at-time-card { background:linear-gradient(145deg,#f6faf5ea,#d7e9e8ed); }
#at-sakura[data-lake-theme] .at-event-hero { background:linear-gradient(115deg,#164454,#286773 65%,#53877d); }
#at-sakura[data-lake-theme] :is(.at-event-icon,.at-event-total small,.at-event-hero p) { color:#e3f2ec; }
#at-sakura[data-lake-theme] .at-dialog { background:#f1f7f4; border-color:var(--at-line); }
#at-sakura[data-lake-theme] .at-dialog::backdrop { background:#102f3c78; }
#at-sakura[data-lake-theme] .at-setting-row + .at-setting-row { border-top:0; }
@media (max-width:690px) {
  #at-sakura[data-lake-theme] .at-entry { grid-template-columns:1fr; grid-template-rows:minmax(190px,1fr) auto; padding:15px; gap:12px; }
  #at-sakura[data-lake-theme] .at-access { justify-self:center; width:min(100%,430px); margin:0; padding:22px 23px 42px; border-radius:15px; }
  #at-sakura[data-lake-theme] .at-access-foot { bottom:11px; }
  #at-sakura[data-lake-theme] .at-lockup { margin-bottom:16px; }
  #at-sakura[data-lake-theme] .at-poster { min-height:0; }
  #at-sakura[data-lake-theme] .at-poster-top { gap:8px; justify-content:space-between; }
  #at-sakura[data-lake-theme] .at-poster-caption { padding:5px 13px; }
  #at-sakura[data-lake-theme] .at-scene-title { font-size:27px; }
  #at-sakura[data-lake-theme] .at-poster-zh { margin-top:4px; }
  #at-sakura[data-lake-theme] .at-desk { grid-template-columns:57px minmax(0,1fr); }
  #at-sakura[data-lake-theme] .at-side { padding-inline:3px; }
  #at-sakura[data-lake-theme] .at-main { padding:12px 8px; }
  #at-sakura[data-lake-theme] :is(.at-main-head,.at-shelf,.at-panel,.at-settings) { padding:12px; border-radius:9px; }
  #at-sakura[data-lake-theme] .at-cover { height:200px; }
  #at-sakura[data-lake-theme] .at-head-status { display:grid; justify-items:end; }
  .at-skin-caption { flex-direction:column; }
}
@media (max-width:390px) {
  .at-scene-actions { gap:4px; }
  #at-sakura[data-lake-theme] .at-editorial-brand { letter-spacing:.08em; }
}