/* Site-specific eras: the exhibition keeps its contemporary visual language. */
.site-mail{
background:#a7afb6;
color:#101820;
--line:#a6afb6;
font:12px/1.6 Tahoma,'SimSun',sans-serif}
.site-mail #app{
margin:8px;
border:1px solid #586773;
box-shadow:1px 1px 0 #e8edf0,-1px -1px 0 #d8dfe4}
.site-mail button,.site-mail input,.site-mail select,.site-mail textarea{
font:12px Tahoma,'SimSun',sans-serif;
border-radius:0}
.site-mail button:not(.mail-star){
border:1px solid #7d8b98;
border-top-color:#fff;
border-left-color:#fff;
background:linear-gradient(#f7f8f9,#d0d7dc);
box-shadow:inset -1px -1px #a8b3bb;
color:#152b3c;
padding:5px 12px}
.site-mail button:not(.mail-star):active{
border-color:#657581;
box-shadow:inset 1px 1px 2px #778a97}
.mail-header{
min-height:60px;
padding:9px 14px;
background:linear-gradient(#dce7ef,#b8c9d7);
border-top:1px solid #fff;
border-bottom:1px solid #687f92;
gap:25px}
.mail-logo{
font:bold 23px/1.1 Georgia,'Times New Roman',serif;
color:#263f54;
text-shadow:0 1px #edf5fa}
.mail-logo b{
color:#2a5275;
font-size:22px}
.mail-header .site-search{
border:1px solid #6c8598;
border-top-color:#415c71;
border-left-color:#415c71;
background:#fff;
padding:0 7px;
border-radius:0;
box-shadow:inset 1px 1px 2px #9eafb9}
.mail-header .site-search input{
padding:5px 0;
font-size:11px}
.mail-account{
font-size:11px;
color:#18374d}
.mail-account small{
font:10px Tahoma,serif;
color:#445d70}
.site-mail .account-dot{
border-radius:0;
width:29px;
height:29px;
border:1px solid #617e95;
background:linear-gradient(#f5f9fc,#b4c8d6);
box-shadow:inset 1px 1px #fff;
font:14px SimSun}
.mail-shell{
grid-template-columns:170px 240px minmax(0,1fr);
min-height:80vh;
border-top:1px solid #fff}
.mailbox-home{
grid-template-columns:170px minmax(0,1fr)}
.mail-folders{
padding:10px 6px;
background:#e1e5e8;
border-right:2px ridge #c1cbd2}
.mail-folders .compose-mail{
border:1px outset #eef2f4;
border-radius:0;
background:linear-gradient(#f9fbfc,#bdcbd6);
color:#183b58;
font-weight:bold;
font-size:12px;
padding:8px 12px;
margin-bottom:10px;
box-shadow:1px 1px 0 #778b9a}
.mail-folders>a,.mail-folders>button{
font:12px/1.5 Tahoma,SimSun;
border-radius:0!important;
padding:5px 9px!important;
margin:1px 0!important;
background:transparent!important;
box-shadow:none!important;
border:1px solid transparent!important}
.mail-folders button[aria-pressed=true]{
background:#315f87!important;
color:#fff!important;
border:1px dotted #d6e7f2!important}
.mail-folders>a:not(.compose-mail)::before{
content:'▸ ';
color:#927026}
.mail-folders .sidebar-label{
font:11px SimSun;
letter-spacing:0;
border-bottom:1px solid #b1bdc5;
color:#445967;
margin:22px 5px 6px;
padding-bottom:4px}
.mail-folders .sidebar-bottom{
margin:55px 8px 12px;
font-size:10px;
line-height:1.7;
color:#667986}
.mail-message-list{
background:#f5f7f8;
border-right:3px ridge #c3ccd2}
.mail-list-heading,.mail-toolbar{
height:auto;
min-height:30px;
padding:5px 10px;
background:linear-gradient(#f8f9fa,#c9d2d9);
border-top:1px solid #fff;
border-bottom:1px solid #8a9aa6;
font:11px Tahoma,SimSun;
color:#203d53}
.mail-toolbar a{
border:1px outset #f0f3f5;
padding:2px 8px;
background:#e2e7eb;
color:#183e60;
text-decoration:none}
.mail-toolbar span{
color:#596d7c;
font-size:10px}
.mail-message-list .mail-row{
padding:7px 8px;
border-bottom:1px solid #cbd4dc;
gap:6px}
.mail-message-list .mail-row>a{
gap:1px}
.mail-message-list .mail-row strong{
font:12px/1.5 SimSun}
.mail-row{
font:12px/1.5 Tahoma,SimSun;
padding:7px 8px;
gap:7px;
border-bottom:1px solid #d5dce1;
background:#fff}
.mail-row:nth-child(even){
background:#eef2f5}
.mail-row>a{
grid-template-columns:135px minmax(140px,1fr) minmax(100px,1.7fr) 130px;
gap:10px}
.mail-row strong{
font-size:12px}
.mail-row.unread strong{
color:#0d2840;
font-weight:bold}
.mail-row-author{
color:#1b3142}
.mail-row .mail-snippet{
font:11px SimSun;
color:#5c707d}
.mail-row small{
font:10px Tahoma,SimSun;
color:#687b89}
.mail-star{
font-size:15px;
line-height:1}
.mail-row.selected,.mail-row.selected:nth-child(even){
background:#b9d1e5;
border-top:1px dotted #396386;
border-bottom:1px dotted #396386}
.mail-row.selected strong{
color:#143856}
.site-mail .article{
padding:18px 20px;
background:#fff;
min-height:450px}
.site-mail .article-heading{
margin-bottom:12px}
.site-mail .article-heading h1{
font:bold 19px/1.5 SimSun,serif;
border-bottom:1px solid #cad2d8;
padding-bottom:8px}
.mailbox-home .article{
padding:10px 12px}
.mailbox-home .article-heading h1{
font:bold 14px Tahoma,SimSun;
background:#dee6ec;
padding:6px 8px;
margin:0;
border:1px solid #acbcc8}
.mail-instructions{
font:10px Tahoma,SimSun;
margin:8px 0 12px;
color:#647b8b}
.mail-sender{
border:1px solid #c3cfd8;
background:#f0f4f7;
padding:9px 10px;
gap:10px;
margin:10px 0 22px;
font:12px SimSun}
.mail-sender small{
font:10px Tahoma,SimSun;
margin-top:4px}
.site-mail .prose{
font:14px/1.9 SimSun,serif;
max-width:820px}
.site-mail .prose p{
margin-bottom:18px}
.site-mail .panel{
background:#f8fafb;
border:1px solid #abbeca;
padding:14px;
margin:18px 0}
.site-mail .related{
margin-top:22px;
padding-top:12px;
border-color:#bac6ce}
.site-mail .related a{
font:11px SimSun;
color:#254e76}
.site-mail footer{
padding:7px 12px;
background:#d9e0e5;
border-top:2px ridge #f5f7f8;
color:#536b7b;
font:10px Tahoma,SimSun}
.site-mail footer button{
border:0!important;
background:transparent!important;
box-shadow:none!important;
padding:0!important;
color:#335572!important;
font-size:10px!important}
.legacy-mail-menu{
display:flex;
gap:18px;
background:#e3e8ec;
border-bottom:1px solid #8195a4;
border-top:1px solid white;
padding:4px 12px;
font:11px SimSun;
color:#263f53}
.mail-columns{
display:grid;
grid-template-columns:24px 135px minmax(140px,1fr) minmax(100px,1.7fr) 130px;
gap:10px;
padding:4px 8px;
background:linear-gradient(#fafcfd,#c5d2dc);
border:1px solid #91a6b5;
color:#344f62;
font:11px Tahoma,SimSun}
.mail-columns span+span{
border-left:1px solid #b4c1ca;
padding-left:7px}

.site-nas{
background:#727f79;
color:#152422;
font:12px/1.6 Tahoma,SimSun,sans-serif;
--line:#acb4aa}
.site-nas #app{
margin:12px;
border:2px outset #c7d0c3;
box-shadow:3px 4px 0 #263c3540}
.drive-header{
padding:8px 12px;
background:linear-gradient(90deg,#314e45,#647d6b);
border:0;
border-bottom:2px groove #c2cec0;
color:#f3f5ed;
gap:24px}
.drive-logo{
font:18px Tahoma}
.drive-logo b{
font:bold 17px Tahoma;
letter-spacing:0;
text-shadow:1px 1px #18392d}
.drive-logo small{
font:10px SimSun;
color:#d4dfce}
.drive-header .site-search{
padding:0 7px;
border:2px inset #c9d0c3;
background:#f6f6ef;
border-radius:0;
color:#425644;
max-width:420px}
.drive-header input{
color:#1e3527;
font:11px Tahoma,SimSun;
padding:4px 0}
.drive-header input::placeholder{
color:#7d8d7d}
.drive-status{
font:10px Tahoma,SimSun;
color:#d7e2cb}
.legacy-drive-menu{
display:flex;
gap:24px;
background:#d6d9cd;
border-top:1px solid #fff;
border-bottom:1px solid #808e80;
padding:4px 12px;
font:12px SimSun;
color:#1f3527}
.legacy-drive-menu a{
text-decoration:none}
.drive-shell{
grid-template-columns:200px minmax(0,1fr);
background:#d7dace;
min-height:80vh;
border-top:1px solid #edf1e5}
.drive-tree{
background:#f4f3e8;
border-right:3px ridge #c5ccbd;
padding:8px 9px}
.drive-tree .sidebar-label{
color:#596849;
font:bold 11px SimSun;
letter-spacing:0;
margin:16px 4px 6px;
border-bottom:1px solid #ccd1c0;
padding-bottom:5px}
.drive-tree>a{
padding:5px 8px 5px 20px;
font:12px/1.5 Tahoma,SimSun;
position:relative;
color:#213c52;
border-left:1px dotted #9eab94;
margin-left:7px}
.drive-tree>a::before{
content:'';
position:absolute;
left:4px;
top:10px;
width:10px;
height:7px;
background:#d8b65b;
border:1px solid #8e783a;
box-shadow:inset 0 1px #f5e3a1}
.drive-tree>a:hover{
background:#dce3ce}
.drive-tree .sidebar-bottom{
margin:40px 6px 15px;
font:10px/1.8 Tahoma,SimSun;
color:#738066}
.drive-breadcrumb{
font:11px/1.5 Tahoma,SimSun;
padding:7px 12px;
background:#fffef6;
border:2px inset #d7ddcf;
color:#263c2e;
margin:6px 8px}
.drive-breadcrumb>a{
color:#245e8b}
.drive-toolbar{
padding:4px 10px;
gap:14px;
min-height:31px;
background:linear-gradient(#f0f2e8,#c7cebe);
border-top:1px solid #fbfcf5;
border-bottom:2px groove #e1e5da;
font:10px Tahoma,SimSun;
color:#4c5f47}
.drive-toolbar button,.site-nas .article button{
border:2px outset #e9eddf;
background:#dce2d1;
border-radius:0;
padding:3px 10px;
color:#243d2b;
font:11px Tahoma,SimSun;
box-shadow:none}
.drive-toolbar button[aria-pressed=true]{
border:2px inset #d2dbc6;
background:#c4d2b4}
.site-nas .article{
margin:8px;
padding:16px 18px;
border:2px inset #dce2d4;
background:#fffff8;
box-shadow:none;
min-height:420px}
.site-nas .article-heading{
padding-bottom:10px;
margin-bottom:15px;
border-bottom:1px dotted #a8b69a}
.site-nas .article-heading h1{
font:bold 19px/1.6 SimSun;
margin:7px 0}
.site-nas .article-heading .eyebrow{
font:9px Tahoma,SimSun;
color:#7b8d6d;
letter-spacing:1px}
.site-nas .prose{
font:13px/1.9 SimSun,serif}
.site-nas .panel{
padding:14px;
margin:16px 0;
border:1px solid #9faa90;
background:#f6f6eb}
.site-nas input,.site-nas select,.site-nas textarea{
font:12px Tahoma,SimSun;
border:2px inset #dae0cf;
border-radius:0;
background:#fffef6;
color:#173020}
.site-nas .drive-home{
padding:6px 8px}
.drive-home .article-heading h1{
font:12px Tahoma,SimSun;
margin:4px 0;
padding:0}
.drive-instructions{
font:10px Tahoma,SimSun;
margin:6px 0 10px;
color:#7a856e}
.drive-table th{
background:linear-gradient(#f6f8ef,#c5ceba);
border:1px outset #e9eddf;
color:#3c5236;
font:11px Tahoma,SimSun;
padding:4px 8px}
.drive-table td{
font:12px/1.5 Tahoma,SimSun;
padding:7px 8px;
border-bottom:1px dotted #c3ceba;
color:#2e442a}
.drive-table tr:nth-child(even){
background:#f0f4e8}
.drive-table tr:hover{
background:#dbe8cb}
.drive-table a{
gap:8px;
color:#254d70}
.file-icon{
width:13px;
height:16px;
display:inline-grid;
place-items:center;
background:#fffef5;
border:1px solid #9ba88d;
box-shadow:1px 1px #c0c8b6;
color:#6d8a55;
font:11px Tahoma;
margin-right:4px}
.drive-tiles .drive-table tr{
background:#f2f5e8;
border:1px solid #bdc8ad;
box-shadow:inset 1px 1px white}
.site-nas footer{
padding:6px 10px;
border-top:2px groove #e8eddf;
background:#d8dfcd;
color:#586d4e;
font:10px Tahoma,SimSun}
.site-nas footer button{
border:0;
background:transparent;
padding:0;
font-size:10px;
color:#4d6444}

.site-forum{
background:#ccd5dd;
color:#202a34;
font:12px/1.7 Tahoma,SimSun;
--line:#a6b6c4}
.forum-header{
max-width:1000px;
margin:8px auto 0;
padding:20px 22px;
background:linear-gradient(#f4f8fc,#d4e1ec);
border:1px solid #8ca8bd;
border-top:1px solid #fff;
box-shadow:inset 0 -4px #b5ccdf;
align-items:center}
.forum-logo{
font:bold 41px/1.2 SimSun;
color:#274f76;
letter-spacing:7px;
text-shadow:1px 1px #fff,2px 2px #aec4d5}
.forum-logo span{
font:12px Tahoma,SimSun;
color:#637c91;
letter-spacing:1px;
margin-left:16px}
.forum-header p{
font:11px SimSun;
color:#6d8597;
margin-top:6px}
.forum-members{
font:11px/1.8 Tahoma,SimSun;
background:#e4edf5;
border:1px inset #edf3f9;
padding:8px 12px;
min-width:165px;
text-align:left;
color:#34536d}
.forum-members a{
color:#244f7d;
margin:0 10px 0 0;
text-decoration:underline}
.site-forum #main{
max-width:1000px;
background:#fff;
border:1px solid #8ca8bd;
border-top:0;
min-height:75vh}
.forum-nav{
padding:5px 16px;
background:linear-gradient(#7d9fbb,#3e6c91);
border-top:1px solid #c4d9e8;
border-bottom:1px solid #204d73;
color:#fff;
gap:25px;
font:bold 12px SimSun;
box-shadow:inset 0 -1px #5e85a5}
.forum-nav a{
color:#fff;
text-shadow:0 1px #315a7b}
.forum-breadcrumb{
font:11px Tahoma,SimSun;
background:#e8f0f6;
color:#4c6b84;
padding:7px 12px;
border-bottom:1px solid #a7bdcd}
.forum-post{
grid-template-columns:150px minmax(0,1fr);
border-bottom:1px solid #9cb3c5}
.forum-user{
background:#e3edf5;
border-right:1px solid #a8bfd0;
padding:18px 10px;
font:12px/1.8 Tahoma,SimSun;
text-align:center}
.forum-avatar{
background:linear-gradient(135deg,#a0bcd0,#dce7ee);
border:3px double #7e9db4;
color:#355e7b;
width:76px;
height:76px;
box-shadow:2px 2px 0 #9cb5c744;
font:bold 34px SimSun;
margin-bottom:10px}
.forum-user strong{
font:bold 12px SimSun;
color:#244f75}
.forum-user small{
font:10px Tahoma,SimSun;
color:#7791a4}
.forum-user a{
font:11px SimSun;
color:#2f5d88;
margin-top:10px;
text-decoration:underline}
.site-forum .article{
padding:15px 18px;
background:#fff}
.site-forum .article-heading{
padding:7px 0 10px;
margin-bottom:20px;
border-bottom:1px dashed #a7bbc9}
.site-forum .article-heading h1{
font:bold 17px/1.5 SimSun;
margin:0 0 8px;
color:#234967}
.site-forum .meta{
font:10px Tahoma,SimSun;
letter-spacing:0;
color:#7890a2}
.site-forum .prose{
font:14px/2 SimSun,serif;
max-width:760px;
min-height:100px}
.site-forum .prose p{
margin-bottom:20px}
.site-forum .panel{
border:1px dashed #9db3c4;
background:#f1f6fa;
margin:18px 0;
padding:14px}
.site-forum .panel h2{
font:bold 14px SimSun;
color:#355776}
.site-forum button,.site-forum input,.site-forum select,.site-forum textarea{
font:12px Tahoma,SimSun;
border-radius:0}
.site-forum button{
border:1px outset #cbd9e4;
background:linear-gradient(#f8fbfd,#c3d6e4);
padding:4px 10px;
color:#2b567a}
.site-forum .related{
border-top:1px dashed #a7bbc9;
margin-top:25px;
padding-top:12px;
gap:18px}
.site-forum .related a{
font:11px SimSun;
color:#2c5c87;
text-decoration:underline}
.forum-topics>a{
padding:11px 8px;
border:1px solid #bfcedb;
border-top:0;
gap:14px;
background:#fff}
.forum-topics>a:nth-child(even){
background:#edf4fa}
.forum-topics strong{
font:bold 13px SimSun;
color:#26517a;
text-decoration:underline}
.forum-topics small{
font:10px Tahoma,SimSun;
color:#6e8aa1;
margin-top:4px}
.thread-icon{
color:#b68d40;
background:#fff9e7;
border:1px solid #cfb77e;
width:22px;
height:18px;
line-height:15px;
text-align:center;
font-size:13px}
.forum-topics>a>span:last-child{
font:10px Tahoma,SimSun;
color:#7c95a8}
.site-forum footer{
max-width:1000px;
margin:auto;
background:#e3ecf3;
border:1px solid #a4bbcd;
border-top:0;
padding:9px 12px;
font:10px Tahoma,SimSun;
color:#6f879b}
.site-forum footer button{
font:10px SimSun;
border:0;
background:transparent;
padding:0;
color:#496f90}
.site-forum .forum-index .article-heading{
border:1px solid #91afc5;
background:linear-gradient(#dce9f3,#bfd4e4);
padding:7px 10px;
margin:0}
.site-forum .forum-index .article-heading h1{
font-size:14px;
margin:0}
.forum-index .prose{
min-height:0;
font:11px SimSun;
padding:10px;
background:#f7fafc;
border:1px solid #d0dce5}
.forum-index .prose p{
margin:0 0 5px}
.legacy-forum-status{
display:flex;
justify-content:space-between;
border:1px solid #a3bbcf;
border-top:0;
background:#eaf1f6;
padding:5px 12px;
font:10px Tahoma,SimSun;
color:#637f96}
.forum-topic-columns{
display:grid;
grid-template-columns:1fr 180px;
border:1px solid #8faac0;
background:linear-gradient(#cbdde9,#9fbcd0);
padding:4px 12px;
font:bold 11px SimSun;
color:#284f70}

.site-archive{
background:#27221e;
background-image:repeating-linear-gradient(1deg,#0000000c 0,#0000000c 1px,transparent 1px,transparent 5px);
color:#d5cdbb;
--ink:#ded4bd;
--muted:#a2967f;
--line:#5f5141}
.archive-header{
margin:16px 22px 0;
padding:13px 20px;
background:#4c3c2d;
border:1px solid #73604b;
box-shadow:inset 0 1px #a58b69,0 3px 6px #0006;
color:#d9c9ac}
.archive-header>a{
font:20px SimSun;
letter-spacing:2px}
.archive-header small{
font:9px 'Courier New',monospace;
color:#a99371;
letter-spacing:2px;
margin-top:7px}
.archive-header nav{
font:11px 'Courier New',SimSun}
.archive-shell{
margin:0 22px 20px;
border:1px solid #554a3a;
border-top:0;
background:#201c18;
grid-template-columns:150px minmax(0,1fr);
box-shadow:0 8px 20px #0005}
.archive-strip{
padding:28px 24px;
background:#3b3025;
background-image:repeating-linear-gradient(to bottom,transparent 0,transparent 21px,#12100d 21px,#12100d 30px,transparent 30px,transparent 42px);
border-left:10px solid #211b14;
border-right:10px solid #211b14}
.archive-strip>small{
background:#3b3025;
padding:3px;
font:10px 'Courier New',monospace;
color:#bba47f}
.archive-strip>a{
border:6px solid #0c0b09;
margin:20px 0;
box-shadow:0 1px #8b7655}
.archive-strip img{
filter:sepia(.28) saturate(.6)}
.archive-strip a>span{
font:9px 'Courier New',monospace;
background:#0c0b09;
color:#bd964b;
padding:1px 3px}
.archive-roll{
background:#3b3025;
color:#ad916a;
font:10px 'Courier New',SimSun;
letter-spacing:4px;
padding:8px}
.site-archive .article{
padding:35px 45px}
.site-archive .article-heading{
border-bottom:1px solid #66533a;
padding-bottom:15px;
margin-bottom:24px;
position:relative}
.site-archive .article-heading .eyebrow{
font:9px 'Courier New',monospace;
color:#927c59;
letter-spacing:3px}
.site-archive .article-heading h1{
font:27px/1.5 SimSun;
letter-spacing:2px;
margin:15px 0}
.site-archive .meta{
font:10px 'Courier New',SimSun;
color:#9f8d70}
.site-archive .prose{
font:15px/2.1 SimSun,serif;
max-width:740px;
color:#c9bda7}
.site-archive .photo{
padding:22px 18px 8px;
background:#a3957a;
box-shadow:inset 0 1px #d9c9a8,3px 5px 15px #0009;
border:1px solid #c9b99b;
transform:rotate(-.25deg);
position:relative}
.site-archive .photo::before{
content:'';
position:absolute;
top:-10px;
left:40%;
width:90px;
height:26px;
background:#c5b07a80;
border:1px solid #e6d9ae33;
transform:rotate(3deg);
box-shadow:0 2px 2px #0002}
.site-archive .photo img{
padding:12px 12px 30px;
background:#e5dbc5;
box-shadow:0 2px 5px #0007}
.site-archive .photo .caption{
color:#3e3529;
font:10px 'Courier New',SimSun;
margin:14px 0 4px}
.site-archive .panel{
background:#2c261e;
border:1px solid #756044;
padding:18px}
.site-archive .panel h2{
font:20px SimSun}
.site-archive button{
background:linear-gradient(#68563e,#423627);
border:1px solid #9e815c;
border-bottom-color:#211d16;
border-right-color:#211d16;
border-radius:0;
color:#d7c7a5;
padding:5px 12px;
font:11px 'Courier New',SimSun}
.site-archive input,.site-archive select,.site-archive textarea{
font:12px 'Courier New',SimSun;
border-radius:0;
background:#ded4bd;
color:#302b22;
border:2px inset #827357}
.site-archive .related a{
font:11px 'Courier New',SimSun;
color:#ac9672}
.site-archive footer{
padding:10px 24px;
font:10px 'Courier New',SimSun;
color:#8c7859;
border-top:1px solid #4f4332}
.site-archive footer button{
border:0;
background:transparent;
box-shadow:none;
color:#9e8762;
padding:0;
font-size:10px}
.site-archive .light-table{
box-shadow:0 0 0 8px #5e503e,0 0 0 10px #9e8e6e;
margin:25px 10px;
background:#ddd9c9}
.site-archive .viewer{
padding:16px;
background:#100e0a;
border:4px ridge #65583f;
box-shadow:inset 0 0 12px #000}

.site-press{
background:#b8ad94;
color:#302b20;
font:14px/1.9 'Courier New',SimSun;
background-image:radial-gradient(#4a3c2720 .6px,transparent .7px);
background-size:4px 5px}
.site-press #app{
max-width:1120px;
margin:25px auto;
background:#e4dbc1;
box-shadow:4px 8px 20px #30281455;
border:1px solid #a89978;
background-image:repeating-linear-gradient(0deg,#58482b06 0,#58482b06 1px,transparent 1px,transparent 4px)}
.press-header{
background:transparent;
border:0;
border-bottom:4px double #6c5a3b;
margin:0 30px;
padding:26px 8px 20px;
align-items:end}
.press-logo{
font:bold 43px SimSun;
letter-spacing:8px;
color:#31291e;
text-shadow:1px 0 #5f503d40}
.press-logo small{
font:9px 'Courier New',monospace;
letter-spacing:2px;
line-height:1.8}
.press-header nav{
font:12px SimSun;
gap:22px;
padding-bottom:4px}
.press-header nav a{
text-decoration:underline;
text-underline-offset:4px}
.press-notice{
text-align:left;
margin:17px 40px 0;
padding:7px 12px;
background:transparent;
border:1px dashed #a28e69;
color:#826e49;
font:11px 'Courier New',SimSun;
transform:rotate(-.3deg)}
.site-press .article{
padding:30px 40px 55px}
.site-press .article-heading{
border-bottom:1px solid #97805c;
padding-bottom:17px}
.site-press .article-heading .eyebrow{
font:9px 'Courier New',monospace;
letter-spacing:2px;
color:#8b7755}
.site-press .article-heading h1{
font:bold 31px/1.5 SimSun;
letter-spacing:2px}
.site-press .meta{
font:10px 'Courier New',SimSun;
color:#8e7957}
.site-press .prose{
font:15px/2.2 SimSun;
max-width:740px}
.site-press .shop-shelf{
gap:40px}
.site-press .shop-item{
border-top:1px dashed #9e8b68;
padding-top:17px}
.site-press .book-cover{
box-shadow:5px 5px 0 #8f805c,7px 7px 6px #5b4e3633;
border-left:9px double #78654d;
transform:rotate(-1deg);
background-image:repeating-linear-gradient(0deg,#35281609 0,#35281609 1px,transparent 1px,transparent 3px)}
.site-press .shop-item:nth-child(2) .book-cover{
transform:rotate(1.2deg);
background-color:#cfb98c}
.site-press .shop-item:nth-child(3) .book-cover{
transform:rotate(-.5deg);
background-color:#9ea78c}
.site-press .shop-item h2{
font:bold 20px/1.6 SimSun;
margin:22px 0 8px}
.site-press .shop-item p{
font:11px/1.8 'Courier New',SimSun;
color:#7d6a48}
.site-press .panel{
border:1px dashed #9f8a64;
background:#f0e7cd;
padding:20px}
.site-press .panel h2{
font:22px SimSun}
.site-press button{
border:1px solid #746342;
background:#d9cbab;
box-shadow:1px 2px #9b8965;
color:#40341e;
border-radius:0;
font:12px SimSun;
padding:5px 12px}
.site-press input,.site-press select,.site-press textarea{
background:#f6edd7;
color:#42351d;
border:1px solid #aa9671;
border-radius:0;
font:13px 'Courier New',SimSun}
.site-press .proof-sheet{
background:#e8dbbb;
box-shadow:2px 3px 4px #5f4a2e30;
border:1px solid #bba580;
transform:rotate(-.4deg)}
.site-press footer{
border-top:4px double #716045;
margin:0 30px;
padding:13px 8px;
font:10px 'Courier New',SimSun;
color:#897653}
.site-press footer button{
border:0;
background:none;
box-shadow:none;
color:#7b6847;
font-size:10px;
padding:0}

.site-review{
background:#89877c;
background-image:repeating-linear-gradient(90deg,#3330280a 0,#3330280a 1px,transparent 1px,transparent 4px);
color:#262820;
font:13px/1.8 SimSun}
.review-header{
background:#c4c0af;
border-top:0;
border-bottom:3px ridge #dcd8c7;
padding:12px 28px;
box-shadow:0 2px 5px #0003}
.review-header>a{
font:12px 'Courier New',SimSun;
color:#474b3a}
.review-header strong{
font:bold 18px SimSun;
letter-spacing:3px}
.review-desk{
max-width:1160px;
gap:30px;
margin:25px auto;
padding:0 22px;
grid-template-columns:190px minmax(0,1fr)}
.review-register{
background:#bbb6a0;
border:1px solid #7c7965;
box-shadow:inset 0 1px #e3dfca,2px 3px 6px #29251a33;
padding:18px 15px;
height:fit-content;
position:relative}
.review-register::before{
content:'';
display:block;
height:12px;
background:#55564b;
box-shadow:inset 0 1px #868778;
margin:-25px 22px 20px;
border:1px solid #30342d}
.review-register small{
font:10px 'Courier New';
letter-spacing:1px;
color:#62624e}
.review-register h2{
font:bold 23px SimSun;
margin:12px 0 20px;
color:#454837}
.review-register p{
font:12px SimSun;
border-bottom:1px dotted #8f8c73;
padding:12px 0;
color:#53563e}
.review-register a{
font:11px SimSun;
color:#3b514c;
text-decoration:underline}
.review-paper{
background:#eeeadb;
background-image:repeating-linear-gradient(0deg,transparent 0,transparent 25px,#8e86670b 25px,#8e86670b 26px);
box-shadow:4px 6px 14px #25211655;
border:1px solid #b6ad96;
position:relative}
.review-paper::before{
content:attr(data-stamp);
position:absolute;
right:25px;
top:30px;
border:3px double #99473e;
color:#99473e;
font:bold 17px SimSun;
letter-spacing:4px;
padding:6px 8px;
transform:rotate(-12deg);
opacity:.68;
pointer-events:none}
.site-review .article{
padding:40px 42px;
position:relative}
.site-review .article-heading{
border-bottom:2px solid #72725b;
max-width:75%;
padding-bottom:16px}
.site-review .article-heading h1{
font:bold 29px/1.5 SimSun;
letter-spacing:1px}
.site-review .article-heading .eyebrow{
font:9px 'Courier New',SimSun;
letter-spacing:2px;
color:#8f8a72}
.site-review .meta{
font:10px 'Courier New',SimSun;
color:#88836c}
.site-review .prose{
font:15px/2.2 SimSun}
.site-review .panel{
background:#f7f3e6;
border:1px solid #9b977d;
padding:18px;
margin:25px 0;
box-shadow:2px 2px #c6bea62a}
.site-review .panel h2{
font:bold 20px SimSun;
border-bottom:1px solid #bbb69d;
padding-bottom:10px}
.site-review input,.site-review select,.site-review textarea{
border:1px solid #9a967c;
border-radius:0;
background:#fffbee;
font:12px SimSun;
color:#373d2b}
.site-review button{
font:12px SimSun;
padding:5px 11px;
border:1px solid #7c7e63;
border-radius:0;
background:#d6d6bc;
box-shadow:1px 2px #a6a58b;
color:#39432a}
.site-review .review-grid label{
font:11px/1.8 SimSun;
border-bottom:1px dotted #d0cbb6;
padding:5px 0;
margin:0}
.site-review footer{
padding:8px 25px;
border-top:1px solid #6d6e5c;
font:10px 'Courier New',SimSun;
color:#d7d4c3}
.site-review footer button{
border:0;
background:transparent;
box-shadow:none;
color:#d7d4c3;
font-size:10px;
padding:0}

@media(max-width:1000px){
.mail-shell{
grid-template-columns:155px minmax(0,1fr)}
.mail-row>a{
grid-template-columns:110px minmax(120px,1fr)}
.mail-columns{
grid-template-columns:24px 110px minmax(120px,1fr)}
.mail-columns span:nth-last-child(-n+2){
display:none}
.site-press #app{
margin:15px}
.forum-header,.site-forum #main,.site-forum footer{
max-width:94vw}
}

@media(max-width:760px){
.site-mail #app{
margin:4px}
.mail-header{
padding:9px 10px;
gap:12px;
min-height:0}
.mail-logo{
font-size:19px}
.mail-account{
font-size:10px}
.mail-header .site-search{
max-width:none}
.legacy-mail-menu{
gap:16px;
padding:4px 9px;
font-size:10px}
.mail-shell{
display:block}
.mail-folders{
display:flex;
padding:5px;
gap:5px;
border-right:0;
border-bottom:2px groove #e2e7eb}
.mail-folders .compose-mail{
margin:0!important}
.mail-folders>a,.mail-folders>button{
padding:4px 8px!important;
min-width:max-content;
font-size:10px!important}
.site-mail .article{
padding:13px 12px;
min-height:340px}
.mailbox-home .article{
padding:8px}
.mail-row{
padding:7px 5px}
.mail-row>a{
display:flex;
flex-direction:column;
align-items:flex-start;
gap:3px}
.mail-row strong{
font-size:12px}
.mail-row .mail-snippet{
display:none}
.mail-columns{
display:none}
.mail-sender{
padding:7px;
font-size:11px}
.mail-toolbar{
font-size:10px;
padding:5px 7px;
gap:10px}
.mail-toolbar span{
display:none}
.site-mail .prose{
font-size:13px}
.site-mail .panel{
padding:10px}
.site-mail footer{
padding:8px}
.site-mail footer .row{
gap:12px}
.site-nas #app{
margin:4px}
.drive-header{
padding:8px 9px;
gap:10px}
.drive-logo b{
font-size:15px}
.drive-logo small{
font-size:8px}
.legacy-drive-menu{
gap:20px;
padding:5px 10px;
font-size:11px}
.drive-shell{
display:block}
.drive-tree{
display:flex;
padding:5px;
border-right:0;
border-bottom:3px ridge #dce2d3;
gap:5px}
.drive-tree>a{
min-width:max-content;
padding:5px 8px 5px 20px;
font-size:10px}
.drive-tree .panel{
padding:0 5px;
margin:0;
min-width:150px}
.drive-breadcrumb{
font-size:10px;
padding:5px 7px;
margin:5px}
.drive-toolbar{
gap:10px;
padding:4px 7px}
.site-nas .article{
margin:5px;
padding:12px;
min-height:330px}
.site-nas .drive-home{
padding:5px}
.drive-table td{
font-size:10px;
padding:7px 4px}
.drive-table th{
font-size:10px;
padding:4px}
.drive-table .file-icon{
margin-right:0}
.site-nas .article-heading h1{
font-size:17px}
.site-nas .prose{
font-size:12px}
.site-nas footer{
padding:7px}
.forum-header,.site-forum #main,.site-forum footer{
max-width:98vw}
.forum-header{
padding:14px 12px;
margin-top:4px;
align-items:flex-start;
gap:8px}
.forum-logo{
font-size:30px;
letter-spacing:3px}
.forum-logo span{
font-size:10px;
margin:4px 0 0}
.forum-header p{
font-size:9px;
max-width:160px;
line-height:1.7}
.forum-members{
padding:5px;
font-size:9px;
min-width:120px}
.forum-nav{
font-size:10px;
gap:13px;
padding:6px 10px}
.legacy-forum-status{
font-size:9px;
padding:5px 9px;
gap:10px}
.forum-breadcrumb{
font-size:9px;
padding:7px 9px}
.forum-post{
display:block}
.forum-user{
padding:9px;
display:flex;
gap:10px;
text-align:left;
align-items:center;
border-right:0;
border-bottom:1px solid #b4c8d8}
.forum-avatar{
width:35px;
height:35px;
font-size:17px;
margin:0;
border:2px double #7e9db4}
.forum-user strong{
font-size:11px}
.forum-user small{
font-size:9px;
margin:0}
.site-forum .article{
padding:12px}
.site-forum .article-heading h1{
font-size:16px}
.site-forum .prose{
font-size:13px}
.site-forum .panel{
padding:10px}
.forum-topic-columns{
grid-template-columns:1fr;
font-size:10px}
.forum-topic-columns span:last-child{
display:none}
.forum-topics>a{
padding:10px 6px;
gap:10px}
.forum-topics strong{
font-size:12px}
.site-forum footer{
padding:8px}
.archive-header{
margin:7px 7px 0;
padding:10px 12px;
gap:10px}
.archive-header>a{
font-size:16px;
letter-spacing:1px}
.archive-header nav{
font-size:10px}
.archive-header small{
font-size:7px}
.archive-shell{
display:block;
margin:0 7px 10px}
.archive-strip{
display:flex;
padding:8px 12px;
border-left:0;
border-right:0;
border-bottom:5px solid #17120d;
background-image:none;
gap:13px}
.archive-strip>a{
width:47px;
border-width:4px;
margin:0}
.site-archive .article{
padding:25px 17px}
.site-archive .article-heading h1{
font-size:23px}
.site-archive .prose{
font-size:14px}
.site-archive .photo{
padding:14px 10px 6px}
.site-archive .photo img{
padding:7px 7px 20px}
.site-archive .photo::before{
width:65px;
height:20px;
top:-7px}
.site-archive .panel{
padding:12px}
.site-press #app{
margin:7px}
.press-header{
margin:0 13px;
padding:20px 4px 13px;
gap:15px;
align-items:start}
.press-logo{
font-size:33px;
letter-spacing:4px}
.press-logo small{
font-size:7px;
max-width:140px}
.press-header nav{
font-size:10px;
gap:10px;
padding:0}
.press-notice{
margin:13px 17px 0;
font-size:9px;
padding:6px}
.site-press .article{
padding:23px 17px 35px}
.site-press .article-heading h1{
font-size:25px}
.site-press .prose{
font-size:14px}
.site-press .shop-shelf{
gap:24px}
.site-press .book-cover{
border-left-width:6px;
box-shadow:4px 4px #8f805c}
.site-press .shop-item h2{
font-size:16px;
line-height:1.7}
.site-press .panel{
padding:13px}
.site-press footer{
margin:0 13px;
padding:10px 4px}
.review-header{
padding:10px 15px;
gap:10px}
.review-header strong{
font-size:13px;
letter-spacing:1px;
margin-left:8px}
.review-desk{
display:block;
margin:20px 0 15px;
padding:0 10px}
.review-register{
display:flex;
gap:12px;
flex-wrap:wrap;
padding:12px;
margin-bottom:16px;
align-items:center}
.review-register::before{
display:none}
.review-register h2{
font-size:18px;
margin:0}
.review-register p{
font-size:10px;
padding:0;
margin:0;
border:0}
.review-register a{
font-size:10px;
margin:0}
.review-register small{
font-size:8px}
.site-review .article{
padding:28px 19px}
.site-review .article-heading{
max-width:78%}
.site-review .article-heading h1{
font-size:22px}
.review-paper::before{
right:12px;
top:20px;
font-size:11px;
padding:4px;
letter-spacing:2px;
border-width:2px}
.site-review .prose{
font-size:14px}
.site-review .panel{
padding:12px}
.site-review .panel h2{
font-size:18px}
.site-review footer{
padding:9px 15px}
}


.legacy-mail-menu>a{
color:#294a63;
text-decoration:none}
.legacy-mail-menu>span{
margin-left:auto;
color:#6d8090;
font:10px Tahoma}
.legacy-drive-menu>button{
padding:0;
border:0;
background:none;
color:#1f3527;
font:12px SimSun}
.legacy-drive-menu>button:hover{
background:none;
color:#1f3527;
text-decoration:underline}