/* ===================================================================
   煙雨江南 · 唯美水墨（SOTA 重设计 · 满屏远山雾霭 + 两岸成画 + 墨色行船）
   冷调 · 留白 · 纸面外框 · 雨雾 —— 一幅雨里的水墨江南，无暖黄
   =================================================================== */
:root{
  --paper:#F4F6F2;          /* 宣纸冷白 */
  --paper-2:#FBFCFA;        /* 卡片近白 */
  --mist-1:#F4F7F7; --mist-2:#E5ECEC; --mist-3:#CFDADB; /* 雨雾渐层 */
  --ink:#26302F;            /* 墨（正文）*/
  --ink-soft:#5C6A69;       /* 淡墨 */
  --ink-faint:#8C9897;      /* 远墨/次要 */
  --dai:#37474B;            /* 黛瓦（结构主色）*/
  --dai-deep:#26343A;
  --qing:#5E8079;           /* 远山青（点缀）*/
  --qing-soft:#9FB7B1;
  --seal:#9E4A3C;           /* 朱砂印（唯一暖点，极少用）*/
  --seal-deep:#8A3A30;
  --line:#D2DCDC;           /* 冷灰发丝线 */
  --line-soft:#E3EAEA;
  --water-1:#CAD7D6; --water-2:#A6BBB9; --water-3:#86A19D; /* 雨湖冷绿灰 */
  --shadow:0 10px 30px rgba(40,58,56,.10);
  --shadow-sm:0 4px 14px rgba(40,58,56,.08);
}
*{box-sizing:border-box;}
html,body{margin:0;padding:0;min-height:100%;}
body{
  font-family:"Songti SC","STSong","SimSun","KaiTi","STKaiti",serif;
  color:var(--ink);line-height:1.95;letter-spacing:.01em;
  background:transparent;-webkit-font-smoothing:antialiased;
}
a{color:var(--qing);text-decoration:none;transition:color .2s;}
a:hover{color:var(--seal);}
img{max-width:100%;}
.kai{font-family:"KaiTi","STKaiti","楷体","Kaiti SC",serif;}

/* ---- 背景：雨雾天色（冷白→远青灰）---- */
.bg-sky{position:fixed;inset:0;z-index:-3;
  background:
    radial-gradient(140% 90% at 50% 6%, #FBFDFD 0%, transparent 55%),
    linear-gradient(180deg,var(--mist-1) 0%,var(--mist-2) 52%,var(--mist-3) 100%);
}

/* ---- 江南水墨：满屏远山雾霭 + 左右两岸成画 + 雨湖行船 ---- */
.scene{position:fixed;left:0;right:0;bottom:0;z-index:-2;height:340px;pointer-events:none;}
.hills{position:absolute;left:0;right:0;bottom:108px;width:100%;height:148px;}
.bank{position:absolute;bottom:104px;height:176px;opacity:.96;}
.bank.l{left:0;width:min(48vw,540px);}
.bank.r{right:0;width:min(48vw,540px);}
.lake{position:absolute;left:0;right:0;bottom:0;height:128px;overflow:hidden;
  /* 古代感：顶部留白渐隐，柔和墨色水面，无硬边线 */
  background:linear-gradient(180deg,
    rgba(214,225,223,0) 0%, rgba(199,213,211,.5) 20%,
    rgba(170,189,186,.8) 60%, rgba(143,164,160,.94) 100%);}
.lake .ripple{position:absolute;left:0;right:0;bottom:0;width:100%;height:100%;
  animation:drift 16s ease-in-out infinite alternate;}
@keyframes drift{from{transform:translateX(0);}to{transform:translateX(-24px);}}
.boat{position:absolute;bottom:40px;width:120px;will-change:transform;}
.boat1{bottom:52px;transform:scale(.78);animation:sail1 82s linear infinite;}
.boat2{bottom:26px;transform:scale(1.02);animation:sail2 110s linear infinite;}
.boat3{bottom:74px;transform:scale(.58);opacity:.8;animation:sail1 138s linear infinite reverse;}
@keyframes sail1{from{left:-140px;}to{left:100%;}}
@keyframes sail2{from{left:100%;}to{left:-150px;}}

/* ---- 下雨：只落在四周江南景物上（纸面背后），中间内容不被雨覆盖 ---- */
#rain{position:fixed;inset:0;width:100vw;height:100vh;z-index:0;pointer-events:none;}

/* ---- 主容器：居中纸面外框 + 四角花 ---- */
.wrap{max-width:920px;margin:34px auto 250px;position:relative;z-index:1;
  background:linear-gradient(180deg,var(--paper-2),var(--paper));
  border:1px solid var(--qing-soft);
  box-shadow:0 18px 60px rgba(40,53,47,.18), 0 0 0 7px rgba(255,255,255,.55), 0 0 0 8px var(--line);
  padding:6px;}
.inner{border:1px solid var(--line);padding:30px 34px 26px;position:relative;}
.corner{position:absolute;width:62px;height:62px;opacity:.85;}
.corner.tl{top:-2px;left:-2px;} .corner.tr{top:-2px;right:-2px;transform:scaleX(-1);}
.corner.bl{bottom:-2px;left:-2px;transform:scaleY(-1);} .corner.br{bottom:-2px;right:-2px;transform:scale(-1,-1);}

/* ---- 顶部：墨题（楷体）+ 朱印 ---- */
.masthead{position:relative;text-align:center;padding:18px 10px 4px;}
.site-title{margin:0;font-family:"KaiTi","STKaiti","楷体","Kaiti SC",serif;font-size:46px;font-weight:600;
  letter-spacing:.42em;color:var(--ink);text-indent:.42em;}
.site-sub{color:var(--qing);letter-spacing:.34em;font-size:14px;margin-top:12px;text-indent:.34em;}
.seal{position:absolute;right:6px;top:0;background:var(--seal);color:#F4ECE6;
  font-family:"KaiTi","STKaiti","楷体",serif;writing-mode:vertical-rl;font-size:14px;letter-spacing:.12em;
  padding:8px 6px;border-radius:2px;box-shadow:0 2px 7px rgba(138,58,48,.28);line-height:1.25;}

/* ---- 公告（柔和底纹，不用硬边线）---- */
.announce{display:flex;align-items:center;gap:10px;margin:18px auto 8px;max-width:600px;
  background:rgba(94,128,122,.06);border-radius:5px;padding:7px 16px;color:var(--ink-soft);font-size:14px;}
.announce .bell{flex:none;color:var(--seal);font-size:13px;letter-spacing:.08em;}
.announce marquee{font-size:14px;}

/* ---- 花叶分割线 ---- */
.divider{display:flex;align-items:center;justify-content:center;gap:14px;margin:20px 0;}
.divider .ln{height:1px;width:38%;background:linear-gradient(90deg,transparent,var(--line-soft) 18%,var(--qing-soft));}
.divider .ln.r{background:linear-gradient(270deg,transparent,var(--line-soft) 18%,var(--qing-soft));}

/* ---- 导航：墨字 + 朱点/青圈 ---- */
.mainnav{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:6px 4px;margin:8px 0 0;}
.mainnav a{display:inline-flex;align-items:center;gap:7px;padding:7px 16px;font-size:16px;letter-spacing:.16em;
  color:var(--ink-soft);border-radius:3px;transition:.2s;text-indent:.16em;}
.mainnav a::before{content:"";width:8px;height:8px;flex:none;border:1px solid var(--qing-soft);border-radius:50%;}
.mainnav a:hover{color:var(--seal);background:rgba(94,128,122,.07);}
.mainnav a.on{color:var(--seal);}
.mainnav a.on::before{background:var(--seal);border-color:var(--seal);}
.mainnav a.admin-link{color:var(--qing);}
.mainnav a.admin-link::before{display:none;}

/* ---- flash ---- */
.flash{margin:12px auto;max-width:760px;padding:10px 18px;border-radius:4px;font-size:14px;box-shadow:var(--shadow-sm);}
.flash.ok{background:#eef4f1;border:1px solid #b9d2c8;color:#356253;}
.flash.error{background:#f6ece9;border:1px solid #ddb3aa;color:#8a3a30;}

/* ---- 布局 ---- */
.layout{display:grid;grid-template-columns:1fr 232px;gap:24px;align-items:start;}
.content{min-width:0;}
.sidebar{display:flex;flex-direction:column;gap:16px;}

/* ---- 通用面板/卡片（干净白 + 发丝线 + 软阴影）---- */
.panel{background:var(--paper-2);border:1px solid var(--line);border-radius:8px;box-shadow:var(--shadow-sm);overflow:hidden;}
.panel-h{background:transparent;color:var(--dai);text-align:center;letter-spacing:.28em;font-size:14px;
  padding:11px 7px 9px;text-indent:.28em;border-bottom:1px solid var(--line-soft);}
.panel-b{padding:13px 16px;}

/* 内容区段标题：墨字 + 细线 + 朱点 */
.section{margin-bottom:20px;}
.section-h{display:flex;align-items:center;gap:12px;font-size:23px;font-weight:600;color:var(--ink);
  letter-spacing:.12em;border-bottom:1px solid var(--line);padding-bottom:12px;margin-bottom:18px;}
.section-h::before{content:"";width:5px;height:5px;background:var(--seal);border-radius:50%;display:inline-block;}
.card{background:var(--paper-2);border:1px solid var(--line);border-radius:10px;box-shadow:var(--shadow);
  padding:24px 28px;margin-bottom:18px;position:relative;}
.card::before,.card::after{content:"";position:absolute;width:9px;height:9px;border:1px solid var(--qing-soft);}
.card::before{top:5px;left:5px;border-right:none;border-bottom:none;}
.card::after{bottom:5px;right:5px;border-left:none;border-top:none;}

/* ---- 音乐盒（聽雨軒）---- */
.music-box .now{font-size:12px;color:var(--ink-faint);text-align:center;margin-bottom:10px;letter-spacing:.05em;}
.music-box .now b{color:var(--ink);font-size:15px;}
.mctrl{display:flex;gap:7px;justify-content:center;margin-bottom:10px;}
.mctrl button{font-family:inherit;font-size:13px;padding:5px 13px;cursor:pointer;color:var(--dai);
  border:1px solid var(--line);border-radius:3px;background:#fff;transition:.18s;letter-spacing:.04em;}
.mctrl button:hover{background:var(--dai);color:#fff;border-color:var(--dai);}
.music-box select{width:100%;font-family:inherit;font-size:13px;padding:6px;border:1px solid var(--line);border-radius:3px;background:#fff;color:var(--ink-soft);}
midi-player{display:none;}

/* ---- 计数器（素雅，非荧光）---- */
.counter-box .lcd{font-family:"Consolas","Courier New",monospace;letter-spacing:.3em;
  background:#21302b;color:#9fd9c8;text-align:center;padding:8px;border-radius:4px;
  font-size:21px;text-indent:.3em;}
.counter-box .since{text-align:center;font-size:12px;color:var(--ink-faint);margin-top:9px;letter-spacing:.04em;}

/* ---- 怀旧提示 ---- */
.retro-tip{font-size:12px;color:var(--ink-faint);text-align:center;line-height:2.1;letter-spacing:.04em;}
.blink{color:var(--seal);animation:blink 1.3s step-start infinite;}
@keyframes blink{50%{opacity:0;}}

/* ---- 首页 ---- */
.hero{display:flex;gap:22px;align-items:center;}
.hero .avatar{flex:none;width:90px;height:90px;border-radius:50%;object-fit:cover;border:1px solid var(--qing-soft);box-shadow:var(--shadow-sm);background:#fff;padding:4px;}
.hero .avatar.ph{display:flex;align-items:center;justify-content:center;font-size:40px;color:var(--qing-soft);}
.hero .htext h2{margin:0 0 6px;font-size:25px;font-weight:600;letter-spacing:.08em;}
.hero .htext .sig{color:var(--qing);letter-spacing:.05em;}
.home-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;}
.mini-list{list-style:none;margin:0;padding:0;}
.mini-list li{padding:7px 0;border-bottom:1px dashed var(--line-soft);font-size:15px;display:flex;justify-content:space-between;gap:8px;}
.mini-list li:last-child{border-bottom:none;}
.mini-list li .date{color:var(--ink-faint);font-size:12px;flex:none;}
.photo-strip{display:flex;gap:10px;flex-wrap:wrap;}
.photo-strip img{width:80px;height:80px;object-fit:cover;border:1px solid var(--line);border-radius:4px;cursor:pointer;transition:.2s;}
.photo-strip img:hover{transform:translateY(-2px);box-shadow:var(--shadow-sm);}

/* ---- 关于我 ---- */
.about-wrap{display:flex;gap:30px;}
.about-wrap .col-l{flex:none;text-align:center;}
.about-wrap .col-l img{width:140px;height:140px;border-radius:8px;object-fit:cover;border:1px solid var(--line);box-shadow:var(--shadow-sm);}
.info-table{width:100%;border-collapse:collapse;margin-top:10px;}
.info-table th{text-align:right;color:var(--qing);white-space:nowrap;padding:7px 12px;width:88px;vertical-align:top;font-weight:normal;letter-spacing:.06em;}
.info-table td{padding:7px 0;border-bottom:1px solid var(--line-soft);color:var(--ink-soft);}
.bio :first-child{margin-top:0;}
.bio{color:var(--ink-soft);}

/* ---- 相册 ---- */
.album-block{margin-bottom:26px;}
.album-title{font-size:17px;color:var(--dai);letter-spacing:.08em;border-left:3px solid var(--seal);padding-left:12px;margin-bottom:14px;}
.gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(156px,1fr));gap:14px;}
.gallery figure{margin:0;background:#fff;border:1px solid var(--line);border-radius:6px;overflow:hidden;box-shadow:var(--shadow-sm);}
.gallery img{width:100%;height:146px;object-fit:cover;cursor:pointer;display:block;transition:.25s;}
.gallery img:hover{transform:scale(1.03);}
.gallery figcaption{font-size:12px;color:var(--ink-faint);text-align:center;padding:7px;}

/* 灯箱 */
.lightbox{position:fixed;inset:0;background:rgba(26,32,31,.88);z-index:99;display:none;align-items:center;justify-content:center;}
.lightbox.show{display:flex;}
.lightbox img{max-width:90vw;max-height:88vh;border:6px solid #fff;border-radius:3px;box-shadow:0 0 50px rgba(0,0,0,.5);}
.lightbox .lbclose{position:absolute;top:20px;right:30px;color:#fff;font-size:38px;cursor:pointer;line-height:1;}

/* ---- 日记 ---- */
.diary-item{border-bottom:1px solid var(--line-soft);padding:18px 0;}
.diary-item:last-child{border-bottom:none;}
.diary-item h3{margin:0 0 5px;font-size:20px;font-weight:600;letter-spacing:.06em;}
.diary-item .meta{font-size:12px;color:var(--ink-faint);margin-bottom:8px;letter-spacing:.05em;}
.diary-item .mood{color:var(--seal);}
.diary-item .excerpt{color:var(--ink-soft);}
.diary-detail .meta{color:var(--ink-faint);font-size:13px;margin-bottom:18px;border-bottom:1px solid var(--line);padding-bottom:12px;letter-spacing:.05em;}
.diary-detail .body{font-size:17px;color:var(--ink);line-height:2.1;}
.diary-detail .body img{border-radius:6px;border:1px solid var(--line);}
.pager{display:flex;justify-content:space-between;margin-top:26px;font-size:14px;gap:10px;color:var(--ink-faint);}

/* ---- 友链 ---- */
.link-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px;}
.link-card{display:block;background:#fff;border:1px solid var(--line);border-radius:6px;padding:13px 16px;box-shadow:var(--shadow-sm);transition:.2s;}
.link-card:hover{transform:translateY(-2px);border-color:var(--qing-soft);box-shadow:var(--shadow);}
.link-card .ln{font-size:16px;color:var(--ink);font-weight:600;letter-spacing:.04em;}
.link-card .ld{font-size:12px;color:var(--ink-faint);}
.badge-wall{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px;}
.badge-wall a{line-height:0;display:block;}
.badge-wall img{width:88px;height:31px;object-fit:contain;border:1px solid var(--line);background:#fff;display:block;transition:.15s;}
.badge-wall a:hover img{border-color:var(--seal);transform:translateY(-1px);box-shadow:var(--shadow-sm);}

/* ---- 留言本 ---- */
.gb-form{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:22px;}
.gb-form .full{grid-column:1/3;}
.gb-form input,.gb-form textarea{width:100%;font-family:inherit;font-size:15px;padding:10px 12px;border:1px solid var(--line);border-radius:5px;background:#fff;color:var(--ink);transition:border-color .2s;}
.gb-form input:focus,.gb-form textarea:focus{outline:none;border-color:var(--qing);}
.gb-form textarea{min-height:88px;resize:vertical;}
.hp{position:absolute;left:-9999px;}
.gb-list{list-style:none;margin:0;padding:0;}
.gb-msg{background:#fff;border:1px solid var(--line);border-radius:8px;padding:14px 18px;margin-bottom:14px;box-shadow:var(--shadow-sm);}
.gb-msg .gh{display:flex;justify-content:space-between;font-size:12px;color:var(--ink-faint);margin-bottom:6px;letter-spacing:.04em;}
.gb-msg .gh b{color:var(--seal);font-size:15px;}
.gb-msg .reply{margin-top:10px;padding:9px 13px;background:#eef4f1;border-left:3px solid var(--qing);border-radius:4px;font-size:14px;color:#3c6253;}
.gb-msg .reply b{color:var(--qing);}
.pending-tag{background:var(--dai);color:#fff;font-size:11px;padding:1px 7px;border-radius:3px;margin-left:7px;letter-spacing:.04em;}

/* ---- 按钮 ---- */
.btn{display:inline-block;font-family:inherit;font-size:15px;padding:9px 24px;cursor:pointer;border-radius:5px;border:1px solid var(--dai);
  color:#fff;background:var(--dai);transition:.2s;letter-spacing:.08em;}
.btn:hover{background:var(--dai-deep);border-color:var(--dai-deep);}
.btn.g{background:var(--qing);border-color:var(--qing);}
.btn.g:hover{background:#4e6f68;border-color:#4e6f68;}
.btn.gold{background:var(--seal);border-color:var(--seal);}
.btn.gold:hover{background:var(--seal-deep);border-color:var(--seal-deep);}
.btn.sm{padding:5px 14px;font-size:13px;}
.btn.gray{background:#fff;color:var(--ink-soft);border-color:var(--line);}
.btn.gray:hover{background:#eef2f1;color:var(--ink);}

/* ===================================================================
   后台
   =================================================================== */
.admin-wrap{max-width:1040px;margin:0 auto;padding:28px 20px 80px;position:relative;z-index:1;}
.admin-top{display:flex;justify-content:space-between;align-items:center;background:var(--dai);
  color:#eef3f2;padding:14px 22px;border-radius:8px;box-shadow:var(--shadow);margin-bottom:18px;}
.admin-top h1{margin:0;font-size:21px;letter-spacing:.14em;font-weight:600;}
.admin-top .who{font-size:13px;}
.admin-top a{color:#eef3f2;}
.admin-nav{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px;}
.admin-nav a{padding:8px 18px;background:#fff;border:1px solid var(--line);border-radius:5px;color:var(--ink-soft);font-size:14px;transition:.18s;letter-spacing:.06em;}
.admin-nav a:hover{background:#eef2f1;color:var(--ink);}
.admin-nav a.on{background:var(--seal);color:#fff;border-color:var(--seal);}
.stat-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:16px;}
.stat{background:var(--paper-2);border:1px solid var(--line);border-radius:8px;padding:20px;text-align:center;box-shadow:var(--shadow-sm);}
.stat .n{font-size:36px;color:var(--dai);font-weight:600;line-height:1;font-family:"Consolas",monospace;}
.stat .l{color:var(--ink-faint);margin-top:8px;font-size:13px;letter-spacing:.06em;}
.acard{background:var(--paper-2);border:1px solid var(--line);border-radius:8px;box-shadow:var(--shadow-sm);padding:22px 26px;margin-bottom:18px;}
.acard h2{margin:0 0 14px;font-size:18px;font-weight:600;border-bottom:1px solid var(--line);padding-bottom:10px;letter-spacing:.06em;}
.form-row{margin-bottom:14px;}
.form-row label{display:block;color:var(--qing);margin-bottom:5px;font-size:13px;letter-spacing:.06em;}
.form-row input[type=text],.form-row input[type=password],.form-row input[type=number],.form-row textarea,.form-row select{
  width:100%;font-family:inherit;font-size:15px;padding:9px 11px;border:1px solid var(--line);border-radius:5px;background:#fff;color:var(--ink);}
.form-row input:focus,.form-row textarea:focus,.form-row select:focus{outline:none;border-color:var(--qing);}
.form-row textarea{min-height:150px;resize:vertical;}
.help{font-size:12px;color:var(--ink-faint);margin-top:4px;}
.atable{width:100%;border-collapse:collapse;background:#fff;}
.atable th,.atable td{border:1px solid var(--line);padding:9px 11px;text-align:left;font-size:14px;vertical-align:top;}
.atable th{background:#eef2f1;color:var(--dai);font-weight:600;}
.atable img{width:54px;height:54px;object-fit:cover;border-radius:4px;border:1px solid var(--line);}
.inline-form{display:inline;}

/* 登录页 */
.login-box{max-width:360px;margin:11vh auto;background:var(--paper-2);
  border:1px solid var(--line);border-radius:10px;box-shadow:var(--shadow);padding:34px 32px 28px;position:relative;z-index:1;}
.login-box h1{text-align:center;margin:0 0 6px;font-size:30px;letter-spacing:.34em;font-weight:600;text-indent:.34em;}
.login-box .sub{text-align:center;color:var(--qing);font-size:12px;margin-bottom:22px;letter-spacing:.16em;}

/* 错误页 */
.err-box{max-width:520px;margin:13vh auto;text-align:center;background:var(--paper-2);
  border:1px solid var(--line);border-radius:10px;box-shadow:var(--shadow);padding:40px;position:relative;z-index:1;}
.err-box .code{font-size:70px;color:var(--seal);font-family:"Consolas",monospace;}

/* ---- 页脚 ---- */
.site-foot{text-align:center;margin-top:8px;padding:6px 20px 0;position:relative;z-index:2;
  color:var(--ink-faint);font-size:12.5px;line-height:2.1;letter-spacing:.05em;}
.site-foot a{color:var(--qing);}

/* ---- 响应式 ---- */
@media (max-width:900px){
  .layout{grid-template-columns:1fr;}
  .sidebar{flex-direction:row;flex-wrap:wrap;}
  .sidebar .panel{flex:1 1 220px;}
}
@media (max-width:640px){
  .wrap{margin:18px auto 200px;}
  .inner{padding:22px 16px;}
  .masthead{padding:12px 4px 2px;}
  .site-title{font-size:32px;letter-spacing:.18em;}
  .site-sub{font-size:12px;letter-spacing:.2em;}
  .seal{font-size:11px;padding:5px 4px;right:4px;top:2px;}
  .announce{font-size:13px;flex-wrap:wrap;}
  .mainnav a{padding:6px 11px;font-size:14px;letter-spacing:.08em;text-indent:0;}
  .home-grid,.about-wrap,.gb-form{grid-template-columns:1fr;display:block;}
  .gb-form input,.gb-form textarea{margin-bottom:10px;}
  .hero{flex-direction:column;text-align:center;gap:12px;}
  .sidebar{flex-direction:column;}
  .sidebar .panel{flex:1 1 auto;}
  .card{padding:18px 16px;}
  .section-h{font-size:20px;}
  .stat-grid{grid-template-columns:repeat(2,1fr);}
  .gallery{grid-template-columns:repeat(2,1fr);gap:8px;}
  .gallery img{height:116px;}
  .link-grid{grid-template-columns:1fr;}
  .info-table th{width:72px;padding:6px 8px;}
  /* 后台：顶栏堆叠、导航换行、表格横向滚动 */
  .admin-wrap{padding:16px 10px 60px;}
  .admin-top{flex-direction:column;gap:10px;text-align:center;}
  .admin-top h1{font-size:18px;}
  .admin-nav{gap:6px;}
  .admin-nav a{padding:6px 11px;font-size:13px;}
  .acard{padding:16px 12px;}
  .acard table{display:block;overflow-x:auto;white-space:nowrap;}
  .form-row > div[style*="grid"]{grid-template-columns:96px 1fr !important;}
  /* 水墨场景缩小，给内容留地方 */
  .scene{height:236px;}
  .hills{bottom:92px;height:120px;}
  .bank{bottom:88px;height:144px;}
  .lake{height:104px;}
}
@media (max-width:380px){
  .site-title{font-size:26px;}
  .stat-grid{grid-template-columns:1fr;}
  .mainnav a{padding:5px 8px;font-size:13px;}
}