/* ══ 手绘风皮肤 handraw-skin · 2026-10-06 ══
   在奶油校园体系上叠加手绘质感：纸纹底、手绘卡片、马克笔标题、纸胶带、空状态水彩。
   加载顺序必须在最后（index.html 中位于 tutor-companion.css 之后）：
   既有体系里 cute-reset 用 body.cute-reset.cute-reset(0,3,1)、ui-upgrade 用
   body.campus-ui-upgrade.dazhi-campus.cute-reset(0,4,1)+!important 压平阴影与圆角，
   本文件统一用 body.campus-cute.campus-ui-upgrade 起跳，关键处到 (0,5,1)+!important。
   配色/字号/布局/业务一律不动；装饰性动效只在 prefers-reduced-motion:no-preference 下启用。 */

/* 纸纹：极淡颗粒铺满奶油底，对比度不变 */
body.campus-cute.campus-ui-upgrade{
  background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='260' height='260'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 0.188 0 0 0 0 0.282 0 0 0 0 0.239 0 0 0 0.05 0'/></filter><rect width='260' height='260' filter='url(%23n)'/></svg>");
}

/* 手绘卡片：不规则圆角 + 铅笔线 + 手作偏移影。
   dazhi-campus.css:25 与 cute-reset.css:34 用 (0,3,1)+!important 定 16/20px 圆角且无影，
   移动端 dz-login 还有 (0,4,1) 的 18px——统一抬到 (0,5,1)+!important 一次压平。 */
body.campus-cute.campus-ui-upgrade.dazhi-campus.cute-reset :is(.panel,.auth-card,.empty-state,.school-empty,.today-homework,.today-homework-error,.wrong-card,.student-next,.student-question-box,.notice-card,.student-stat-strip,.school-assignment-grid>*){
  border:1.5px solid #ccd8c5!important;
  border-radius:18px 22px 19px 24px/22px 19px 24px 18px!important;
  box-shadow:2px 3px 0 rgba(48,72,61,.07)!important;
}
/* 偶数张换一种扭法，避免机械感 */
body.campus-cute.campus-ui-upgrade.dazhi-campus.cute-reset :is(.panel:nth-child(even),.wrong-card:nth-child(even),.school-assignment-grid>*:nth-child(even)){
  border-radius:22px 18px 24px 19px/19px 24px 18px 22px!important;
}

/* 标题保持干净：按用户 2026-10-06 口径「插画当主角」，不在标题上叠高亮/波浪线花边。
   手绘感来自每页自己的水彩头图（cream-campus-experience.js headingPictures → /brand/handraw-20261006/page-*.webp）。 */

/* 空状态水彩插画（handraw-20261006 empty-* 三张，provenance 同目录） */
body.campus-cute.campus-ui-upgrade .empty-art{
  display:block;margin:0 auto 10px;width:150px;height:auto;
  background:var(--dz-cute-paper,#fff8ef);
  border:1.5px solid #ccd8c5;border-radius:14px 18px 15px 20px/18px 15px 20px 14px;
  box-shadow:2px 3px 0 rgba(48,72,61,.08);
}

/* 纸胶带：登录静物、今日作业卡配图、登录表单卡（容器改可见溢出，圆角交给 img） */
body.campus-cute.campus-ui-upgrade .school-auth .school-hero-art,
body.campus-cute.campus-ui-upgrade .today-homework-art{overflow:visible;position:relative;}
body.campus-cute.campus-ui-upgrade .school-auth .school-hero-art img,
body.campus-cute.campus-ui-upgrade .today-homework-art img{border-radius:12px;display:block;}
body.campus-cute.campus-ui-upgrade .school-auth .school-hero-art::after,
body.campus-cute.campus-ui-upgrade .today-homework-art::after{
  content:'';position:absolute;top:-9px;left:50%;width:84px;height:22px;pointer-events:none;
  transform:translateX(-50%) rotate(-2.5deg);
  background:rgba(232,243,228,.88);
  border-left:1px dashed rgba(55,103,71,.3);border-right:1px dashed rgba(55,103,71,.3);
  border-radius:2px;box-shadow:0 1px 2px rgba(48,72,61,.08);
}
body.campus-cute.campus-ui-upgrade .auth-card{position:relative;}
body.campus-cute.campus-ui-upgrade .auth-card::after{
  content:'';position:absolute;top:-10px;left:50%;width:96px;height:24px;pointer-events:none;
  transform:translateX(-50%) rotate(1.8deg);
  background:rgba(253,233,221,.9);
  border-left:1px dashed rgba(119,80,30,.28);border-right:1px dashed rgba(119,80,30,.28);
  border-radius:2px;box-shadow:0 1px 2px rgba(48,72,61,.08);
}

/* 按钮/输入框/状态签的手作圆角；主按钮铅笔影（压 cute-reset 的 flat !important） */
body.campus-cute.campus-ui-upgrade .btn{border-radius:14px 17px 13px 18px/17px 13px 18px 14px;}
body.campus-cute.campus-ui-upgrade.dazhi-campus.cute-reset .btn.primary{box-shadow:2px 3px 0 rgba(38,72,52,.32)!important;}
body.campus-cute.campus-ui-upgrade input:not([type=checkbox]):not([type=radio]),
body.campus-cute.campus-ui-upgrade select,
body.campus-cute.campus-ui-upgrade textarea{border-radius:12px 14px 12px 15px/14px 12px 15px 12px;}
body.campus-cute.campus-ui-upgrade .today-chip{border-radius:10px 12px 9px 13px/12px 9px 13px 10px;}
@media (prefers-reduced-motion:no-preference){
  body.campus-cute.campus-ui-upgrade .btn.primary{transition:transform .16s ease,box-shadow .16s ease,background-color .16s ease;}
  body.campus-cute.campus-ui-upgrade.dazhi-campus.cute-reset .btn.primary:hover{transform:translate(-1px,-1px);box-shadow:3px 4px 0 rgba(38,72,52,.32)!important;}
  body.campus-cute.campus-ui-upgrade.dazhi-campus.cute-reset .btn.primary:active{transform:translate(1px,2px);box-shadow:0 1px 0 rgba(38,72,52,.32)!important;}
}
@media (prefers-reduced-motion:reduce){
  body.campus-cute.campus-ui-upgrade .btn.primary{transition:none!important;}
}