@charset "utf-8";
:root{
  font: 16px/1.5 Arial, system-ui, -apple-system, BlinkMacSystemFont, segoe ui, Roboto, Helvetica, sans-serif, Serif, apple color emoji, segoe ui emoji, segoe ui symbol;
  --primary: #7C562E;
  --secondary: #D46D00;
  --text: #222;
  --info: #666;
  --desc: #999;

  --gray: #F2F2F2;
  --dark: #323233;
  
  --border: #D7D7D7;
  --rounded: 290486px;
}

::-webkit-scrollbar{ width: 5px; height: 5px; display: none;}
::-webkit-scrollbar-thumb{ width: 5px; border-radius: 3px; background: var(--secondary);}
::-webkit-scrollbar-track{ background: transparent;}
::-webkit-scrollbar-corner{ background: transparent;}


*,
*::before,
*::after{ box-sizing: border-box; margin: 0; padding: 0; outline: none;}

html,
body{ width: 100%; color: var(--text); overflow-x: hidden; overflow-y: overlay;}

button,
input,
select,
textarea{ all: unset; font-size: 1rem; border: 1px solid var(--border);}

h1,h2,h3,h4,h5,h6{ line-height: 1.75; font-family: Arial, system-ui, -apple-system, BlinkMacSystemFont, segoe ui, Roboto, Helvetica, sans-serif, Serif, apple color emoji, segoe ui emoji, segoe ui symbol;}

h1{ font-size: 2rem;}
h2{ font-size: 1.5rem;}
h3{ font-size: 1.25rem;}
h4{ font-size: 1rem;}
h5{ font-size: .875rem;}
h6{ font-size: .75rem;}

img{ position: relative; all: unset; display: inline-block; vertical-align: middle;}
img::before {  
  position: absolute;
  content: '暂无图片';
}

iframe{ all: unset;}

button:focus,
input:focus,
select:focus,
textarea:focus{ border: 1px solid var(--primary);}

a:link,
a:visited,
a:active,
a:focus{ color: var(--text); text-decoration: none;}
a:hover{ color: var(--primary)}

ul{ list-style: none;}