/* ============================================================================
   数字化教育科研平台 · 统一组件规范层（Design System）
   ----------------------------------------------------------------------------
   口径：各子平台保留自身莫兰迪主色，但「按钮 / 卡片 / 填报框 / 弹窗 / 表格」
        的尺寸、圆角、内边距、字号、阴影全部对齐本文件的一套令牌。

   加载方式：各页面 </head> 之前引入（在本页自带 <style> 之后，
             因此同权重规则天然覆盖，无需 !important）。
   作用域：仅对 <html> 带 pt-* 主题类的页面生效，不影响门户以外的页面。
   ========================================================================== */

/* ---------------------------------------------------------------- 1. 设计令牌 */
:root{
  /* 圆角刻度 */
  --ds-r-xs:8px;      /* 小徽标 / 标签 */
  --ds-r-sm:10px;     /* 按钮 / 填报框 */
  --ds-r-md:12px;     /* 提示条 / 分段控件 */
  --ds-r-lg:16px;     /* 卡片 / 面板 */
  --ds-r-xl:18px;     /* 弹窗 / 登录卡 */
  --ds-r-pill:999px;  /* 胶囊 */

  /* 控件高度刻度 */
  --ds-h-xs:28px;     /* mini 按钮 */
  --ds-h-sm:32px;     /* 小按钮 / 图标按钮 */
  --ds-h-ctl:40px;    /* 标准按钮 / 填报框 */
  --ds-h-lg:46px;     /* 登录页主按钮 */

  /* 间距刻度 */
  --ds-gap-xs:6px;
  --ds-gap-sm:10px;
  --ds-gap:14px;
  --ds-gap-lg:20px;
  --ds-pad-card:18px;
  --ds-pad-modal:22px;
  --ds-pad-ctl-x:16px;
  --ds-pad-input-x:12px;

  /* 字号刻度 */
  --ds-fs-display:22px;
  --ds-fs-h1:19px;
  --ds-fs-title:16px;
  --ds-fs-body:14px;
  --ds-fs-sm:13px;
  --ds-fs-xs:12px;

  /* 阴影刻度 */
  --ds-shadow:0 2px 10px rgba(38,42,46,.05), 0 8px 24px rgba(38,42,46,.045);
  --ds-shadow-hover:0 6px 18px rgba(38,42,46,.09), 0 14px 36px rgba(38,42,46,.07);
  --ds-shadow-pop:0 20px 56px rgba(28,32,36,.22);

  /* 中性色（可被各主题覆盖） */
  --ds-line:#E3E7EA;
  --ds-ink:#2B3036;
  --ds-muted:#78818A;
  --ds-bg:#F5F7F8;
  --ds-card:#FFFFFF;

  /* 主色（由各主题覆盖） */
  --ds-accent:#7189A1;
  --ds-accent-2:#8FA5B8;
  --ds-accent-soft:#EDF2F6;
  --ds-accent-ink:#3C4A57;
  --ds-on-accent:#FFFFFF;
  --ds-focus:0 0 0 3px rgba(113,137,161,.18);

  /* 语义色（莫兰迪化） */
  --ds-danger:#B9746F;
  --ds-danger-soft:#F7ECEB;
  --ds-warn:#C29A63;
  --ds-warn-soft:#F9F2E8;
  --ds-ok:#7E9587;
  --ds-ok-soft:#EDF3EF;
}

/* ------------------------------------------------- 2. 四平台主题（莫兰迪四色） */

/* 2.1 个人工作平台 · 灰橙 */
html.pt-workbench{
  --ds-accent:#B5855A;
  --ds-accent-2:#C69B76;
  --ds-accent-soft:#F6F0E8;
  --ds-accent-ink:#5B4636;
  --ds-line:#E8DFD4;
  --ds-ink:#332B22;
  --ds-muted:#7A6E60;
  --ds-bg:#F7F4F0;
  --ds-focus:0 0 0 3px rgba(181,133,90,.18);

  /* 覆盖平台自带变量，整体色调随主色迁移 */
  --blue:#8A6647;
  --teal:#B5855A;
  --teal-2:#C69B76;
  --grad:linear-gradient(135deg,#C69B76 0%,#B5855A 52%,#8A6647 100%);
  --grad-soft:linear-gradient(135deg,#F3E6D7,#EBDCCB);
  --grad-bar:linear-gradient(165deg,#4A3D30 0%,#33291F 100%);
  --bg:#F7F4F0;
  --card:#FFFFFF;
  --line:#E8DFD4;
  --ink:#332B22;
  --muted:#7A6E60;
  --radius:16px;
  --c-bg:#F7F4F0; --c-card:#FFFFFF; --c-ink:#332B22; --c-sub:#7A6E60; --c-line:#E8DFD4;
}

/* 2.2 评议课平台 · 灰蓝 */
html.pt-review{
  --ds-accent:#7189A1;
  --ds-accent-2:#8FA5B8;
  --ds-accent-soft:#EDF2F6;
  --ds-accent-ink:#3C4A57;
  --ds-line:#DCE4EB;
  --ds-ink:#26313B;
  --ds-muted:#6F7C88;
  --ds-bg:#EDF2F6;
  --ds-focus:0 0 0 3px rgba(113,137,161,.20);

  --bg:#EDF2F6; --bg2:#E4EBF1; --card:#FFFFFF;
  --ink:#26313B; --ink2:#3C4A57; --muted:#6F7C88; --line:#DCE4EB;
  --c-up:#7189A1;    --c-up-s:#EDF2F6;    --c-up-bg:linear-gradient(135deg,#8FA5B8,#5F7A92);
  --c-info:#8A7F9E;  --c-info-s:#F1EEF5;  --c-info-bg:linear-gradient(135deg,#A196B4,#736A87);
  --c-cmd:#6F8F8A;   --c-cmd-s:#EDF3F1;   --c-cmd-bg:linear-gradient(135deg,#87A7A1,#587672);
  --c-rpt:#7E9587;   --c-rpt-s:#EDF3EF;   --c-rpt-bg:linear-gradient(135deg,#96AC9F,#68806F);
  --c-hlp:#B5855A;   --c-hlp-s:#F7F0E8;   --c-hlp-bg:linear-gradient(135deg,#C79C75,#9A6E48);
  --amber:#C29A63; --amber-s:#F9F2E8; --amber-b:#E3CDA8;
  --red:#B9746F;   --red-s:#F7ECEB;   --red-b:#E4CBC8;
  --teal:#6F8F8A;  --teal-s:#EDF3F1;  --teal-b:#BCCFC9;
}

/* 2.3 领雁课题平台 · 灰粉 */
html.pt-project{
  --ds-accent:#AC8794;
  --ds-accent-2:#C09EAA;
  --ds-accent-soft:#F7EFF2;
  --ds-accent-ink:#5C4249;
  --ds-line:#EBDDE2;
  --ds-ink:#35292E;
  --ds-muted:#7D6E74;
  --ds-bg:#F7EFF2;
  --ds-focus:0 0 0 3px rgba(172,135,148,.20);

  --teal:#AC8794; --teal-dark:#8A6873; --teal-soft:#F5EAEE;
  --blue:#8E8899; --blue-soft:#EFEDF2;
  --bg:#F7EFF2; --card:#FFFFFF; --text:#35292E; --muted:#7D6E74; --border:#EBDDE2;
  --danger:#B9746F; --warn:#C29A63; --ok:#7E9587;
  --shadow:0 2px 10px rgba(120,95,105,.06), 0 10px 28px rgba(120,95,105,.06);
  --radius:16px;
}

/* 2.4 教共体平台 · 灰绿 */
html.pt-community{
  --ds-accent:#7E9587;
  --ds-accent-2:#93A99B;
  --ds-accent-soft:#EEF3F0;
  --ds-accent-ink:#42544A;
  --ds-line:#DFE7E1;
  --ds-ink:#26302A;
  --ds-muted:#6E7A72;
  --ds-bg:#EEF3F0;
  --ds-focus:0 0 0 3px rgba(126,149,135,.20);

  --blue:#5E7A6B;
  --teal:#7E9587;
  --teal-2:#93A99B;
  --grad:linear-gradient(135deg,#93A99B 0%,#7E9587 52%,#5E7A6B 100%);
  --grad-soft:linear-gradient(135deg,#E5EEE8,#DBE7E0);
  --grad-bar:linear-gradient(165deg,#3A4A41 0%,#28332C 100%);
  --bg:#EEF3F0; --card:#FFFFFF; --line:#DFE7E1; --ink:#26302A; --muted:#6E7A72;
  --radius:16px;
  --red:#B9746F; --amber:#C29A63; --green:#7E9587;
}

/* 2.5 门户首页（沿用自身配色，仅统一控件） */
html.pt-portal{
  --ds-accent:#8A8272;
  --ds-accent-2:#A79E8C;
  --ds-accent-soft:#F1EFEA;
  --ds-accent-ink:#4A463C;
  --ds-line:#E2DFD7;
  --ds-ink:#33322E;
  --ds-muted:#8E8B81;
  --ds-bg:#F7F6F3;
  --ds-focus:0 0 0 3px rgba(138,130,114,.18);
}

/* ====================================================================== 3. 控件 */

/* 3.1 按钮：统一 40px 高 / 10px 圆角 / 0 16px 内边距 / 14px 字 */
html[class*="pt-"] .btn{
  display:inline-flex; align-items:center; justify-content:center; gap:6px;
  min-height:var(--ds-h-ctl); height:var(--ds-h-ctl);
  padding:0 var(--ds-pad-ctl-x);
  border-radius:var(--ds-r-sm);
  font-size:var(--ds-fs-body); font-weight:600; line-height:1;
  font-family:inherit; white-space:nowrap; cursor:pointer;
  border:1px solid var(--ds-line); background:#fff; color:var(--ds-ink);
  box-shadow:none; transition:background .16s, border-color .16s, box-shadow .16s, transform .16s;
}
html[class*="pt-"] .btn:hover{ border-color:var(--ds-accent-2); color:var(--ds-accent-ink) }
html[class*="pt-"] .btn:active{ transform:translateY(1px) }
html[class*="pt-"] .btn:disabled{ opacity:.55; cursor:not-allowed; transform:none }
html[class*="pt-"] .btn svg{ width:16px; height:16px; flex-shrink:0 }

/* 主按钮 / 语义按钮：统一为莫兰迪主色渐变 */
html[class*="pt-"] .btn.primary,
html[class*="pt-"] .btn-p,
html[class*="pt-"] .btn-green,
html[class*="pt-"] .btn-purple,
html[class*="pt-"] .login-btn{
  background:linear-gradient(135deg,var(--ds-accent-2),var(--ds-accent));
  color:var(--ds-on-accent); border-color:transparent;
  box-shadow:0 4px 12px rgba(60,60,60,.14);
}
html[class*="pt-"] .btn.primary:hover,
html[class*="pt-"] .btn-p:hover,
html[class*="pt-"] .btn-green:hover,
html[class*="pt-"] .btn-purple:hover{
  filter:brightness(1.05); color:var(--ds-on-accent); border-color:transparent;
}
html[class*="pt-"] .btn.ghost{ background:transparent }
html[class*="pt-"] .btn.del{ background:#fff; color:var(--ds-danger); border-color:#E6D2D0 }
html[class*="pt-"] .btn.del:hover{ background:var(--ds-danger-soft); border-color:var(--ds-danger) }

/* 尺寸变体 */
html[class*="pt-"] .btn.sm,
html[class*="pt-"] .btn-sm{ min-height:var(--ds-h-sm); height:var(--ds-h-sm); padding:0 12px; font-size:var(--ds-fs-sm) }
html[class*="pt-"] .btn-mini,
html[class*="pt-"] .btn.xs{ min-height:var(--ds-h-xs); height:var(--ds-h-xs); padding:0 10px; font-size:var(--ds-fs-xs); border-radius:var(--ds-r-xs) }
html[class*="pt-"] .btn.block,
html[class*="pt-"] .btn-lg{ width:100%; min-height:var(--ds-h-lg); height:var(--ds-h-lg); font-size:15px; letter-spacing:2px }

/* 图标按钮：统一 32×32 */
html[class*="pt-"] .iconbtn,
html[class*="pt-"] .icon-btn,
html[class*="pt-"] .navbtn{
  width:var(--ds-h-sm); height:var(--ds-h-sm); min-height:var(--ds-h-sm);
  padding:0; border-radius:var(--ds-r-sm);
  display:inline-flex; align-items:center; justify-content:center;
  border:1px solid var(--ds-line); background:#fff; color:var(--ds-muted);
}
html[class*="pt-"] .iconbtn:hover,
html[class*="pt-"] .icon-btn:hover,
html[class*="pt-"] .navbtn:hover{ color:var(--ds-accent); border-color:var(--ds-accent-2) }

/* 3.2 填报框：统一 40px 高 / 10px 圆角 / 1px 边框 / 14px 字 */
html[class*="pt-"] input[type="text"],
html[class*="pt-"] input[type="search"],
html[class*="pt-"] input[type="password"],
html[class*="pt-"] input[type="email"],
html[class*="pt-"] input[type="tel"],
html[class*="pt-"] input[type="url"],
html[class*="pt-"] input[type="number"],
html[class*="pt-"] input[type="date"],
html[class*="pt-"] input[type="time"],
html[class*="pt-"] input[type="datetime-local"],
html[class*="pt-"] input[type="month"],
html[class*="pt-"] input:not([type]),
html[class*="pt-"] select{
  width:100%; height:var(--ds-h-ctl); min-height:var(--ds-h-ctl);
  padding:0 var(--ds-pad-input-x);
  border:1px solid var(--ds-line); border-radius:var(--ds-r-sm);
  font-size:var(--ds-fs-body); font-family:inherit; line-height:normal;
  background:#fff; color:var(--ds-ink);
  box-shadow:none; outline:none; transition:border-color .16s, box-shadow .16s;
}
html[class*="pt-"] textarea{
  width:100%; min-height:96px;
  padding:10px var(--ds-pad-input-x);
  border:1px solid var(--ds-line); border-radius:var(--ds-r-sm);
  font-size:var(--ds-fs-body); font-family:inherit; line-height:1.65;
  background:#fff; color:var(--ds-ink); resize:vertical;
  box-shadow:none; outline:none; transition:border-color .16s, box-shadow .16s;
}
html[class*="pt-"] input:focus,
html[class*="pt-"] select:focus,
html[class*="pt-"] textarea:focus{
  outline:none; border-color:var(--ds-accent);
  box-shadow:var(--ds-focus); background:#fff;
}
html[class*="pt-"] input::placeholder,
html[class*="pt-"] textarea::placeholder{ color:#A9B0B7 }
html[class*="pt-"] input[readonly],
html[class*="pt-"] textarea[readonly]{ background:var(--ds-accent-soft); color:var(--ds-muted) }
html[class*="pt-"] input[type="checkbox"],
html[class*="pt-"] input[type="radio"]{ width:16px; height:16px; min-height:16px; padding:0; accent-color:var(--ds-accent); vertical-align:middle }
html[class*="pt-"] input[type="file"]{ height:auto; min-height:var(--ds-h-sm); padding:6px 8px; font-size:var(--ds-fs-sm) }

/* 字段容器：标签与间距统一 */
html[class*="pt-"] .field,
html[class*="pt-"] .fld,
html[class*="pt-"] .tfield{ margin-bottom:var(--ds-gap-sm); display:flex; flex-direction:column; gap:5px }
html[class*="pt-"] .field label,
html[class*="pt-"] .fld label,
html[class*="pt-"] .tfield label{
  display:block; margin-bottom:0; font-size:var(--ds-fs-sm);
  font-weight:600; color:var(--ds-muted); line-height:1.4;
}
html[class*="pt-"] .field .req,
html[class*="pt-"] .fld .req,
html[class*="pt-"] label.req::after{ content:"*"; color:var(--ds-danger); margin-left:3px }

/* 3.3 卡片：统一 16px 圆角 / 1px 描边 / 18px 内边距 / 统一阴影 */
html[class*="pt-"] .card,
html[class*="pt-"] .sa-card,
html[class*="pt-"] .campus-card,
html[class*="pt-"] .row-card,
html[class*="pt-"] .chart-card{
  background:var(--ds-card);
  border:1px solid var(--ds-line);
  border-radius:var(--ds-r-lg);
  box-shadow:var(--ds-shadow);
}
html[class*="pt-"] .card{ padding:var(--ds-pad-card); margin-bottom:var(--ds-gap) }
html[class*="pt-"] .card-pad{ padding:var(--ds-pad-card) }
html[class*="pt-"] .row-card{ padding:12px var(--ds-gap); margin-bottom:var(--ds-gap-sm) }

/* 3.4 弹窗：统一 18px 圆角 / 22px 内边距 */
html[class*="pt-"] .modal,
html[class*="pt-"] .nldialog{
  background:#fff; border-radius:var(--ds-r-xl);
  padding:var(--ds-pad-modal); box-shadow:var(--ds-shadow-pop);
  width:100%; max-width:460px;
}
html[class*="pt-"] .modal .m-actions,
html[class*="pt-"] .modal-foot{ display:flex; gap:var(--ds-gap-sm); justify-content:flex-end; margin-top:var(--ds-gap-lg); flex-wrap:wrap }
html[class*="pt-"] .modal .m-actions .btn,
html[class*="pt-"] .modal-foot .btn{ min-width:88px }

/* 3.5 分段控件 / 标签页：统一 36px 高 / 10px 圆角 */
html[class*="pt-"] .seg{ display:inline-flex; gap:0; border:1px solid var(--ds-line); border-radius:var(--ds-r-sm); overflow:hidden; background:#fff; flex-wrap:nowrap }
html[class*="pt-"] .seg button,
html[class*="pt-"] .seg .seg-btn{
  height:var(--ds-h-sm); min-height:var(--ds-h-sm); padding:0 var(--ds-pad-ctl-x);
  border:0; background:#fff; color:var(--ds-muted);
  font-size:var(--ds-fs-sm); font-weight:600; font-family:inherit; cursor:pointer; transition:.16s;
}
html[class*="pt-"] .seg button.on,
html[class*="pt-"] .seg .seg-btn.on{ background:var(--ds-accent); color:var(--ds-on-accent) }
html[class*="pt-"] .tab{
  height:var(--ds-h-sm); min-height:var(--ds-h-sm); padding:0 var(--ds-pad-ctl-x);
  display:inline-flex; align-items:center; gap:5px;
  border:1px solid var(--ds-line); border-radius:var(--ds-r-sm);
  background:#fff; color:var(--ds-muted);
  font-size:var(--ds-fs-sm); font-weight:600; cursor:pointer; transition:.16s;
}
html[class*="pt-"] .tab.on{ background:var(--ds-accent); color:var(--ds-on-accent); border-color:var(--ds-accent) }
html[class*="pt-"] .tabs{ display:flex; gap:var(--ds-gap-xs); flex-wrap:wrap; align-items:center }

/* 3.6 表格：统一单元格内边距与表头样式 */
html[class*="pt-"] table th,
html[class*="pt-"] table td{ padding:10px var(--ds-pad-input-x); font-size:var(--ds-fs-sm); border-bottom:1px solid var(--ds-line) }
html[class*="pt-"] table th{ font-weight:700; color:var(--ds-muted); background:var(--ds-accent-soft) }

/* 3.7 标题与提示：统一层级 */
html[class*="pt-"] .c-h,
html[class*="pt-"] .sec-title,
html[class*="pt-"] .card h3,
html[class*="pt-"] .card-head .ttl{
  font-size:var(--ds-fs-title); font-weight:700; line-height:1.35;
  margin:0 0 var(--ds-gap-sm); display:flex; align-items:center; gap:7px; color:var(--ds-ink);
}
html[class*="pt-"] .sec-desc,
html[class*="pt-"] .hint,
html[class*="pt-"] .card-head .hint{ font-size:var(--ds-fs-sm); color:var(--ds-muted); line-height:1.7 }
html[class*="pt-"] .row.btn-row{ display:flex; gap:var(--ds-gap-sm); flex-wrap:wrap; align-items:center }

/* ==================================================== 4. 平台硬编码色对齐主题 */

/* 4.1 顶栏 / 侧栏深色底随主题迁移 */
html.pt-workbench .topbar,
html.pt-community .topbar{ background:var(--grad-bar) }
html.pt-workbench .nav,
html.pt-community .nav{ background:linear-gradient(165deg,#4A3D30 0%,#33291F 100%); border-right-color:#4A3D30 }
html.pt-community .nav{ background:linear-gradient(165deg,#3A4A41 0%,#28332C 100%); border-right-color:#3A4A41 }
/* 领雁课题平台侧栏深色底由 project_polish.css 用正确选择器 .sidebar 提供，
   此处不再重复声明。历史版本这里写的是 .nav / .side / aside ——
   与领雁实际 DOM（.sidebar）不匹配，四平台均不命中的死规则，已清除。 */

/* 4.2 登录遮罩底色随主题（覆盖硬编码 teal 渐变） */
html.pt-workbench .login-screen{ background:linear-gradient(135deg,var(--ds-accent-2),var(--ds-accent)) }
html.pt-community .login-screen{ background:linear-gradient(135deg,var(--ds-accent-2),var(--ds-accent)) }
html.pt-review .login-screen,
html.pt-project .login-screen{ background:linear-gradient(135deg,var(--ds-accent-2),var(--ds-accent)) }

/* 4.3 聚焦光环随主题（覆盖硬编码 teal 光环） */
html[class*="pt-"] input:focus,
html[class*="pt-"] select:focus,
html[class*="pt-"] textarea:focus{ box-shadow:var(--ds-focus) !important; border-color:var(--ds-accent) !important }

/* 4.4 顶部小徽标 / 品牌角标统一 */
html.pt-review .brand .badge,
html[class*="pt-"] .brand .badge{
  padding:3px 10px; border-radius:var(--ds-r-pill);
  background:linear-gradient(135deg,var(--ds-accent-2),var(--ds-accent));
  color:var(--ds-on-accent); font-size:10.5px; font-weight:600; letter-spacing:1px;
}

/* ============================================== 5. 新增通用组件（功能优化配套） */

/* 5.1 统计看板 */
.ds-stats{ display:grid; grid-template-columns:repeat(auto-fit,minmax(140px,1fr)); gap:var(--ds-gap); margin-bottom:var(--ds-gap) }
.ds-stat{
  background:var(--ds-card); border:1px solid var(--ds-line); border-radius:var(--ds-r-lg);
  padding:14px 16px; box-shadow:var(--ds-shadow); display:flex; flex-direction:column; gap:4px;
}
.ds-stat .k{ font-size:var(--ds-fs-xs); color:var(--ds-muted); font-weight:600; letter-spacing:.3px }
.ds-stat .v{ font-size:24px; font-weight:700; color:var(--ds-accent-ink); line-height:1.1; font-variant-numeric:tabular-nums }
.ds-stat .s{ font-size:var(--ds-fs-xs); color:var(--ds-muted) }
.ds-stat.warn .v{ color:var(--ds-danger) }
.ds-stat.ok .v{ color:var(--ds-ok) }

/* 5.2 工具条 */
.ds-toolbar{ display:flex; align-items:center; gap:var(--ds-gap-sm); flex-wrap:wrap; margin-bottom:var(--ds-gap) }
.ds-toolbar .sp{ flex:1 }
.ds-toolbar .btn{ min-height:var(--ds-h-sm); height:var(--ds-h-sm); padding:0 12px; font-size:var(--ds-fs-sm) }

/* 5.3 空状态 */
.ds-empty{ text-align:center; padding:32px 16px; color:var(--ds-muted); font-size:var(--ds-fs-sm); line-height:1.9 }
.ds-empty b{ display:block; font-size:15px; color:var(--ds-ink); margin-bottom:4px; font-weight:600 }

/* 5.4 表单校验提示 */
.ds-err{ color:var(--ds-danger); font-size:var(--ds-fs-xs); margin-top:4px; min-height:15px }
.ds-need{ border-color:var(--ds-danger) !important }
.ds-flash{ animation:dsFlash .9s ease }
@keyframes dsFlash{ 0%{ background:var(--ds-warn-soft) } 100%{ background:transparent } }

/* 5.5 状态徽标 */
.ds-tag{ display:inline-flex; align-items:center; height:22px; padding:0 9px; border-radius:var(--ds-r-pill); font-size:var(--ds-fs-xs); font-weight:600; border:1px solid transparent }
.ds-tag.ok{ background:var(--ds-ok-soft); color:var(--ds-ok); border-color:#D7E4DC }
.ds-tag.warn{ background:var(--ds-warn-soft); color:var(--ds-warn); border-color:#EBDCC2 }
.ds-tag.danger{ background:var(--ds-danger-soft); color:var(--ds-danger); border-color:#E9D3D1 }
.ds-tag.info{ background:var(--ds-accent-soft); color:var(--ds-accent-ink); border-color:var(--ds-line) }

/* 5.6 打印：隐藏交互元素 */
@media print{
  .ds-toolbar, .pt-bar, #pt-bar, .ds-no-print{ display:none !important }
}
